.article-shell{width:min(calc(var(--max-article) + 32rem + var(--space-20)),calc(100% - 2rem));margin:0 auto;padding:var(--space-12) 0 var(--space-20);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--max-article)) minmax(0,1fr);gap:var(--space-10);align-items:start}.article-main{grid-column:2;min-width:0}.article-header{margin-bottom:var(--space-10)}.article-kicker{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--stone);font-family:var(--sans);font-size:.86rem;line-height:1.4;letter-spacing:0}.article-header h1{margin:var(--space-6) 0 var(--space-5);color:var(--near-black);font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.1}html:lang(zh) .article-header h1{letter-spacing:.012em}.article-description{margin:0 0 var(--space-6);color:var(--olive);font-size:1.06rem;line-height:1.55;max-width:42rem}.reading-detail-header{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:center;gap:var(--space-8);margin-bottom:var(--space-10)}.reading-detail-cover{display:flex;aspect-ratio:2 / 3;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-3);background:var(--ivory)}.reading-detail-cover img{width:100%;height:100%;object-fit:contain}.reading-detail-copy h1{margin:var(--space-5) 0 var(--space-6);color:var(--near-black);font-size:clamp(2.3rem,6vw,4.2rem);line-height:1.1}html:lang(zh) .reading-detail-copy h1{letter-spacing:.012em}.reading-added{margin:0;color:var(--stone);font-family:var(--sans);font-size:.86rem;line-height:1.4;letter-spacing:0}.reading-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.reading-empty-notes{color:var(--stone)}.article-action{display:inline-flex;width:fit-content;color:var(--brand);font-family:var(--sans);font-size:.94rem;font-weight:500;line-height:1.35}.article-prose{font-size:1rem;line-height:1.55}html:lang(zh) .article-prose{font-family:Luo,Seravek,Candara,Optima,Iowan Old Style,Charter,Georgia,Noto Sans CJK SC,"Source Han Serif SC",sans-serif}.article-prose>:first-child{margin-top:0}.article-prose>:last-child{margin-bottom:0}.article-prose h2,.article-prose h3{color:var(--near-black);line-height:1.25}.article-prose h2{margin-top:var(--space-16);margin-bottom:var(--space-4);border-left:3px solid var(--brand);border-radius:2px;padding-left:var(--space-3);font-size:clamp(1.75rem,4vw,2.4rem)}.article-prose h3{margin-top:var(--space-10);margin-bottom:var(--space-3);font-size:1.35rem;line-height:1.3}.article-prose p,.article-prose ul,.article-prose ol{margin:var(--space-4) 0}.article-prose ul,.article-prose ol{padding-left:var(--space-5);line-height:1.55}.article-prose li+li{margin-top:var(--space-2)}.article-prose li::marker{color:var(--brand)}.article-prose a{color:var(--brand)}.article-prose blockquote{break-inside:avoid;margin:var(--space-8) 0;padding:var(--space-2) 0 var(--space-2) var(--space-5);border-left:3px solid var(--brand);color:var(--olive);font-size:1.12rem;line-height:1.55}.article-prose .project-logo-wrap{display:flex;justify-content:center;margin:var(--space-2) 0 var(--space-10)}.article-prose .project-logo-wrap img{width:min(14rem,54vw);border:1px solid var(--border);border-radius:var(--radius-3);background:var(--ivory)}.article-prose .project-embed{margin:var(--space-8) 0 var(--space-10)}.article-prose .project-embed iframe{display:block;width:100%;height:clamp(32rem,72vh,44rem);border:1px solid var(--border);border-radius:var(--radius-3);background:var(--ivory)}.article-prose code{border:1px solid var(--border);border-radius:var(--radius-2);background:var(--ivory);color:var(--near-black);font-size:.9em;line-height:1.5;padding:.08rem .3rem}.article-prose pre{break-inside:avoid;overflow-x:auto;margin:var(--space-6) 0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--ivory);color:var(--near-black);font-size:.9rem;line-height:1.5}.article-prose pre code{border:0;border-radius:0;padding:0;background:transparent;color:inherit}.article-prose hr{margin:var(--space-10) 0;border:0;border-top:1px solid var(--border)}.article-prose table,.article-prose .kami-table{width:100%;margin:var(--space-6) 0;border-collapse:collapse;break-inside:avoid;font-size:.92rem;line-height:1.45}.article-prose th,.article-prose .kami-table th{border-bottom:1px solid var(--border);color:var(--dark-warm);font-weight:500;padding:var(--space-2) var(--space-3);text-align:left}.article-prose td,.article-prose .kami-table td{border-bottom:1px solid var(--border-soft);padding:var(--space-2) var(--space-3);vertical-align:top}.toc{grid-column:3;position:sticky;top:1.2rem;width:min(100%,16rem);border:1px solid var(--border);border-radius:var(--radius-3);background:var(--ivory);padding:var(--space-5)}.toc-title{margin:0 0 var(--space-3);color:var(--stone);font-family:var(--sans);font-size:.76rem;font-weight:600;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.toc ol{margin:0;padding-left:var(--space-4)}.toc li{margin:var(--space-2) 0}.toc .depth-3{margin-left:var(--space-3)}.toc a{color:var(--dark-warm);font-family:var(--sans);font-size:.9rem;line-height:1.4;text-decoration:none;letter-spacing:0}.toc a:hover,.toc a:focus-visible{color:var(--brand)}@media(max-width:1180px){.article-shell{width:min(var(--max-article),calc(100% - 2rem));grid-template-columns:minmax(0,1fr)}.article-main,.toc{grid-column:auto}.toc{position:static;order:-1;width:100%}}@media(max-width:720px){.article-kicker{align-items:flex-start;flex-direction:column}.reading-detail-header{grid-template-columns:6rem minmax(0,1fr);align-items:start;gap:var(--space-4)}.reading-detail-copy h1{margin:var(--space-3) 0 var(--space-4);font-size:clamp(1.75rem,9vw,2.6rem)}.reading-detail-actions{align-items:flex-start;flex-direction:column;gap:var(--space-3)}}