:root{--bg:#f6efe3;--sf:#fffcf6;--sf2:#fbf5ea;--ink:#13232e;--mut:#4d5e68;--ln:#e6dac6;--oc:#0b5f6d;--oc2:#0f7d8c;--co:#b8492f;--sun:#f0a35a;--ok:#2d6a4f;--okbg:#e6f2ea;--sh:0 1px 2px rgba(19,35,46,.06),0 6px 20px rgba(19,35,46,.06);--r:14px;--f:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Roboto,sans-serif;--fd:ui-rounded,"SF Pro Rounded","Avenir Next",Avenir,Inter,system-ui,sans-serif}
[data-theme=dark]{--bg:#0a1821;--sf:#0f222d;--sf2:#132a37;--ink:#e7eff1;--mut:#a3b6bf;--ln:#21404f;--oc:#6cc9d2;--oc2:#86d6dd;--co:#f29a7e;--sun:#f5b878;--ok:#8fd3a9;--okbg:#12322a;--sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a1821;--sf:#0f222d;--sf2:#132a37;--ink:#e7eff1;--mut:#a3b6bf;--ln:#21404f;--oc:#6cc9d2;--oc2:#86d6dd;--co:#f29a7e;--sun:#f5b878;--ok:#8fd3a9;--okbg:#12322a;--sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--f)}
a{color:var(--oc)}a:hover{color:var(--co)}:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:8px;z-index:99}.skip:focus{left:8px}
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--sf) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
.top::after{content:"";display:block;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='6' viewBox='0 0 60 6'%3E%3Cpath d='M0 3 Q15 0 30 3 T60 3' fill='none' stroke='%230f7d8c' stroke-opacity='.35' stroke-width='1.5'/%3E%3C/svg%3E") repeat-x;margin-bottom:-6px}
.bar{max-width:1320px;margin:auto;display:flex;align-items:center;gap:16px;padding:10px 20px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}.logo svg{display:block}.wm{font:800 1.18rem/1 var(--fd);letter-spacing:-.02em}.wm b{color:var(--co);font-weight:800}
.srch{flex:1;max-width:560px;margin:0 auto;position:relative}.srch input{width:100%;font:inherit;font-size:.95rem;padding:9px 14px 9px 38px;border-radius:999px;border:1px solid var(--ln);background:var(--sf2);color:var(--ink)}.srch input::placeholder{color:var(--mut)}.srch svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--mut)}
.acts{display:flex;gap:8px;align-items:center;flex:none}
.btn{display:inline-flex;align-items:center;gap:6px;font:600 .9rem/1 var(--f);padding:10px 14px;border-radius:999px;border:1px solid var(--ln);background:var(--sf);color:var(--ink);text-decoration:none;cursor:pointer}.btn:hover{border-color:var(--oc);color:var(--ink)}
.btn.pri{background:var(--oc);border-color:var(--oc);color:#fff}[data-theme=dark] .btn.pri{color:#06232a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn.pri{color:#06232a}}.btn.pri:hover{filter:brightness(1.08);color:#fff}
.ib{width:40px;height:40px;justify-content:center;padding:0}
.wrap{max-width:1320px;margin:auto;display:grid;grid-template-columns:232px minmax(0,1fr) 300px;gap:28px;padding:24px 20px 40px}
.side{position:sticky;top:76px;align-self:start;min-height:60vh}.side h2,.rail h2{font:700 .72rem/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:18px 10px 8px}
.side ul{list-style:none;margin:0;padding:0}.side a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:.93rem}.side a:hover{background:var(--sf2)}.side a[aria-current]{background:var(--sf);box-shadow:var(--sh);font-weight:650}
.ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--h,#0f7d8c);color:#fff}.ic svg{width:16px;height:16px}
main{min-width:0}
.hero{position:relative;overflow:hidden;border-radius:20px;padding:30px 30px 64px;background:linear-gradient(160deg,#fde2c0 0%,#f7b98b 38%,#e9876b 70%,#c8645a 100%);color:#2a1610;box-shadow:var(--sh)}
[data-theme=dark] .hero{background:linear-gradient(160deg,#3b2a3f 0%,#6a3c4c 40%,#a2554e 75%,#c8745a 100%);color:#fff4ec}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero{background:linear-gradient(160deg,#3b2a3f 0%,#6a3c4c 40%,#a2554e 75%,#c8745a 100%);color:#fff4ec}}
.hero h1{font:800 clamp(1.7rem,3.4vw,2.5rem)/1.1 var(--fd);letter-spacing:-.03em;margin:8px 0 10px;max-width:22ch}.hero p{margin:0 0 16px;max-width:58ch;font-size:1.03rem}
.hero .waves{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px}.hero .sun{position:absolute;right:48px;bottom:22px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#fff3d6 0,#ffd59a 55%,rgba(255,213,154,0) 72%);opacity:.9}
.pill{display:inline-flex;align-items:center;gap:7px;font:700 .75rem/1 var(--f);letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.55);color:#4a2216;padding:7px 11px;border-radius:999px}[data-theme=dark] .pill{background:rgba(0,0,0,.25);color:#ffe6d6}.pill i{width:8px;height:8px;border-radius:50%;background:#2d8a5f;display:block}
.hero .row{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.hero .btn{border-color:transparent}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);box-shadow:var(--sh)}
.sec{margin-top:26px}.sec>h2{font:750 1.15rem/1.2 var(--fd);margin:0 0 12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.sec>h2 small{font:500 .85rem var(--f);color:var(--mut)}
.tl{list-style:none;margin:0;padding:0}.th,.tr{display:grid;grid-template-columns:minmax(0,1fr) 110px 70px 82px;gap:12px;align-items:center;padding:14px 18px}
.th{font:700 .72rem/1 var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);border-bottom:1px solid var(--ln);padding-top:12px;padding-bottom:12px}.th span:not(:first-child),.tr>span,.tr>time{text-align:center}
.tr+.tr{border-top:1px solid var(--ln)}.tr:hover{background:var(--sf2)}.tt{font:650 1.02rem/1.35 var(--f);color:var(--ink);text-decoration:none}.tt:hover{color:var(--oc)}.tt .pin{color:var(--co);margin-right:6px}
.tm{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;font:600 .78rem/1 var(--f);padding:5px 9px;border-radius:999px;background:var(--sf2);border:1px solid var(--ln);color:var(--ink);text-decoration:none}.chip::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--h,#0f7d8c)}
.tag{font:500 .78rem/1 var(--f);color:var(--mut)}.tag::before{content:"#"}
.st{font:650 .78rem/1.2 var(--f);color:var(--ok)}.st.p{color:var(--co)}.tr>span.n,.tr>time{font-size:.9rem;color:var(--mut)}
.note{font-size:.85rem;color:var(--mut);padding:10px 18px;border-top:1px dashed var(--ln)}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.cat{display:flex;gap:12px;padding:14px;text-decoration:none;color:var(--ink);transition:transform .15s}.cat:hover{transform:translateY(-2px);color:var(--ink);border-color:var(--h)}.cat b{display:block;font:700 .98rem/1.3 var(--f)}.cat span{font-size:.85rem;color:var(--mut);line-height:1.45;display:block;margin-top:3px}.cat .ic{width:38px;height:38px;border-radius:11px}.cat .ic svg{width:20px;height:20px}
.ch{display:flex;gap:16px;align-items:center;padding:22px;border-top:5px solid var(--h)}.ch .ic{width:56px;height:56px;border-radius:16px}.ch .ic svg{width:30px;height:30px}.ch h1{font:800 1.7rem/1.15 var(--fd);margin:0 0 4px;letter-spacing:-.02em}.ch p{margin:0;color:var(--mut)}
.subs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.crumb{font-size:.85rem;color:var(--mut);margin:0 0 12px}.crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.crumb li+li::before{content:"/";margin-right:6px;opacity:.6}
.post{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:20px 22px}.post+.post{margin-top:14px}
.av{width:48px;height:48px;border-radius:14px;background:linear-gradient(150deg,#0f7d8c,#0b5f6d);display:grid;place-items:center}
.ph{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;margin-bottom:6px}.ph strong{font-weight:700}.badge{font:700 .68rem/1 var(--f);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:6px;background:var(--oc);color:#fff}[data-theme=dark] .badge{color:#06232a}.ph time{color:var(--mut)}
.pb h2,.pb h3{font:750 1.05rem/1.3 var(--fd);margin:18px 0 6px}.pb p{margin:0 0 12px}.pb ul,.pb ol{margin:0 0 12px;padding-left:22px}.pb li{margin:4px 0}.pb sup a{text-decoration:none;font-weight:700;font-size:.75rem}
.ans{border:2px solid var(--ok);background:linear-gradient(var(--okbg),var(--sf) 140px)}.acc{display:inline-flex;align-items:center;gap:6px;font:700 .8rem/1 var(--f);color:var(--ok);margin-bottom:8px}
.q h1{font:800 clamp(1.4rem,2.6vw,1.9rem)/1.2 var(--fd);letter-spacing:-.02em;margin:0 0 8px}
.src{background:var(--sf2);border:1px solid var(--ln);border-radius:12px;padding:12px 16px 6px;margin-top:14px;font-size:.9rem}.src h3{margin:0 0 6px!important;font-size:.85rem!important;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.src ol{padding-left:20px}.src a{word-break:break-word}
.chk{font-size:.82rem;color:var(--mut);margin-top:10px}
.reply{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 22px;margin-top:14px}.reply p{margin:0;color:var(--mut);font-size:.92rem}
.rail{align-self:start;display:grid;gap:16px;min-height:40vh}.rail .card{padding:16px 18px}.rail h2{margin:0 0 10px}.rail p,.rail li{font-size:.9rem}.rail p{margin:0 0 10px}.rail ul{margin:0;padding-left:18px}.rail li{margin:5px 0}.rail .ql{list-style:none;padding:0}.rail .ql a{display:block;padding:4px 0}
.prose{padding:26px 28px}.prose h1{font:800 1.8rem/1.15 var(--fd);margin:0 0 12px;letter-spacing:-.02em}.prose h2{font:750 1.15rem/1.3 var(--fd);margin:22px 0 6px}.prose p,.prose li{max-width:70ch}
.foot{border-top:1px solid var(--ln);background:var(--sf)}.foot .in{max-width:1320px;margin:auto;padding:26px 20px;display:grid;gap:14px;font-size:.88rem;color:var(--mut)}.foot nav{display:flex;flex-wrap:wrap;gap:6px 16px}.foot a{color:var(--mut)}.foot a:hover{color:var(--oc)}
dialog{border:1px solid var(--ln);border-radius:18px;padding:0;max-width:420px;width:calc(100% - 32px);background:var(--sf);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(8,24,33,.55);backdrop-filter:blur(2px)}
.md{padding:26px}.md h2{font:800 1.3rem/1.2 var(--fd);margin:10px 0 8px}.md p{margin:0 0 16px;color:var(--mut)}.md .row{display:flex;gap:8px;justify-content:flex-end}
.res{list-style:none;padding:0;margin:0}.res li{padding:14px 18px}.res li+li{border-top:1px solid var(--ln)}.res p{margin:4px 0 0;font-size:.9rem;color:var(--mut)}
.big{font:800 4rem/1 var(--fd);color:var(--co);margin:0}
@media (max-width:1180px){.wrap{grid-template-columns:220px minmax(0,1fr)}.rail{grid-column:2}}
@media (max-width:820px){.wrap{grid-template-columns:minmax(0,1fr);padding:14px 14px 32px;gap:18px}.rail{grid-column:1}.side{position:static;min-height:0}.side h2{display:none}.side ul{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.side a{white-space:nowrap;background:var(--sf);border:1px solid var(--ln);padding:5px 10px 5px 5px;border-radius:999px;font-size:.85rem}.side .ic{width:24px;height:24px;border-radius:999px}.side .ic svg{width:13px;height:13px}
.bar{flex-wrap:wrap;gap:10px;padding:10px 14px}.srch{order:3;flex-basis:100%;max-width:none}.acts .btn:not(.ib){padding:9px 12px}.acts .hm{display:none}
.th{display:none}.tr{grid-template-columns:minmax(0,1fr) auto;padding:14px}.tr>span.n{display:none}.tr>time{grid-column:2;grid-row:1;align-self:start}.tr>span.st{grid-column:1;text-align:left}
.hero{padding:22px 20px 58px}.hero .sun{width:90px;height:90px;right:18px;bottom:20px}.post{grid-template-columns:1fr;padding:16px}.av{width:40px;height:40px}.prose{padding:20px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}