.topic-page{background:radial-gradient(circle at 80% 0, #27362c 0, transparent 29%), var(--canvas);min-height:100vh}.topic-page-topbar{border-bottom:1px solid var(--line);color:#6d776e;letter-spacing:.13em;align-items:center;gap:22px;height:72px;padding:0 clamp(22px,5vw,80px);font-size:9px;display:flex}.topic-page-topbar>span:nth-child(2){margin-right:auto}.topic-level{color:var(--amber)}.back-link{color:#a3aba4;letter-spacing:normal;font-size:11px;transition:color .15s}.back-link:hover{color:var(--amber)}.topic-layout{grid-template-columns:minmax(0,760px) 245px;gap:84px;max-width:1170px;margin:0 auto;padding:65px clamp(22px,5vw,80px) 90px;display:grid}.topic-article h1{color:var(--ink);letter-spacing:-.065em;margin:12px 0 14px;font-size:clamp(36px,5vw,56px);font-weight:500;line-height:.98}.topic-lede{color:#a2aaa2;max-width:640px;margin:0;font-size:16px;line-height:1.55}.topic-rule{background:var(--line);height:1px;margin:42px 0 45px}.topic-article section{margin:0 0 48px}.topic-article h2{color:#e8e7de;letter-spacing:-.035em;margin:10px 0 18px;font-size:21px;font-weight:500}.objective-list,.mistake-list{color:#b1b8b0;gap:12px;margin:0;padding:0;font-size:13px;line-height:1.45;list-style:none;display:grid}.objective-list li{align-items:flex-start;gap:11px;display:flex}.objective-list li span{color:var(--mint)}.concept-list{gap:12px;display:grid}.concept-list p{border:1px solid var(--line);color:#adb5ad;background:#171b19;border-radius:6px;margin:0;padding:15px 17px;font-size:13px;line-height:1.55}.mistake-list li{color:#bcaeaa;border-left:1px solid #75524a;padding-left:17px}.topic-commands{gap:10px;display:grid}.topic-command{border:1px solid var(--line);background:#171b19;border-radius:6px;padding:15px 17px}.command-meta{color:#748078;justify-content:space-between;font-size:9px;display:flex}.topic-command code{color:#e1d6c0;font-family:var(--font-geist-mono), monospace;white-space:pre;margin:12px 0 8px;font-size:11px;display:block;overflow-x:auto}.topic-command p{color:#7d877f;margin:0;font-size:10px}.topic-aside{padding-top:4px}.aside-card{border:1px solid var(--line);background:#171b19;border-radius:7px;margin-bottom:17px;padding:17px}.aside-card strong{color:#e4e5dc;margin:9px 0 6px;font-size:13px;font-weight:500;display:block}.aside-card p{color:#7e8880;margin:0 0 16px;font-size:10px;line-height:1.55}.topic-action-stack{gap:7px;display:grid}.topic-action{width:100%;color:var(--amber);cursor:pointer;background:#28251d;border:1px solid #66502f;border-radius:4px;padding:8px;font-size:10px;transition:all .15s}.topic-action:hover,.topic-action.is-done{border-color:var(--mint);color:var(--mint);background:#203329}.topic-action.secondary{color:#9ea99f;background:0 0;border-color:#3d463e}.topic-action.secondary:hover,.topic-action.is-bookmarked{border-color:var(--amber);color:var(--amber);background:#28251d}.source-link{color:#9ba79c;border-bottom:1px solid #28302a;justify-content:space-between;gap:10px;padding:11px 0;font-size:10px;line-height:1.4;display:flex}.source-link:last-child{border-bottom:0;padding-bottom:0}.source-link span{color:var(--amber)}.aside-back{margin:26px 4px;display:block}@media (max-width:800px){.topic-page-topbar{gap:13px;padding:0 20px}.topic-page-topbar>span:nth-child(2){display:none}.topic-layout{padding:42px 20px 65px;display:block}.topic-aside{margin-top:50px}.topic-article h1{font-size:43px}}
