.reading-page{display:grid;gap:1.45rem;padding-top:1.25rem}.reading-progress{position:sticky;top:72px;height:4px;width:100%;border-radius:999px;background:color-mix(in srgb,var(--color-line) 65%,white);overflow:hidden;z-index:20}.reading-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--color-petrol),color-mix(in srgb,var(--color-sand) 70%,white))}.reading-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-petrol) 20%,var(--color-line));min-height:clamp(220px,32vw,420px);background:linear-gradient(120deg,#25282beb,#2f4e4ab3),radial-gradient(circle at 15% 80%,rgba(204,176,147,.35),transparent 35%)}.reading-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.8}.reading-hero__inner{position:relative;z-index:1;display:grid;align-content:end;gap:.95rem;height:100%;padding:clamp(1.2rem,2.5vw,2.25rem)}.reading-hero__title{color:var(--text-contrast);font-size:clamp(1.9rem,1.2rem + 2vw,3.3rem);max-width:24ch;text-wrap:balance}.reading-hero__description{max-width:65ch;font-size:clamp(1rem,.95rem + .35vw,1.26rem);padding-inline-start:1rem;border-inline-start:2px solid color-mix(in srgb,var(--color-sand) 85%,white);color:color-mix(in srgb,var(--text-contrast) 90%,var(--color-soft))}.reading-shell{display:grid;grid-template-areas:"content sidebar";grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:clamp(1rem,2vw,2rem);align-items:start}.reading-content{grid-area:content}.reading-sidebar{grid-area:sidebar;position:sticky;top:92px;display:grid;gap:.9rem}.reading-panel{background:var(--surface-card);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:1rem}.reading-panel h2,.reading-panel h3{font-size:1.22rem;margin-bottom:.75rem}.reading-sidebar-note p{margin:0}.reading-toc{list-style:none;display:grid;gap:.36rem}.reading-toc a{display:flex;align-items:baseline;gap:.42rem;padding:.38rem .35rem;border-radius:var(--radius-xs);text-decoration:none;color:var(--text-muted);font-size:.93rem}.reading-toc a span{font-feature-settings:"tnum";font-weight:700;font-size:.74rem;letter-spacing:.05em;color:color-mix(in srgb,var(--color-mist) 65%,black)}.reading-toc a.is-depth-3{padding-inline-start:1.2rem}.reading-toc a:hover,.reading-toc a:focus-visible,.reading-toc a[aria-current=true]{background:color-mix(in srgb,var(--color-soft) 85%,white);color:var(--color-graphite)}.reading-cta{background:linear-gradient(150deg,#fffffffa,#edf3f1eb);border-color:color-mix(in srgb,var(--color-petrol) 26%,var(--color-line));color:var(--text-heading)}.reading-cta h2{color:var(--text-heading);font-size:1.3rem;margin-bottom:.55rem}.reading-cta p{font-size:.95rem;color:var(--text-muted);margin-bottom:.95rem}.deep-read{display:grid;gap:.8rem}.deep-read article{padding-bottom:.75rem;border-bottom:1px solid var(--color-line)}.deep-read article:last-child{padding-bottom:0;border-bottom:0}.deep-read h4{font-size:1rem;margin-bottom:.25rem}.deep-read p{font-size:.84rem;color:var(--text-muted)}.reading-content{background:var(--surface-card);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:clamp(1rem,2.8vw,2.4rem);box-shadow:var(--shadow-soft)}.reading-intro,.reading-context,.reading-next-step{display:grid;gap:var(--space-sm)}.reading-intro{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--color-line) 82%,white)}.reading-intro__lead{max-width:68ch;font-size:1.06rem;line-height:1.75;color:var(--text-body)}.reading-summary{padding:.9rem 1rem;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--color-line) 82%,white);background:color-mix(in srgb,var(--color-soft) 68%,white);display:grid;gap:.6rem;margin-bottom:1rem}.reading-summary h2{font-size:1.12rem}.reading-summary p,.reading-summary ul{color:var(--text-muted);font-size:.95rem}.reading-summary ul{padding-inline-start:1.1rem;display:grid;gap:.35rem}.reading-summary .faq-list{display:grid;gap:.55rem}.reading-summary details{padding:.8rem .9rem}.reading-summary summary{cursor:pointer;font-weight:700}.reading-summary details p{margin-top:.55rem}.reading-summary__tags{display:flex;flex-wrap:wrap;gap:.5rem}.reading-bridge__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.reading-context{margin-top:1.5rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--color-line) 84%,white)}.reading-context ul,.reading-next-step__panel ul{margin:0;padding-inline-start:1.1rem;display:grid;gap:.4rem;color:var(--text-muted)}.reading-next-step{padding:clamp(1rem,2vw,1.45rem);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-mist) 34%,var(--color-line));background:linear-gradient(140deg,color-mix(in srgb,var(--surface-card) 96%,white),color-mix(in srgb,var(--surface-highlight) 76%,var(--surface-card)),color-mix(in srgb,var(--surface-alt) 88%,var(--surface-card)))}.reading-next-step>div>p,.reading-next-step__panel p{color:var(--text-muted)}.reading-next-step__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.reading-next-step__panel{padding:.9rem 1rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-card) 90%,white);border:1px solid color-mix(in srgb,var(--color-line) 84%,white);display:grid;gap:.55rem}.reading-tag{display:inline-flex;align-items:center;padding:.28rem .66rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-petrol) 25%,var(--color-line));background:var(--surface-card);color:var(--color-petrol);font-size:.8rem;text-decoration:none}.reading-tag:hover,.reading-tag:focus-visible{border-color:color-mix(in srgb,var(--color-sand) 72%,var(--color-line));background:color-mix(in srgb,var(--color-sand) 18%,white)}.audio-player{display:grid;gap:.55rem;padding:.9rem;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--color-soft) 58%,white);border:1px solid color-mix(in srgb,var(--color-line) 82%,white);margin-bottom:1.2rem}.audio-player__meta{display:flex;justify-content:space-between;gap:.6rem;font-size:.82rem;font-weight:700;letter-spacing:.03em;color:var(--color-petrol)}.audio-player audio{width:100%}.article-content{display:grid;gap:1.05rem;font-size:1.05rem;line-height:1.85}.article-content>*{max-width:68ch}.article-content h2,.article-content h3{scroll-margin-top:5.5rem}.article-content h2{font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);margin-top:1.1rem}.article-content h3{font-size:clamp(1.25rem,1.08rem + .7vw,1.6rem);margin-top:1rem}.article-content p,.article-content ul,.article-content ol,.article-content blockquote{color:var(--text-body)}.article-content a{color:var(--color-petrol);text-decoration-thickness:.08em;text-underline-offset:.14em}.article-content a:hover,.article-content a:focus-visible{color:color-mix(in srgb,var(--color-petrol) 86%,black)}.article-content ul,.article-content ol{padding-inline-start:1.2rem;display:grid;gap:.45rem}.article-content img{display:block;width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-line) 82%,white);box-shadow:var(--shadow-soft)}.article-content figure{display:grid;gap:.6rem}.article-content figcaption{font-size:.9rem;color:var(--text-muted)}.article-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.article-content th,.article-content td{padding:.7rem .75rem;border:1px solid color-mix(in srgb,var(--color-line) 84%,white);text-align:left}.article-content th{background:color-mix(in srgb,var(--color-soft) 66%,white)}.article-content blockquote,.quote-box{margin:0;padding:1rem 1.2rem;border-inline-start:3px solid color-mix(in srgb,var(--color-sand) 78%,white);background:color-mix(in srgb,var(--color-soft) 70%,white);font-style:italic}.attention-box{padding:1rem 1.15rem;border:1px solid color-mix(in srgb,var(--color-sand) 75%,var(--color-line));background:color-mix(in srgb,var(--color-sand) 22%,white);border-radius:var(--radius-xs)}.reading-footer{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--color-line);display:grid;gap:1rem}.reading-ethics-note{margin-top:.65rem;font-size:.82rem;color:var(--text-muted)}.author-card{display:grid;grid-template-columns:minmax(110px,140px) minmax(0,1fr);gap:.8rem;align-items:start}.author-card__photo{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-line)}.author-card__body{display:grid;gap:.5rem}.author-card p,.author-card__note{font-size:.9rem;color:var(--text-muted)}.author-card__link{font-weight:700;color:var(--color-petrol);text-decoration:none}.author-card__link:hover,.author-card__link:focus-visible{color:color-mix(in srgb,var(--color-petrol) 86%,black);text-decoration:underline}.related-posts{display:grid;gap:.8rem}.related-posts__meta{font-size:.82rem;font-weight:700;color:color-mix(in srgb,var(--color-petrol) 76%,var(--text-muted));margin-bottom:.3rem}.related-posts__empty{display:grid;gap:.7rem;padding:.75rem;border:1px dashed color-mix(in srgb,var(--color-mist) 45%,var(--color-line));border-radius:var(--radius-xs);background:color-mix(in srgb,var(--surface-card) 88%,white)}.related-posts article{padding:.75rem;border:1px solid var(--color-line);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--surface-card) 72%,var(--surface-page))}.related-posts h3,.related-posts h4{font-size:1rem;margin-bottom:.25rem}.related-posts p{font-size:.9rem;color:var(--text-muted)}@media(max-width:980px){.reading-shell{grid-template-areas:"content" "sidebar";grid-template-columns:1fr}.reading-sidebar{position:static}.reading-next-step__grid,.author-card{grid-template-columns:1fr}}@media(max-width:720px){.reading-page{padding-top:.8rem}.reading-progress{top:64px}.reading-hero{min-height:240px;border-radius:var(--radius-md)}.reading-hero__description{font-size:.99rem}.reading-content{padding:.95rem;font-size:1rem}.reading-panel h2,.reading-panel h3{font-size:1.12rem}}