:root{--teal: #0f766e;--teal-dark: #0a544e;--teal-tint: #e2f0ee;--bg: #fcfbf9;--surface: #ffffff;--ink: #1b2430;--muted: #6b7480;--rule: #e6e2da;--amber: #b45f06;--amber-tint: #fdf1df;--green: #1a6b3c;--green-tint: #e3f2e8;--radius: 12px;--shadow: 0 1px 2px rgba(27, 36, 48, .05), 0 4px 16px rgba(27, 36, 48, .05)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Space Grotesk,Inter,sans-serif;line-height:1.18;margin:0;letter-spacing:-.01em}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1060px;margin:0 auto;padding:0 16px}.wrap-narrow{max-width:620px;margin:0 auto;padding:0 16px}.topbar{position:sticky;top:0;z-index:20;background:#fcfbf9eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.topbar-inner{display:flex;align-items:center;gap:16px;height:60px}.brand{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:17px;color:var(--ink);display:flex;align-items:center;gap:8px}.brand:hover{text-decoration:none}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}.spacer{flex:1}.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted);margin:20px 0 10px}.crumbs span{color:var(--rule)}.page-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:9px;border:1px solid transparent;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;background:var(--teal);color:#fff;transition:background .15s,border-color .15s;white-space:nowrap}.btn:hover{background:var(--teal-dark);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.btn.ghost:hover{background:#fff;border-color:var(--muted)}.btn.small{padding:7px 12px;font-size:13px}.btn.block{width:100%}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:18px}.card.pad-lg{padding:24px}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em;background:var(--teal-tint);color:var(--teal-dark);white-space:nowrap}.badge.draft{background:var(--amber-tint);color:var(--amber)}.badge.approved{background:var(--green-tint);color:var(--green)}.badge.plain{background:#f1efea;color:var(--muted)}.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--teal)}.muted{color:var(--muted)}.small{font-size:13.5px}.tiny{font-size:12px}.rule{height:1px;background:var(--rule);border:0;margin:24px 0}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--ink)}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:9px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid var(--teal-tint);border-color:var(--teal)}.error{background:var(--amber-tint);color:var(--amber);border:1px solid #f0ddc0;border-radius:9px;padding:10px 12px;font-size:14px;margin-bottom:14px}.notice{background:var(--teal-tint);border:1px solid #c9e2de;border-radius:9px;padding:12px 14px;font-size:14px;color:var(--teal-dark)}.chapter{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:16px;transition:border-color .15s,box-shadow .15s}.chapter.ready:hover{border-color:var(--teal);box-shadow:var(--shadow)}.chapter.planned{background:#faf8f5;border-style:dashed}.chapter-head{display:flex;align-items:flex-start;gap:10px}.chapter-no{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--teal-tint);color:var(--teal-dark);font-weight:700;font-size:13.5px}.chapter.planned .chapter-no{background:#efece6;color:var(--muted)}.chapter h3{font-size:15.5px}.chapter-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--muted)}.res-list{display:grid;gap:8px}.res{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--rule);border-radius:10px;background:#fff}.res:hover{border-color:var(--teal);text-decoration:none}.res-icon{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--teal-tint);color:var(--teal-dark);font-size:15px}.res-body{flex:1;min-width:0}.res-body strong{display:block;font-size:14.5px;color:var(--ink)}.res-body span{font-size:12.5px;color:var(--muted)}.strand-head{display:flex;align-items:baseline;gap:10px;margin:28px 0 12px}.strand-head h2{font-size:18px}.blueprint-row{display:grid;grid-template-columns:1fr 76px 72px 60px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--rule);font-size:14px}.blueprint-row input{width:100%;padding:6px 8px;font-size:14px;border:1px solid var(--rule);border-radius:7px;font-family:inherit}.blueprint-head{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.bp-field{display:block}.bp-field-label{display:none}.bp-total{display:block}.paper{background:#fff;border:1px solid var(--rule);border-radius:var(--radius);padding:28px}.paper h4{margin:18px 0 8px;font-size:14.5px;color:var(--teal-dark)}.paper ol{padding-left:22px;margin:0}.paper li{margin-bottom:9px}.paper .opts{color:var(--muted);font-size:13.5px;margin-top:3px}.paper .ans{color:var(--teal-dark);font-size:13.5px;margin-top:3px}.paper .cite{color:var(--muted);font-size:11.5px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:6px 11px;border-radius:999px;font-size:13px;border:1px solid var(--rule);background:#fff;cursor:pointer;font-family:inherit;color:var(--ink)}.chip.on{background:var(--teal);border-color:var(--teal);color:#fff}.chip:disabled{opacity:.45;cursor:not-allowed}.hero{padding-top:56px;padding-bottom:40px}.hero h1{font-size:40px;max-width:16ch}.hero p.lead{font-size:18px;color:var(--muted);max-width:54ch;margin:16px 0 26px}.plan{display:flex;flex-direction:column}.plan .price{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700}.plan ul{list-style:none;padding:0;margin:14px 0 20px;display:grid;gap:8px}.plan li{font-size:14px;display:flex;gap:9px;align-items:flex-start}.plan li .tick{color:var(--teal);font-weight:700;flex:none}.plan li.off{color:var(--muted)}.plan li.off .tick{color:var(--rule)}.plan.featured{border-color:var(--teal);box-shadow:var(--shadow)}.slides-strip{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.slides-strip img{width:100%;border:1px solid var(--rule);border-radius:9px;display:block}.center{text-align:center}.stack{display:grid;gap:10px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}h1,h2,h3,h4,p,li,td,th,.res-body strong,.chapter h3{overflow-wrap:break-word}.topbar-inner .school-badge{display:inline-block;max-width:32vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand{white-space:nowrap}@media(max-width:860px){.hero h1{font-size:34px}}@media(max-width:640px){.wrap,.wrap-narrow{padding:0 20px}.topbar-inner{height:56px;gap:10px}.brand{font-size:15.5px}.brand-mark{width:24px;height:24px;font-size:12px}.hero{padding-top:30px;padding-bottom:26px}.hero h1{font-size:29px;max-width:none}.hero p.lead{font-size:16px;margin:14px 0 22px}.btn{min-height:44px;padding:11px 16px}.btn.small{min-height:38px}.hero .row .btn{flex:1 1 100%}.row.stack-sm{flex-direction:column;align-items:stretch}.row.stack-sm .btn{width:100%}.page-head{flex-direction:column;align-items:stretch}.page-head .btn{width:100%}.card,.card.pad-lg{padding:16px}.chapter{padding:14px}.strand-head{margin:22px 0 10px}.rule{margin:20px 0}.res{padding:11px 12px;gap:10px}.res-icon{width:30px;height:30px;font-size:14px}.blueprint-row{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"label label label" "count marks total";gap:6px 8px;padding:12px 0;font-size:14px}.blueprint-row>:nth-child(1){grid-area:label}.blueprint-row>:nth-child(2){grid-area:count}.blueprint-row>:nth-child(3){grid-area:marks}.blueprint-row>:nth-child(4){grid-area:total;align-self:center}.blueprint-head{display:none}.blueprint-row input{min-height:40px}.bp-field-label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:3px}.bp-total{align-self:start}.paper{padding:16px}.paper ol{padding-left:20px}.paper .opts{word-break:break-word}.slides-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:560px){.hide-sm{display:none!important}}@media(max-width:380px){.hero h1{font-size:26px}.chips{gap:6px}.chip{padding:6px 9px;font-size:12.5px}}@media(max-width:860px){.field input,.field select,.blueprint-row input{font-size:16px}}@media print{.topbar,.no-print{display:none!important}body{background:#fff}.paper{border:0;padding:0}}
