#token-lab{border:1px solid var(--line);background:var(--bg-elevated);margin-block:28px;padding:clamp(18px,4vw,30px)}#token-lab label{font-weight:600;display:block}#token-lab input{border:1px solid var(--line);background:var(--bg-elevated);width:100%;min-width:0;color:inherit;font:inherit;border-radius:4px;margin-block:10px;padding:12px 14px}#token-lab .lab-buttons,.lesson-69-chapters{flex-wrap:wrap;gap:10px;margin-block:18px;display:flex}#token-lab button,.lesson-69-chapters button{border:1px solid var(--accent-deep);color:var(--accent-deep);font:inherit;cursor:pointer;background:0 0;border-radius:4px;max-width:100%;padding:10px 15px}#token-lab button[aria-pressed=true]{color:var(--ink-inverse);background:var(--accent-deep)}#token-lab :focus-visible,.lesson-69-chapters button:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}#lab-tokens{flex-wrap:wrap;gap:10px;display:flex}#lab-tokens span{border:1px solid var(--line);background:var(--bg-elevated);overflow-wrap:anywhere;max-width:100%;padding:8px 14px}#lab-tokens small{color:var(--accent-deep);text-align:center;display:block}.reading-page{padding-bottom:64px}.reading-breadcrumb{color:var(--ui-muted);align-items:center;gap:10px;margin-bottom:28px;font-size:12px;display:flex}.reading-breadcrumb a:hover{color:var(--ui-accent)}.reading-page .article-hero{max-width:850px;padding:0 0 26px}.reading-page .article-hero h1{letter-spacing:-.02em;font-size:clamp(30px,3.6vw,48px);line-height:1.4}.reading-page .article-hero .description{margin-top:18px;font-size:16px;line-height:1.9}.reading-page .article-meta-line{gap:6px 14px;margin-bottom:18px}.reading-page .article-meta-line>span,.reading-page .article-meta-line time{font-size:12px;font-weight:500}.reading-page .article-meta-line span:before{display:none}.reading-page .article-meta-line .reading-kind{color:var(--ui-accent-strong);background:var(--ui-soft);border-radius:4px;padding:3px 9px;font-weight:650}.reading-page .article-route-link{font-size:13px;font-weight:600}.reading-page .post-tags{gap:8px}.reading-resume{border-bottom:1px solid var(--ui-line);flex-wrap:wrap;align-items:center;gap:12px 24px;max-width:850px;padding-block:16px;display:flex}.reading-resume p{gap:2px;margin-right:auto;font-size:13px;display:grid}.reading-resume small{color:var(--ui-muted);font-size:11px}.reading-resume button{border:1px solid var(--ui-line);min-height:40px;color:var(--ui-accent-strong);cursor:pointer;background:#fff;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5}.reading-resume button[data-dismiss-resume]{color:var(--ui-muted);background:0 0;border:0;padding-inline:0;font-size:12px;font-weight:400}.reading-page .article-cover{max-width:850px;margin-top:28px}.reading-page .article-cover-frame{aspect-ratio:auto;width:100%;box-shadow:none;border-radius:10px;max-height:none}.reading-page .article-cover img{object-fit:contain;width:100%;height:auto;display:block}.reading-course-intro{max-width:850px;padding-block:26px 24px}.reading-eyebrow{color:var(--ui-accent-strong);letter-spacing:.05em;margin-bottom:9px;font-size:11px;font-weight:650}.reading-course-intro>div{align-items:baseline;gap:18px;display:flex}.reading-course-intro .reading-eyebrow{order:2}.reading-course-intro h2{font-size:22px;line-height:1.5}.reading-course-intro>ul{color:var(--ui-muted);margin-block:14px 20px;padding-left:20px;font-size:14px;line-height:1.9}.reading-preparation{border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);font-size:13px}.reading-preparation>summary{cursor:pointer;justify-content:space-between;padding-block:14px;font-weight:600;list-style:none;display:flex}.reading-preparation>summary::-webkit-details-marker{display:none}.reading-preparation>div{padding:0 0 20px}.reading-preparation h3{margin-top:16px;font-size:17px}.reading-preparation ul{color:var(--ui-muted);padding-left:20px;line-height:1.9}.reading-concepts{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.reading-concepts a{background:var(--ui-soft);color:var(--ui-accent-strong);border-radius:6px;padding:8px 12px}.reading-layout{grid-template-columns:minmax(0,780px) minmax(0,240px);align-items:start;gap:65px;padding-top:12px;display:grid}.reading-sidebar{order:2;min-width:0;padding-top:18px;position:sticky;top:100px}.reading-toc>summary{cursor:pointer;border-bottom:1px solid var(--ui-line);justify-content:space-between;padding:10px 12px;font-size:13px;font-weight:650;list-style:none;display:flex}.reading-toc>summary::-webkit-details-marker{display:none}.reading-toc nav{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 300px);padding-block:12px;display:grid;overflow-y:auto}.reading-toc a{color:var(--ui-muted);overflow-wrap:anywhere;border-left:2px solid #0000;padding:7px 12px;font-size:12px;line-height:1.65;display:block}.reading-toc a.toc-depth-3{padding-left:24px;font-size:11px}.reading-toc a:hover{color:var(--ui-accent-strong);background:var(--ui-soft)}.reading-toc a[aria-current]{color:var(--ui-accent-strong);background:var(--ui-soft);border-left-color:var(--ui-accent);font-weight:650}.reading-status{border-top:1px solid var(--ui-line);color:var(--ui-muted);margin-top:20px;padding:16px 12px;font-size:11px}.reading-status>div{justify-content:space-between;display:flex}.reading-status progress{width:100%;height:3px;accent-color:var(--ui-accent);background:var(--ui-line);border:0;border-radius:2px;margin-block:10px 14px;display:block}.reading-status progress::-webkit-progress-bar{background:var(--ui-line)}.reading-status progress::-webkit-progress-value{background:var(--ui-accent)}.reading-status progress::-moz-progress-bar{background:var(--ui-accent)}.reading-status>a{justify-content:space-between;align-items:center;min-height:30px;display:flex}.reading-page .article-prose{order:1;padding-top:10px;font-size:17px;line-height:1.95}.reading-page .article-prose:focus-visible{outline:none}.reading-page .prose h2{margin-top:2.1em;font-size:clamp(24px,2.3vw,30px);line-height:1.55}.reading-page .prose h3{margin-top:1.8em;font-size:21px;line-height:1.55}.reading-page .prose :is(h2,h3){scroll-margin-top:110px}.reading-page .prose p,.reading-page .prose li{color:#303d38}.reading-page .prose pre{box-shadow:none;border-radius:10px;padding-top:50px;font-size:14px;line-height:1.8}.reading-page .prose blockquote{background:var(--ui-soft);border-left-color:var(--ui-accent);border-radius:0 8px 8px 0}.reading-page .prose table{border-collapse:collapse;max-width:100%;font-size:14px;display:block;overflow-x:auto}.reading-page .prose :is(td,th){border:1px solid var(--ui-line);min-width:90px;padding:10px 14px}.reading-page .prose th{background:var(--ui-soft)}.reading-page .lesson-video{margin-top:20px}.reading-page .lesson-video video{box-shadow:none;border-radius:10px}.reading-practice,.reading-next{border-top:1px solid var(--ui-line);max-width:850px;margin-top:48px;padding-top:36px}.reading-practice h2,.reading-next h2{font-size:clamp(23px,2.8vw,31px);line-height:1.5}.reading-practice h3{margin-bottom:14px;font-size:19px}.reading-practice-grid{grid-template-columns:1fr 1fr;gap:34px;padding-block:28px;display:grid}.reading-practice ul{color:var(--ui-muted);padding-left:20px;font-size:14px;line-height:1.9}.reading-self-check{gap:10px;display:grid}.reading-self-check details{border:1px solid var(--ui-line);background:#fff;border-radius:8px;padding:15px 18px;font-size:14px}.reading-self-check summary{cursor:pointer;font-weight:600}.reading-self-check p{color:var(--ui-muted);margin-top:14px;line-height:1.9}.reading-practice .course-next-note{margin-top:24px;font-size:13px;font-weight:500}.reading-next>header{justify-content:space-between;align-items:center;gap:26px;display:flex}.reading-next>header>a{color:var(--ui-accent-strong);flex:none;font-size:13px}.reading-next .post-nav{margin-top:24px}.reading-next .post-nav-card{padding:20px}.reading-next .post-nav-card strong{font-size:18px;line-height:1.65}.reading-next-note{background:var(--ui-soft);color:var(--ui-muted);border-radius:8px;padding:20px;font-size:13px}.reading-page .related-reading{border-top:1px solid var(--ui-line);padding-top:32px}.reading-page .related-reading h2{font-size:28px;line-height:1.5}.reading-page .author-card{margin-top:38px}.reading-image-trigger{cursor:zoom-in;background:0 0;border:0;width:fit-content;max-width:100%;padding:0;display:block}.reading-image-trigger img{max-width:100%;height:auto}.reading-image-dialog{border:1px solid var(--ui-line);width:min(1200px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ui-ink);background:#fff;border-radius:12px;padding:20px;overflow-y:auto}.reading-image-dialog::backdrop{background:#0f1c19c7}.reading-image-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;font-size:13px;display:flex}.reading-image-toolbar button{background:var(--ui-soft);min-height:44px;color:var(--ui-ink);border:1px solid var(--ui-line);cursor:pointer;font:inherit;border-radius:6px;padding:8px 16px}.reading-image-dialog>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 190px);margin:auto}.reading-image-caption{color:var(--ui-muted);text-align:center;margin-top:16px;font-size:12px}@media (width<=1100px){.reading-layout{flex-direction:column;gap:20px;display:flex}.reading-sidebar{top:var(--ui-header-height);z-index:20;background:var(--ui-paper);border-bottom:1px solid var(--ui-line);order:0;width:100%;padding:0;position:sticky}.reading-toc>summary{border-bottom:0;align-items:center;min-height:46px;padding-inline:14px}.reading-toc nav{border-top:1px solid var(--ui-line);max-height:min(50dvh,420px)}.reading-status{display:none}.reading-page .article-prose{width:min(780px,100%)}}@media (width<=760px){.reading-breadcrumb{margin-bottom:22px}.reading-page .article-hero h1{font-size:29px;line-height:1.5}.reading-page .article-hero .description{font-size:15px;line-height:1.85}.reading-page .article-meta-line{gap:6px 12px}.reading-page .article-prose{font-size:16px;line-height:1.95}.reading-page .prose h2{font-size:24px}.reading-page .prose h3{font-size:20px}.reading-course-intro{padding-top:20px}.reading-course-intro>div{gap:14px}.reading-practice-grid{grid-template-columns:1fr;gap:16px;padding-block:24px}.reading-next>header{display:block}.reading-next>header>a{margin-top:14px;display:inline-block}.reading-resume{gap:8px 14px}.reading-image-dialog{padding:14px}}
