@layer components{.ac-reader{grid-template-columns:240px minmax(0,1fr);gap:40px;max-width:1400px;margin:0 auto;padding:32px 24px 100px;display:grid}@media (min-width:1200px){.ac-reader{grid-template-columns:240px minmax(0,1fr) 220px}}@media (max-width:860px){.ac-reader{grid-template-columns:1fr;gap:24px}}.ac-side-head{letter-spacing:.14em;color:var(--sub);margin-bottom:10px;font-size:11px;font-weight:800}.ac-reader-side,.ac-reader-toc{align-self:start;font-size:13.5px;position:sticky;top:96px}@media (max-width:860px){.ac-reader-side,.ac-reader-toc{position:static}.ac-reader-toc{display:none}}.ac-nav-list,.ac-nav-sub{margin:0;padding:0;list-style:none}.ac-nav-sub{border-left:1px solid var(--line);margin-left:14px;padding-left:8px}.ac-nav-link{border-radius:6px;align-items:center;gap:6px;padding:4px 6px;line-height:1.5;display:flex}.ac-nav-link:hover{background:var(--pill-bg)}.ac-nav-link.is-on{background:var(--pill-bg);color:var(--color-accent);font-weight:700}.ac-nav-icon{width:17px}.ac-nav-text{flex:1}.ac-nav-lock{opacity:.7;font-size:11px}.ac-crumbs{color:var(--sub);margin-bottom:14px;font-size:12px}.ac-crumbs a:hover{color:var(--color-accent)}.ac-reader-title{margin-bottom:28px;font-size:36px;font-weight:900;line-height:1.35}.ac-reader-icon{margin-right:10px}.ac-body{font-size:16px;line-height:1.95}.ac-body h1{margin:1.8em 0 .6em;scroll-margin-top:96px;font-size:28px;font-weight:900}.ac-body h2{margin:1.8em 0 .6em;scroll-margin-top:96px;font-size:22px;font-weight:800}.ac-body h3{margin:1.5em 0 .5em;scroll-margin-top:96px;font-size:18px;font-weight:700}.ac-body p{margin:1em 0}.ac-body ul{margin:1em 0;padding-left:1.5em;list-style:outside}.ac-body ol{margin:1em 0;padding-left:1.5em;list-style:decimal}.ac-body li{margin:.35em 0}.ac-body blockquote{border-left:3px solid var(--color-accent);color:var(--sub);margin:1.4em 0;padding-left:16px}.ac-body pre{color:#eee;background:#1e1e1e;border-radius:12px;margin:1.4em 0;padding:16px 18px;font-size:13.5px;line-height:1.7;overflow-x:auto}.ac-body code{font-size:.92em}.ac-body :not(pre)>code{background:var(--pill-bg);border-radius:4px;padding:2px 5px}.ac-body hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.ac-body img{border-radius:12px;max-width:100%;margin:1.4em 0}.ac-body a{color:var(--color-accent);text-decoration:underline}.ac-video{aspect-ratio:16/9;margin:1.6em 0;position:relative}.ac-video iframe{border:0;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.ac-reader-toc ul{margin:0;padding:0;font-size:12.5px;line-height:1.6;list-style:none}.ac-reader-toc li{margin:5px 0}.ac-reader-toc a{color:var(--sub)}.ac-reader-toc a:hover{color:var(--color-accent)}.ac-toc-l2{padding-left:10px}.ac-toc-l3{padding-left:20px}.ac-locked{border:1px dashed var(--line);text-align:center;background:var(--card);border-radius:14px;padding:40px 28px}.ac-locked-title{font-size:17px;font-weight:800}.ac-locked-lead{color:var(--sub);margin-top:10px;font-size:14px}.ac-tag{letter-spacing:.02em;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:800;display:inline-flex}.ac-tag-icon{flex-shrink:0;width:12px;height:12px}.ac-tag-members{color:#fff;background:#0f8a4a}.ac-tag-premium{color:#fff;background:linear-gradient(100deg,#b8860b,#e0aa1e)}.ac-tag-overlay{z-index:2;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 8px #0000004d}.ac-tag-inline{padding:1px 5px;font-size:10px}.ac-tag-inline .ac-tag-icon{width:10px;height:10px}.ac-cards{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:20px 16px;display:grid}.ac-card-item{flex-direction:column;display:flex}.ac-card-thumb{aspect-ratio:16/9;background:var(--pill-bg);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.ac-card-emoji{font-size:40px}.ac-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-size:14.5px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.ac-card-item:hover .ac-card-title{color:var(--color-accent)}.ac-locked .ac-tag{margin-bottom:14px}.ac-tablewrap{margin:1.4em 0;overflow-x:auto}.ac-body table{border-collapse:collapse;width:100%;font-size:14px}.ac-body th,.ac-body td{border:1px solid var(--line);vertical-align:top;padding:8px 11px}.ac-body th{background:var(--pill-bg);text-align:left;font-weight:700}}
