.reading-page { background: var(--paper); }
.reading-nav { min-height: 88px; padding: 25px 6vw; display: flex; gap: 28px; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); }
.reading-nav .wordmark { font-size: 15px; letter-spacing: -.04em; text-decoration: none; font-weight: 700; }
.reading-nav nav { display: flex; gap: 30px; font-size: 13px; }
.reading-nav nav a { text-decoration: none; }
.reading-nav nav a:last-child { color: var(--orange); }
.reading-header { max-width: 1170px; padding: 76px 30px 38px; margin: auto; }
.reading-header .eyebrow { font: 11px/1.6 ui-monospace, monospace; color: var(--orange); letter-spacing: .08em; }
.reading-header .eyebrow span { padding: 0 12px; color: var(--muted); }
.reading-header h1 { font-size: clamp(42px,5.6vw,76px); font-weight: 400; line-height: 1.06; letter-spacing: -.055em; max-width: 1050px; margin: 25px 0; }
.reading-deck { max-width: 770px; font-size: clamp(18px,2vw,23px); line-height: 1.55; color: var(--muted); }
.reading-meta { display: flex; flex-wrap: wrap; gap: 10px; font-size: 12px; margin-top: 32px; color: var(--muted); }
.cover { max-width: 1110px; margin: 0 auto 60px; }
.cover img { display: block; width: 100%; height: auto; max-height: 480px; object-fit: cover; border: 1px solid var(--line); }
.cover figcaption, .article-body figcaption { color: var(--muted); font-size: 12px; line-height: 1.6; margin-top: 12px; }
.article-layout { display: grid; grid-template-columns: 205px minmax(0,720px); gap: 65px; max-width: 1110px; margin: auto; padding-bottom: 80px; }
.article-toc { align-self: start; position: sticky; top: 30px; border-top: 1px solid var(--line); padding-top: 16px; font: 12px/1.7 ui-monospace,monospace; }
.article-toc p { color: var(--muted); margin: 0 0 16px; }
.article-toc a { display: block; margin: 0 0 14px; text-decoration: none; }
.article-body { min-width: 0; font-size: 17px; line-height: 1.85; }
.article-body > p:first-child { font-size: 21px; line-height: 1.65; margin-top: 0; }
.article-body h2 { font-size: 32px; font-weight: 400; line-height: 1.2; letter-spacing: -.035em; margin: 52px 0 20px; }
.article-body h3 { font-size: 21px; font-weight: 500; line-height: 1.4; margin: 30px 0 12px; }
.article-body p { margin: 0 0 22px; }
.article-body a { text-decoration-thickness: 1px; text-underline-offset: 4px; }
.article-body li { padding-left: 5px; margin: 10px 0; }
.article-body ul,.article-body ol { padding-left: 23px; }
.article-body figure { margin: 34px 0; }
.article-body figure img { width: 100%; height: auto; display: block; }
.editorial-note { background: #e7ebe3; border-left: 3px solid var(--orange); padding: 22px 25px; font-size: 15px; line-height: 1.7; margin: 28px 0; }
.editorial-note p:last-child { margin-bottom: 0; }
.table-wrap { overflow-x: auto; margin: 28px 0; border: 1px solid var(--line); }
.article-body table { border-collapse: collapse; width: 100%; min-width: 480px; font-size: 14px; line-height: 1.6; }
.article-body th,.article-body td { text-align: left; padding: 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
.article-body th { background: #e7ebe3; font-weight: 500; }
.article-body caption { text-align: left; padding: 14px 16px; font-size: 13px; color: var(--muted); caption-side: bottom; }
.article-body .sources { font-size: 14px; overflow-wrap: anywhere; }
.pilot-callout { padding: 36px; background: #e7ebe3; margin: 45px 0; }
.pilot-callout h2 { margin: 10px 0 16px; }
.pilot-callout .eyebrow { font-size: 11px; }
.brief-example { white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid var(--line); background: #fff; padding: 24px; font: 14px/1.8 ui-monospace,monospace; }
.pilot-main { max-width: 850px; margin: auto; padding: 0 30px 60px; }
.pilot-main .waitlist-section { padding: 40px 0 0; border-top: 1px solid var(--line); }
.pilot-main .waitlist-layout { grid-template-columns: 1fr; gap: 16px; }
.pilot-main .waitlist-panel { max-width: 650px; }
.pilot-main .waitlist-section h2 { font-size: 36px; }
.reading-footer { border-top: 1px solid var(--line); padding: 30px 6vw; display: flex; gap: 24px; flex-wrap: wrap; font-size: 11px; }
.reading-footer span { margin-right: auto; }
.notes-index { max-width: 1170px; margin: auto; padding: 0 30px 60px; }
.notes-index .reading-header { padding-left: 0; padding-right: 0; }
.note-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
.note-card { text-decoration: none; display: block; border: 1px solid var(--line); background: #fafbf8; }
.note-card img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; }
.note-card > div { padding: 28px; }
.note-card .eyebrow { color: var(--orange); font-size: 10px; }
.note-card h3 { font-size: 27px; line-height: 1.2; font-weight: 400; letter-spacing: -.035em; margin: 14px 0; }
.note-card p:not(.eyebrow) { font-size: 14px; line-height: 1.75; color: var(--muted); }
.read-link { font-size: 12px; display: block; padding-top: 18px; }
.home-notes { padding: 65px 7.4vw; border-top: 1px solid var(--line); }
.home-notes h2 { font-size: 44px; font-weight: 400; letter-spacing: -.04em; margin: 15px 0 35px; }
@media(max-width:1000px) { .article-layout { padding: 0 30px 60px; gap: 35px; grid-template-columns: 160px minmax(0,1fr); } .cover { margin-left: 30px; margin-right: 30px; } }
@media(max-width:700px) { .reading-nav { padding: 22px 20px; gap: 10px; } .reading-nav .wordmark { font-size: 12px; } .reading-nav nav { gap: 15px; font-size: 12px; } .reading-header { padding: 45px 22px 25px; } .reading-header h1 { font-size: 43px; } .reading-meta { font-size: 11px; gap: 7px; } .cover { margin: 0 20px 35px; } .cover img { max-height: none; } .article-layout { display: block; padding: 0 22px 40px; } .article-toc { position: static; margin-bottom: 35px; columns: 2; column-gap: 20px; } .article-toc p { column-span: all; } .article-toc a { break-inside: avoid; font-size: 11px; } .article-body { font-size: 16px; } .article-body h2 { font-size: 28px; } .article-body > p:first-child { font-size: 19px; } .pilot-callout { padding: 25px; } .note-grid { grid-template-columns: minmax(0,1fr); } .notes-index { padding: 0 20px 35px; } .note-card > div { padding: 24px; } .pilot-main { padding: 0 22px 35px; } .reading-footer { padding: 25px 22px; gap: 18px; } .reading-footer span { flex-basis: 100%; } .home-notes { padding: 45px 6vw; } }
@media(prefers-reduced-motion:reduce) { .reading-page * { scroll-behavior: auto; } }