:root{--brand:#155eef;--ink:#152033;--muted:#5e6b7d;--bg:#f6f8fc;--surface:#fff;--line:#dfe5ef;--fs:17px;--measure:780px;color-scheme:light}
[data-theme=dark]{--ink:#eaf0f8;--muted:#aab7c9;--bg:#0e1624;--surface:#152033;--line:#2a3850;color-scheme:dark}[data-theme=sepia]{--ink:#332b22;--muted:#6f6253;--bg:#f4ecd8;--surface:#fff9e9;--line:#d8c9a9}
*{box-sizing:border-box}html{font-size:var(--fs);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:var(--surface);padding:.7rem;z-index:99}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.2rem;padding:.8rem max(1rem,calc((100% - 1180px)/2));background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{font-size:1.5rem;font-weight:850;color:var(--ink);white-space:nowrap}.brand span{color:var(--brand)}header form{display:flex;flex:1;max-width:460px}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;padding:.65rem .8rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:.55rem}button,.button{display:inline-block;border:0;border-radius:.55rem;padding:.65rem .9rem;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}header form input{border-radius:.55rem 0 0 .55rem}header form button{border-radius:0 .55rem .55rem 0}header nav,footer nav{display:flex;gap:1rem}.tools{display:flex;gap:.3rem}.tools button{padding:.45rem;background:var(--surface);color:var(--ink);border:1px solid var(--line)}main{max-width:1180px;margin:auto;padding:1rem}.hero{margin:1rem 0 2rem;padding:clamp(2rem,6vw,5rem);border-radius:1.3rem;background:linear-gradient(135deg,#e8f0ff,#f4eaff);color:#152033}.hero h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.05;max-width:800px;margin:.4rem 0}.hero>p:not(.eyebrow){max-width:620px;font-size:1.15rem}.eyebrow,.type{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800;color:var(--brand)}section{margin:2.5rem 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.card,.panel,.content,.install,.login{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.2rem;box-shadow:0 6px 22px rgba(20,30,50,.04)}.card h3{margin:.35rem 0}.card p,.empty,.byline{color:var(--muted)}.content{max-width:900px;margin:1rem auto;padding:clamp(1.1rem,4vw,3.5rem)}.content h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12}.lead{font-size:1.2rem;color:var(--muted)}.prose{max-width:var(--measure);margin:2rem auto}.prose img{max-width:100%}.prose table,.table table{width:100%;border-collapse:collapse}.prose td,.prose th,.table td,.table th{padding:.7rem;text-align:left;border-bottom:1px solid var(--line)}.crumb{font-size:.9rem;color:var(--muted)}.ad{margin:1.5rem 0;padding:1rem;border:1px dashed var(--line);text-align:center}.video{aspect-ratio:16/9;margin:1.5rem 0}.video iframe,.pdfbox iframe{width:100%;height:100%;border:0}.pdfbox{height:min(78vh,850px);margin:1.5rem 0}.pdfbox .button{margin-top:.5rem}.form{display:grid;gap:1rem;max-width:720px}.form label{display:grid;gap:.35rem;font-weight:650}.checks,.stats{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}.checks span,.stats>div{padding:1rem;border-radius:.7rem;background:var(--bg)}.ok{color:#067647}.bad,.error{color:#b42318}.notice{padding:1rem;border-radius:.7rem;background:var(--bg)}.success{color:#067647}.login,.install{max-width:650px;margin:4rem auto}footer{max-width:1180px;margin:4rem auto 0;padding:2rem 1rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:2rem}.admin{display:grid;grid-template-columns:220px 1fr}.admin>aside{min-height:100vh;position:sticky;top:0;padding:1rem;background:var(--surface);border-right:1px solid var(--line)}.admin>aside nav{display:grid;margin-top:1.5rem}.admin>aside nav a{padding:.55rem;border-radius:.4rem}.admin>main{width:100%;max-width:1300px;padding:1.5rem}.admin-head{display:flex;justify-content:space-between;align-items:center}.stats>div{min-width:160px;display:grid}.stats strong{font-size:2rem}.table{overflow:auto}.table small{display:block;color:var(--muted)}pre{white-space:pre-wrap;overflow:auto;background:var(--bg);padding:1rem;border-radius:.6rem}
@media(max-width:800px){header{flex-wrap:wrap}header form{order:3;max-width:none;flex-basis:100%}header nav{display:none}.admin{display:block}.admin>aside{position:static;min-height:auto}.admin>aside nav{grid-template-columns:repeat(3,1fr);font-size:.85rem}.pdfbox{height:65vh}footer{display:block}footer nav{flex-wrap:wrap}}
@media print{header,footer,.ad,.tools,.button{display:none!important}body{background:#fff;color:#000}.content{border:0;box-shadow:none;max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.result-actions,.testbar,.qnav{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.qnav button,.mark{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.toc{max-width:var(--measure);margin:1rem auto;padding:1rem;background:var(--bg);border-radius:.7rem}.reading-progress{position:fixed;z-index:99;top:0;left:0;height:4px;background:var(--brand);width:0}.install-pwa,.update{position:fixed;z-index:50;right:1rem;bottom:1rem}.update{bottom:4rem}.qnav button.marked,.mark.marked{background:#fff4cc;color:#493500}.correct{border-left:5px solid #079455}.wrong{border-left:5px solid #d92d20}.prose{line-height:var(--lh,1.65)}
.form-grid,.filters,.actions{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem}.form-grid>label,.filters>input,.filters>select{min-width:180px;flex:1}.form-grid button{align-self:end}.inline{display:inline-block;margin:.15rem}.inline button{padding:.4rem .6rem;background:var(--surface);color:var(--brand);border:1px solid var(--line)}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem}.template-grid article{display:grid;gap:.3rem;padding:.9rem;background:var(--bg);border-radius:.7rem}.layout-list{display:block}.layout-list .card{margin:.7rem 0}.layout-compact .card p{display:none}.video-study.theater-mode{position:fixed;inset:0;z-index:100;background:var(--bg);padding:1rem;overflow:auto}.video-study.theater-mode .video{max-height:82vh;margin:auto}.correction{padding-top:1rem;border-top:1px solid var(--line)}fieldset{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:.7rem}fieldset label{display:block;margin:.45rem 0}fieldset input[type=radio],fieldset input[type=checkbox]{width:auto;margin-right:.45rem}.source{padding:1rem;background:var(--bg);border-radius:.7rem}.pagination{display:flex;gap:.4rem;margin:1.5rem 0}.pagination a{padding:.45rem .7rem;border:1px solid var(--line);border-radius:.4rem}.pagination [aria-current=page]{background:var(--brand);color:#fff}
.blog-hero,.tools-hero{padding:clamp(1.5rem,5vw,3.5rem);background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,var(--surface)),var(--surface));border:1px solid var(--line);border-radius:1.2rem}.blog-hero h1,.tools-hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin:.35rem 0}.blog-categories{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.25rem 0 2rem}.blog-categories a{padding:.45rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.blog-categories a[aria-current=page]{background:var(--brand);color:#fff}.blog-categories span{opacity:.75}.blog-grid,.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem}.blog-card,.tool-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 6px 22px rgba(20,30,50,.04)}.blog-image{display:block;aspect-ratio:16/9;background:var(--bg)}.blog-image img{display:block;width:100%;height:100%;object-fit:cover}.blog-card-body,.tool-card{padding:1.2rem}.blog-card h2,.tool-card h2{font-size:1.25rem;line-height:1.3;margin:.35rem 0}.blog-meta{color:var(--muted);font-size:.9rem}.takeaways,.references,.blog-faq{max-width:var(--measure);margin:2rem auto;padding:1.2rem;background:var(--bg);border:1px solid var(--line);border-radius:.8rem}.blog-faq details{padding:.8rem 0;border-bottom:1px solid var(--line)}.blog-faq summary{font-weight:750;cursor:pointer}.tool-icon{display:block;font-size:2rem}.tool-widget{max-width:var(--measure);margin:2rem auto;padding:clamp(1rem,4vw,2rem);background:var(--bg);border:1px solid var(--line);border-radius:1rem}.tool-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end}.tool-form label{display:grid;gap:.35rem;font-weight:700}.tool-result{display:block;margin-top:1rem;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:.65rem;font-size:1.2rem;font-weight:800}.tool-form button[type=reset]{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
