/* baykal-trip.ru — «байкальский лёд»: прозрачная бирюза, трещины-становые щели, ледовые плиты. Exo 2 + Literata. */
:root{--bg:#eef6f9;--card:#fbfeff;--ink:#0f2a3a;--mute:#4d6878;--deep:#0b3a53;--tq:#1aa6b7;--tq2:#0e7f91;--sky:#cfe7ef;--line:#cfe0e8;--crack:#9fc6d4;
--west:#2f6fd0;--east:#d0752f;--south:#5c8a3c;--north:#7d5bc4;--r:14px;--sh:0 8px 26px rgba(11,58,83,.08)}
@media (prefers-color-scheme:dark){:root:not([data-mode=light]){--bg:#081923;--card:#0e2532;--ink:#e3f1f6;--mute:#9db8c4;--deep:#bfe8f2;--tq:#47c9d8;--tq2:#7fdbe6;--sky:#123446;--line:#1b3b4c;--crack:#2c5a6d;--sh:0 8px 26px rgba(0,0,0,.4)}}
:root[data-mode=dark]{--bg:#081923;--card:#0e2532;--ink:#e3f1f6;--mute:#9db8c4;--deep:#bfe8f2;--tq:#47c9d8;--tq2:#7fdbe6;--sky:#123446;--line:#1b3b4c;--crack:#2c5a6d;--sh:0 8px 26px rgba(0,0,0,.4)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 Literata,Georgia,serif}
h1,h2,h3,.logo b,.floe b,.kick,.nv a,.hh,summary,.cta a{font-family:"Exo 2",system-ui,sans-serif}
h1{font-size:clamp(28px,4.2vw,44px);line-height:1.12;font-weight:800;margin:.25em 0 .4em;color:var(--deep);letter-spacing:-.01em}
h2{font-size:clamp(21px,2.5vw,27px);font-weight:800;line-height:1.25;margin:1.6em 0 .5em;color:var(--deep)}
h3{font-size:15px;margin:0 0 .5em;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
a{color:var(--tq2)}a:hover{color:var(--east)}
.in{max-width:1180px;margin:0 auto;padding:0 16px}
.jump{position:absolute;left:-999px}.jump:focus{left:16px;top:8px;z-index:9;background:var(--card);padding:8px 12px}
.sm{font-size:14px;color:var(--mute)}
.bar{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(6px)}
.bar .in{display:flex;align-items:center;gap:12px;min-height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-right:auto}
.logo b{display:block;font-size:20px;color:var(--deep);font-weight:800}.logo i{display:block;font-style:normal;font-size:12.5px;color:var(--mute);line-height:1.2;font-family:"Exo 2",sans-serif}
.m-l{fill:var(--tq)}.m-c{fill:none;stroke:var(--deep);stroke-width:2.4;stroke-linecap:round}
.nv{display:flex;gap:2px}.nv a{padding:8px 11px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;border-bottom:3px solid transparent}
.nv a:hover,.nv a.on{border-color:var(--tq);color:var(--deep)}
.btn-i{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.i{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.nvb{display:none}
@media(max-width:940px){.nvb{display:grid}.nv{display:none;position:absolute;left:0;right:0;top:100%;background:var(--card);flex-direction:column;padding:8px 16px 14px;border-bottom:1px solid var(--line)}.nv.open{display:flex}}
.tr{font-size:14px;color:var(--mute);padding-top:16px;font-family:"Exo 2",sans-serif}.tr a{color:var(--mute)}
/* hero со льдом */
.hero{padding:34px 0 30px;background:linear-gradient(180deg,var(--sky),var(--bg));position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;opacity:.45;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='160'%3E%3Cpath d='M0 90 L60 74 L95 102 L160 80 L220 96 M60 74 L72 0 M95 102 L88 160 M160 80 L180 20' fill='none' stroke='%23ffffff' stroke-width='1.4'/%3E%3C/svg%3E")}
.hg{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;position:relative}@media(max-width:880px){.hg{grid-template-columns:1fr}}
.kick{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tq2)}
.hl{font-size:19px;color:var(--mute);max-width:600px}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.cta a{padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:600}
.b1{background:var(--deep);color:#fff}.b1:hover{background:var(--tq2);color:#fff}.b2{border:1.5px solid var(--deep);color:var(--deep)}
/* схема */
.mapbox{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:8px}
.lake{width:100%;height:auto;display:block}.lake .water{fill:var(--tq);opacity:.28}.lake .icep{fill:url(#ice);opacity:.9}.lake .ck{fill:none;stroke:var(--crack);stroke-width:1.2}
.lake .isl{fill:var(--card);stroke:var(--tq2);stroke-width:1.5}.lake .ttl{font:800 30px "Exo 2",sans-serif;fill:var(--deep);opacity:.25;letter-spacing:.2em}
.lake .cap,.lake .nn{font:13px "Exo 2",sans-serif;fill:var(--mute)}.lake .city rect{fill:var(--mute)}.lake .city text{font:600 14px "Exo 2",sans-serif;fill:var(--mute)}
.lake .pt circle{stroke:var(--card);stroke-width:3}.lake .pt text{font:700 15px "Exo 2",sans-serif;fill:var(--deep);paint-order:stroke;stroke:var(--card);stroke-width:4px}
.lake .pt-west circle{fill:var(--west)}.lake .pt-east circle{fill:var(--east)}.lake .pt-south circle{fill:var(--south)}.lake .pt-north circle{fill:var(--north)}.lake .pt:hover circle{r:10}
/* ледовые плиты */
.floes{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px;margin:12px 0 8px}
.floe{position:relative;display:flex;flex-direction:column;gap:3px;padding:16px 16px 16px 58px;min-height:92px;background:var(--card);border:1px solid var(--line);
clip-path:polygon(0 6%,8% 0,62% 3%,100% 0,98% 58%,100% 100%,40% 97%,4% 100%);text-decoration:none;color:var(--ink);box-shadow:var(--sh);transition:transform .15s}
.floe::after{content:"";position:absolute;right:12px;bottom:10px;width:60px;height:26px;opacity:.6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='26'%3E%3Cpath d='M0 18 L18 12 L26 20 L44 8 L60 14 M26 20 L30 26' fill='none' stroke='%239fc6d4' stroke-width='1.3'/%3E%3C/svg%3E")}
.floe:hover{transform:translateY(-2px)}.floe b{font-size:18px;color:var(--deep);font-weight:800;line-height:1.2}.floe small{font-size:13.5px;color:var(--tq2);font-family:"Exo 2",sans-serif;font-weight:600}
.floe span:not(.sd){font-size:14.5px;color:var(--mute)}
.sd{position:absolute;left:14px;top:16px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 14px "Exo 2",sans-serif}
.sd-west{background:var(--west)}.sd-east{background:var(--east)}.sd-south{background:var(--south)}.sd-north{background:var(--north)}.sd-x{background:var(--tq2);font-size:12px}
.hh{font-size:22px;margin-top:1.4em}
/* статья */
.pg{padding-bottom:34px}.pg.wr{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}@media(max-width:940px){.pg.wr{grid-template-columns:1fr}}
article{max-width:790px}.lead{font-size:19.5px;color:var(--mute)}article ul{padding-left:1.2em}article li{margin:.35em 0}article li::marker{color:var(--tq)}
.sec{border-left:3px solid var(--sky);padding-left:18px;margin-left:-21px}.sec h2{margin-top:1.3em}
.toc{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:16px 0;font:14.5px "Exo 2",sans-serif}.toc span{color:var(--mute)}
.toc a{padding:4px 10px;border-radius:999px;background:var(--sky);text-decoration:none;color:var(--deep)}
.rail{align-self:start;position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.plate{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 16px 60px;position:relative;box-shadow:var(--sh)}
.plate b{display:block;font:800 18px "Exo 2",sans-serif;color:var(--deep)}.plate a{font-size:14px}.plate .sd{top:16px}
.mini{background:var(--card);border-radius:var(--r);padding:6px;box-shadow:var(--sh)}.mini .lake .pt text,.mini .lake .city text{font-size:20px}
.note{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--tq);border-radius:10px;padding:12px 16px;margin:16px 0}
.note.ice{border-left-color:var(--west)}.note b{font-family:"Exo 2",sans-serif;color:var(--deep)}.note p{margin:.3em 0 0;font-size:15.5px}
.tbl{overflow-x:auto;margin:14px 0;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.tbl table{border-collapse:collapse;width:100%;min-width:460px;font-size:15.5px}.tbl th,.tbl td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl thead th{background:var(--sky);font-family:"Exo 2",sans-serif;color:var(--deep)}.tbl tbody th{font-family:"Exo 2",sans-serif;color:var(--deep);white-space:nowrap}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;font-weight:600;padding:10px 0;color:var(--deep)}.faq details p{margin:0 0 12px}
.txt p{max-width:820px}
/* виджет */
.book{margin:10px 0 0;padding:30px 0 34px;background:linear-gradient(135deg,var(--deep),#0d5873)}
.book .box{max-width:1180px;margin:0 auto;padding:0 16px}.book header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.book h2{color:#fff;margin:0}
.book em{margin-left:auto;font-style:normal;font:12.5px "Exo 2",sans-serif;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:#dff3f8}
.book p{color:#cfe8ef;margin:.5em 0 1em}.book-w{background:#fff;border-radius:var(--r);padding:10px;min-height:120px;color:#0f2a3a}
/* подвал */
.ft{background:var(--card);border-top:1px solid var(--line)}.crack{height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='10'%3E%3Cpath d='M0 6 L20 3 L34 8 L58 2 L80 7 L100 4 L120 6' fill='none' stroke='%239fc6d4' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:24px;padding:28px 16px 18px}.fg a{display:block;color:var(--mute);text-decoration:none;font-size:15px;padding:2px 0}.fg a:hover{color:var(--tq2)}
.fl{display:flex;align-items:center;gap:8px;font:800 20px "Exo 2",sans-serif;color:var(--deep);margin:0 0 6px}
.fb{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding:14px 16px 24px;font-size:14px;color:var(--mute)}
@media(max-width:900px){.fg{grid-template-columns:1fr 1fr}.fa{grid-column:1/-1}}

.mapbox .lake{max-height:620px;width:auto;max-width:100%;margin:0 auto}
@media (prefers-color-scheme:dark){:root:not([data-mode=light]) .hero::before{opacity:.1}}
:root[data-mode=dark] .hero::before{opacity:.1}
