/* Ледоход. Шрифты: Alegreya (текст), Fira Sans Condensed (заголовки, подписи, таблицы) — SIL OFL 1.1, лежат на сайте. */
@font-face{font-family:"Alegreya";src:url(/static/sh/alegreya-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Alegreya";src:url(/static/sh/alegreya-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Alegreya";src:url(/static/sh/alegreya-cyrillic-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Alegreya";src:url(/static/sh/alegreya-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Alegreya";src:url(/static/sh/alegreya-cyrillic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Alegreya";src:url(/static/sh/alegreya-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Fira Sans Condensed";src:url(/static/sh/fira-sans-condensed-cyrillic-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fira Sans Condensed";src:url(/static/sh/fira-sans-condensed-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}

:root{
  --led:#eef3f6;      /* фон — мартовский лёд */
  --list:#fbfdfe;     /* бумага */
  --voda:#163447;     /* тёмная вода, основной текст заголовков */
  --tekst:#22303a;
  --seryy:#5f707c;
  --struya:#2a6f97;   /* ссылки */
  --il:#8b5e34;       /* весенний ил — акцент */
  --kromka:#cfdde6;
  --polosa:#dfe9ef;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--led);color:var(--tekst);font:18px/1.6 "Alegreya",Georgia,"Times New Roman",serif}
a{color:var(--struya);text-underline-offset:.15em}
a:hover,a:focus-visible{color:var(--il)}
img,video,svg{max-width:100%}
h1,h2,h3,.shapka,.podval,dl.pasport dt,table.svod th,.metka,.kroshki,nav.razdely,.kach,button{font-family:"Fira Sans Condensed","Arial Narrow",Arial,sans-serif;font-weight:500}
h1{font-size:1.85rem;line-height:1.2;color:var(--voda);margin:.2em 0 .5em}
h2{font-size:1.25rem;color:var(--voda);margin:1.8em 0 .6em;padding-bottom:.2em;border-bottom:2px solid var(--kromka)}
h3{font-size:1.05rem;margin:0 0 .3em}
p{margin:0 0 .9em}
.vvod{font-size:1.1rem;color:var(--voda)}
.snoska,.metka{color:var(--seryy);font-size:.88rem}

/* шапка */
.shapka{background:var(--voda);color:#e8f1f6}
.shapka .vnutri{max-width:1160px;margin:0 auto;padding:.7rem 16px;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem}
.znak{display:flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;font-size:1.35rem;letter-spacing:.02em}
.znak svg{width:34px;height:34px;flex:none}
.znak:hover{color:#fff}
.deviz{color:#a9c3d3;font-size:.9rem}
nav.razdely{margin-left:auto;display:flex;flex-wrap:wrap;gap:.2rem 1rem;font-size:.95rem}
nav.razdely a{color:#d7e6ef;text-decoration:none;padding:.15rem 0;border-bottom:2px solid transparent}
nav.razdely a:hover{color:#fff;border-bottom-color:#7fb3d1}
nav.razdely a[aria-current]{color:#fff;border-bottom-color:#e0b47e}

.list{max-width:1160px;margin:0 auto;padding:1.4rem 16px 2.5rem}
.kroshki{font-size:.85rem;color:var(--seryy);margin:0 0 .4rem}
.kroshki a{color:var(--seryy)}

/* главная */
.glavnaya{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.2rem}
.sboku section{background:var(--list);border:1px solid var(--kromka);border-radius:4px;padding:.9rem 1rem;margin-bottom:1.2rem}
.sboku h2{margin-top:0;font-size:1.05rem;border:0}
.sboku ul{list-style:none;margin:0;padding:0}
.sboku li{margin:.35rem 0;line-height:1.35}

/* календарь вскрытия */
figure.kalendar{margin:1rem 0 1.4rem;background:var(--list);border:1px solid var(--kromka);border-radius:4px;padding:.8rem .8rem .5rem}
figure.kalendar svg{display:block;width:100%;height:auto}
figure.kalendar figcaption{font-size:.85rem;color:var(--seryy);margin-top:.4rem}
.kal-mes{font:500 12px "Fira Sans Condensed",Arial,sans-serif;fill:#5f707c}
.kal-fon{fill:#e6eef3}
.kal-fon.chet{fill:#dbe7ee}
.kal-tochka{fill:#2a6f97;stroke:#fbfdfe;stroke-width:1.5}
a:hover .kal-tochka,a:focus .kal-tochka{fill:#8b5e34}
.kal-reka{font:500 11px "Fira Sans Condensed",Arial,sans-serif;fill:#22303a}

/* карточки и строки */
.plitki{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.plitki li{background:var(--list);border:1px solid var(--kromka);border-radius:4px;overflow:hidden}
.plitki a{display:block;text-decoration:none;color:var(--tekst)}
.plitki img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--polosa)}
.plitki .nazv{display:block;padding:.5rem .7rem 0;line-height:1.3;color:var(--voda)}
.plitki .metka{display:block;padding:.2rem .7rem .6rem}
.plitki a:hover .nazv{color:var(--il)}
ol.spisok,ul.spisok{list-style:none;margin:0;padding:0}
.spisok li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.9rem;padding:.6rem 0;border-bottom:1px solid var(--polosa)}
.spisok img{display:block;width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:3px;background:var(--polosa)}
.spisok .nazv{color:var(--voda);text-decoration:none;font-weight:700;line-height:1.3}
.spisok .nazv:hover{color:var(--il)}
.reki-po-stranam h3{margin-top:1.1rem;color:var(--seryy);font-size:.95rem;text-transform:uppercase;letter-spacing:.06em}
.reki-po-stranam ul{list-style:none;margin:0;padding:0;columns:2 240px}
.reki-po-stranam li{break-inside:avoid;margin:.25rem 0}
.yavleniya{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}
.yavleniya a{display:inline-block;padding:.2rem .65rem;border:1px solid var(--kromka);border-radius:999px;background:var(--list);text-decoration:none;font-size:.95rem}
.yavleniya a span{color:var(--seryy);font-size:.85em}

/* страница записи */
.zapis-verh{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.6rem;align-items:start}
.ekran{background:#0d1c26;border-radius:4px;overflow:hidden}
.ekran video{display:block;width:100%;aspect-ratio:16/9;background:#0d1c26}
.ekran .kach{display:flex;justify-content:flex-end;align-items:center;gap:.4rem;padding:.35rem .6rem;color:#b9cfdc;font-size:.85rem}
.ekran select{font:inherit;background:#18303f;color:#e8f1f6;border:1px solid #31546a;border-radius:3px;padding:.1rem .3rem}
.ekran .snoska{color:#d7e6ef;padding:.6rem;margin:0}
dl.pasport{margin:0;background:var(--list);border:1px solid var(--kromka);border-radius:4px;padding:.4rem .9rem}
dl.pasport div{display:grid;grid-template-columns:7.2em minmax(0,1fr);gap:.6rem;padding:.4rem 0;border-bottom:1px dashed var(--kromka)}
dl.pasport div:last-child{border-bottom:0}
dl.pasport dt{color:var(--seryy);font-size:.88rem;padding-top:.15em}
dl.pasport dd{margin:0;line-height:1.4}
.smotret{border-left:4px solid var(--il);background:var(--list);padding:.6rem .9rem;margin:1rem 0}
.smotret b{font-family:"Fira Sans Condensed",Arial,sans-serif;font-weight:500;color:var(--il)}
.sosedi{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.2rem 0;font-size:.95rem}
.tekst{max-width:46rem}
.tekst h2{border-bottom:0;margin-top:1.4em}
.fakty{border-collapse:collapse;margin:.6rem 0 1rem}
.fakty th,.fakty td{text-align:left;vertical-align:top;padding:.3rem .9rem .3rem 0;border-bottom:1px solid var(--polosa)}
.fakty th{font:500 .88rem "Fira Sans Condensed",Arial,sans-serif;color:var(--seryy);white-space:nowrap}

/* общая таблица */
.obertka{overflow-x:auto}
table.svod{border-collapse:collapse;width:100%;background:var(--list);font-size:.95rem}
table.svod th,table.svod td{padding:.4rem .6rem;border-bottom:1px solid var(--polosa);text-align:left;vertical-align:top}
table.svod th{background:var(--polosa);color:var(--voda);white-space:nowrap}
table.svod th button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline dotted}
table.svod th button[aria-sort=ascending]::after{content:" ↑"}
table.svod th button[aria-sort=descending]::after{content:" ↓"}
table.svod td.chislo{white-space:nowrap;font-variant-numeric:tabular-nums}

/* форма */
form.pismo{max-width:36rem;display:grid;gap:.9rem}
form.pismo label{display:grid;gap:.25rem;font-family:"Fira Sans Condensed",Arial,sans-serif;font-weight:500;font-size:.95rem;color:var(--voda)}
form.pismo input,form.pismo select,form.pismo textarea{font:17px/1.4 "Alegreya",Georgia,serif;padding:.45rem .55rem;border:1px solid #b5c8d4;border-radius:3px;background:#fff;color:var(--tekst);width:100%}
form.pismo label.soglasie{display:flex;gap:.5rem;align-items:flex-start;font-weight:400;font-family:"Alegreya",Georgia,serif}
form.pismo label.soglasie input{width:auto;margin-top:.3rem}
form.pismo .lovushka{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}
button.otpravit{justify-self:start;background:var(--struya);color:#fff;border:0;border-radius:3px;padding:.55rem 1.3rem;font-size:1rem;cursor:pointer}
button.otpravit:hover{background:var(--voda)}

.podval{border-top:1px solid var(--kromka);background:var(--list);font-size:.88rem;color:var(--seryy)}
.podval .vnutri{max-width:1160px;margin:0 auto;padding:1rem 16px;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;justify-content:space-between}
.podval a{color:var(--seryy)}
.skryto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:900px){
  .glavnaya,.zapis-verh{grid-template-columns:minmax(0,1fr)}
  nav.razdely{margin-left:0}
}
@media (max-width:560px){
  body{font-size:17px}
  h1{font-size:1.5rem}
  .spisok li{grid-template-columns:110px minmax(0,1fr);gap:.7rem}
  .spisok img{width:110px}
  dl.pasport div{grid-template-columns:6em minmax(0,1fr)}
}