*{box-sizing:border-box}
body{margin:0;padding:0 0 72px;background:var(--bg);color:var(--ink);font-family:"Manrope",system-ui,sans-serif;line-height:1.58}
a{color:var(--cyan)}
header{padding:40px 20px 22px;text-align:center;background:radial-gradient(circle at 50% -20%,rgba(34,211,238,.14),transparent 48%),var(--bg)}
header .tag{font:600 12px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
header h1{max-width:850px;margin:8px auto 4px;font-size:clamp(29px,5vw,45px);line-height:1.1;letter-spacing:-.035em}
header p{max-width:700px;margin:0 auto;color:var(--muted);font-size:15px}
.topnav{max-width:1160px;margin:14px auto 0;padding:0 20px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.nav-back,.theme-btn{border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font:600 12px "JetBrains Mono",monospace;text-decoration:none;padding:8px 12px;cursor:pointer}
.nav-back:hover,.theme-btn:hover{border-color:var(--cyan);color:var(--cyan)}
.railwrap,.wrap{max-width:1160px;margin:0 auto;padding:0 20px}.railwrap{margin-top:16px}.wrap{padding-bottom:20px}
.rail{display:flex;gap:8px;flex-wrap:wrap}.rail a{flex:1 1 138px;min-width:130px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-decoration:none;transition:.16s}.rail a:hover{border-color:var(--cyan);transform:translateY(-2px)}.rail a.cur{border-color:var(--cyan);background:rgba(34,211,238,.1)}.rail a.done .rn{color:var(--green)}.rn,.rt{display:block}.rn{font:11px "JetBrains Mono",monospace;color:var(--muted)}.rt{margin-top:3px;color:var(--ink);font-size:13px;font-weight:700;line-height:1.25}
.intro{margin-top:28px}.hook{padding:16px 19px;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:10px;background:var(--panel);font-size:16px;line-height:1.75}.badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.b{border:1px solid var(--line);border-radius:99px;padding:4px 9px;font:11px "JetBrains Mono",monospace;text-transform:uppercase}.b.fgos{color:var(--green);border-color:rgba(52,211,153,.45)}.b.fop{color:var(--violet);border-color:rgba(167,139,250,.45)}.b.exam{color:var(--amber);border-color:rgba(252,211,77,.45)}
.section{margin-top:44px}.sec-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sec-num{padding:4px 9px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);font:12px "JetBrains Mono",monospace;color:var(--cyan)}.sec-head h2{margin:0;font-size:24px;letter-spacing:-.025em}.sec-sub{max-width:800px;margin:6px 0 0;color:var(--muted);font-size:14px}
.grid2,.grid3{display:grid;gap:14px;margin-top:17px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.tool-card,.style-card{padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.info-card h3,.tool-card h3,.style-card h3{margin:0 0 8px;font-size:16px}.info-card p,.tool-card p,.style-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.info-card strong{color:var(--cyan)}
.iv-shell{position:relative;margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.iv-shell:before{position:absolute;top:0;left:0;right:0;height:3px;content:"";background:linear-gradient(90deg,var(--cyan),var(--amber))}.iv-head{display:flex;gap:10px;align-items:center;margin-bottom:15px}.iv-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--bg2);font:700 13px "JetBrains Mono",monospace;color:var(--cyan)}.iv-title{font-size:16px;font-weight:700}.iv-note{margin:0 0 14px;color:var(--muted);font-size:14px}
.btn-c{border:1px solid var(--line);border-radius:9px;padding:9px 14px;background:var(--panel2);color:var(--ink);font:700 13px "Manrope",sans-serif;cursor:pointer;transition:.15s}.btn-c:hover{border-color:var(--cyan);color:var(--cyan)}.btn-c.primary{border-color:var(--cyan);background:var(--cyan);color:#04222b}.btn-c.primary:hover{color:#04222b;filter:brightness(1.07)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.field-label{display:block;margin:0 0 5px;color:var(--muted);font-size:12px;font-weight:700}.text-input,.text-area,select{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--ink);font:14px "JetBrains Mono",monospace;padding:10px 12px}.text-area{min-height:150px;resize:vertical;line-height:1.65}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.result-box{margin-top:14px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);font-size:14px;line-height:1.65}.result-box.ok{border-color:rgba(52,211,153,.5);background:rgba(52,211,153,.09)}.result-box.bad{border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.09)}
.doc-sheet{max-width:720px;margin:16px auto;padding:clamp(20px,5vw,48px);border:1px solid var(--line);border-radius:5px;background:#fff;color:#20252c;box-shadow:0 14px 35px rgba(0,0,0,.15)}.doc-sheet h1{margin:0 0 18px;font-size:27px;line-height:1.15}.doc-sheet h2{margin:22px 0 8px;font-size:20px}.doc-sheet p{margin:0 0 12px;line-height:1.65}.doc-sheet .doc-meta{margin-bottom:25px;color:#596273;font-size:13px}.doc-sheet .quote{padding-left:14px;border-left:3px solid #0891b2;color:#394355}.doc-sheet mark{padding:0 2px;background:#f8dc82}.doc-sheet .replace{background:#bfeccc}
.style-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.style-controls button[aria-pressed="true"]{border-color:var(--cyan);background:rgba(34,211,238,.13);color:var(--cyan)}.style-report{font-size:14px}.outline-list{display:grid;gap:6px;margin-top:12px}.outline-row{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);font-size:13px}.outline-row select{max-width:110px;padding:5px 7px;font-size:12px}.outline-row .outline-text{flex:1}
.list-builder{display:grid;gap:7px;margin-top:14px}.list-row{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center}.level-tag{padding:8px 4px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--cyan);font:12px "JetBrains Mono",monospace;text-align:center}.list-row input{min-width:0}.table-demo{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}.table-demo th,.table-demo td{padding:9px 10px;border:1px solid var(--line);text-align:left}.table-demo th{background:var(--bg2);color:var(--cyan);font-size:12px}.checklist{display:grid;gap:8px;margin-top:13px}.check-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);font-size:14px}.check-item input{margin-top:3px;accent-color:var(--cyan)}
.key-display{min-height:54px;margin-top:12px;padding:13px 15px;border:1px dashed var(--line);border-radius:9px;background:var(--bg2);color:var(--muted);font:13px "JetBrains Mono",monospace}.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.shortcut{padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--bg2)}.shortcut kbd{display:inline-block;padding:2px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--panel);font:11px "JetBrains Mono",monospace;color:var(--cyan)}.shortcut p{margin:7px 0 0;color:var(--muted);font-size:12px}
.page-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.card-link{display:block;min-height:170px;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);text-decoration:none;transition:.16s}.card-link:hover{border-color:var(--cyan);transform:translateY(-3px)}.cl-num{font:12px "JetBrains Mono",monospace;color:var(--cyan)}.cl-title{margin-top:10px;font-size:17px;font-weight:800}.cl-desc{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.55}
.assessment-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.assessment-kicker{display:block;color:var(--muted);font:10px "JetBrains Mono",monospace;text-transform:uppercase}.assessment-toolbar strong{font-size:16px}.question-card{padding:17px;border:1px solid var(--line);border-radius:11px;background:var(--bg2)}.question-card h3{margin:0 0 10px;font-size:16px}.question-card p{margin:0 0 12px;line-height:1.6}.question-options{display:grid;gap:7px}.question-option{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;font-size:14px}.question-option:hover{border-color:var(--cyan)}.question-option input{margin-top:3px;accent-color:var(--cyan)}.question-option.right{border-color:var(--green);background:rgba(52,211,153,.1)}.question-option.wrong{border-color:var(--red);background:rgba(248,113,113,.1)}.question-feedback{margin-top:12px;padding:11px 12px;border-radius:8px;background:var(--panel);font-size:13px;line-height:1.6}.question-feedback b{color:var(--cyan)}
.timer{padding:8px 11px;border:1px solid rgba(252,211,77,.45);border-radius:8px;color:var(--amber);font:700 15px "JetBrains Mono",monospace}.modnav{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:38px 0 0;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.modnav a{font-size:14px;text-decoration:none}.mn-label{color:var(--muted);font-size:11px}.mn-title{font-weight:700}
@media(max-width:760px){.grid2,.grid3,.page-cards,.shortcut-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.rail a{flex:1 1 44%;min-width:0}.doc-sheet{padding:22px}.list-row{grid-template-columns:36px 1fr}.list-row .btn-c{grid-column:2}.topnav{padding:0 14px}.railwrap,.wrap{padding:0 14px}}