.first-read-page { --paper:#E9E5DB; --ink:#1B2566; --sun:#F1EE2E; --haze:#F0DA7C; color:var(--ink); background:var(--paper); margin:0; border-bottom:3px solid var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:16px; line-height:1.6; isolation:isolate; }
.first-read-page *, .first-read-page *::before, .first-read-page *::after { box-sizing:border-box; }
.first-read-page::before { content:""; position:fixed; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(ellipse at 100% 0%,rgb(240 218 124 / .45),transparent 48%),radial-gradient(ellipse at 0% 100%,rgb(240 218 124 / .22),transparent 42%); }
.first-read-page [hidden] { display:none !important; }
.first-read-page a { color:inherit; text-underline-offset:.22em; }
.first-read-page button { font:inherit; color:inherit; }
.first-read-page a:focus-visible, .first-read-page button:focus-visible, .first-read-page summary:focus-visible { outline:3px solid var(--ink); outline-offset:4px; }
.first-read-page .skip-link { position:fixed; z-index:10; top:8px; left:8px; padding:12px 20px; min-height:48px; background:var(--sun); transform:translateY(-160%); }
.first-read-page .skip-link:focus { transform:translateY(0); }
.first-read-page .site-frame { max-width:1280px; margin-inline:auto; padding:32px 24px 0; display:grid; grid-template-columns:216px minmax(0,1fr); gap:48px; align-items:start; }
.first-read-page .index-rail { position:sticky; top:24px; min-width:0; padding-bottom:24px; }
.first-read-page .guide-mark { min-height:88px; display:block; text-decoration:none; font-size:24px; font-weight:700; line-height:1.1; letter-spacing:-.06em; padding:20px 12px 16px; background:var(--sun); border-bottom:3px solid var(--ink); border-radius:4px 4px 0 0; }
.first-read-page .mark-line { display:block; font-size:16px; font-weight:500; letter-spacing:.01em; margin-top:8px; }
.first-read-page .index-caption { margin:24px 0 12px; font-size:16px; }
.first-read-page .side-index { display:grid; gap:4px; }
.first-read-page .index-link { display:flex; align-items:center; gap:12px; min-height:48px; padding:8px 12px; font-size:16px; text-decoration:none; border-bottom:1px solid rgb(27 37 102 / .22); border-radius:4px; transition:background-color 220ms; }
.first-read-page .index-link:hover { background:var(--sun); }
.first-read-page .index-link[aria-current="page"] { background:var(--sun); font-weight:700; border-bottom:3px solid var(--ink); }
.first-read-page .index-letter { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:16px; width:16px; flex:none; }
.first-read-page .rail-note { margin:24px 12px 0; max-width:22ch; font-size:16px; line-height:1.5; }
.first-read-page .page-main { min-width:0; padding-bottom:24px; }
.first-read-page .breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 24px; font-size:16px; }
.first-read-page .crumb-link { display:inline-flex; align-items:center; min-height:44px; padding:8px 0; }
.first-read-page .crumb-current { padding:8px 0; }
.first-read-page .hero { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:32px; align-items:start; padding-top:24px; border-top:3px solid var(--ink); }
.first-read-page .hero-copy { min-width:0; }
.first-read-page .hero-kicker { font-size:16px; font-weight:500; margin:0 0 24px; line-height:1.5; max-width:32ch; }
.first-read-page .hero-title { font-family:"Arial Narrow","Aptos Display","Helvetica Neue",Arial,sans-serif; font-stretch:condensed; font-size:2.25rem; font-weight:700; line-height:1.06; letter-spacing:-.055em; margin:0 0 32px; text-wrap:balance; overflow-wrap:normal; }
.first-read-page .hero-intro { font-size:18px; line-height:1.6; margin:0; max-width:40ch; }
.first-read-page .hero-visual { position:relative; margin:0; min-width:0; padding:20px 20px 0; border-radius:4px; background:var(--sun); box-shadow:0 12px 32px rgb(27 37 102 / .08); }
.first-read-page .hero-visual::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgb(27 37 102 / .12) 1px,transparent 1px),linear-gradient(90deg,rgb(27 37 102 / .12) 1px,transparent 1px); background-size:32px 32px; border-radius:4px; }
.first-read-page .photo-window { position:relative; background:var(--haze); aspect-ratio:var(--photo-ratio); overflow:hidden; border-radius:4px; }
.first-read-page .editorial-photo { display:block; width:100%; height:100%; object-fit:cover; color:transparent; font-size:0; }
.first-read-page .photo-caption { position:relative; padding:16px 0 20px; margin:0; font-size:16px; line-height:1.5; background:var(--sun); }
.first-read-page .hero-actions { margin-top:32px; display:flex; flex-wrap:wrap; gap:8px 24px; }
.first-read-page .guide-section { margin-top:clamp(5rem,8vw,8rem); max-width:100%; }
.first-read-page .section-title { font-size:24px; font-weight:700; line-height:1.25; letter-spacing:-.025em; margin:0 0 24px; max-width:32ch; text-wrap:balance; }
.first-read-page p { max-width:72ch; margin:0 0 16px; }
.first-read-page .guide-section > p { max-width:68ch; }
.first-read-page .next-link { display:flex; gap:24px; justify-content:space-between; align-items:center; min-height:48px; max-width:72ch; padding:12px 0; text-decoration:none; font-size:16px; font-weight:500; border-bottom:3px solid var(--ink); transition:background-color 220ms,padding-inline 220ms; }
.first-read-page .next-link:hover { padding-inline:12px; background:var(--sun); }
.first-read-page .next-link > span:first-child { min-width:0; }
.first-read-page .next-link > span:last-child { flex:none; }
.first-read-page .route-list { display:grid; gap:16px; max-width:64ch; }
.first-read-page .myth-stack { margin-top:clamp(5rem,8vw,8rem); display:grid; gap:64px; }
.first-read-page .myth-row { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:32px; align-items:start; }
.first-read-page .myth-row:nth-child(even) { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
.first-read-page .myth-row:nth-child(even) .myth-face { grid-column:2; grid-row:1; }
.first-read-page .myth-row:nth-child(even) .fact-panel { grid-column:1; grid-row:1; }
.first-read-page .myth-face { padding:24px; background:var(--sun); border-radius:4px; border-bottom:3px solid var(--ink); }
.first-read-page .myth-label { font-size:16px; font-weight:500; margin:0 0 24px; }
.first-read-page .myth-title { margin:0; font-size:32px; line-height:1.15; letter-spacing:-.045em; text-wrap:balance; }
.first-read-page .fact-panel { padding:20px 0 0; border-top:3px solid var(--ink); min-width:0; }
.first-read-page .fact-label { font-size:16px; font-weight:700; margin-bottom:16px; }
.first-read-page .myth-button { cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; min-width:44px; min-height:48px; width:100%; background:var(--paper); border:1px solid var(--ink); border-radius:4px; padding:12px 16px; text-align:left; font-size:16px; transition:background-color 220ms; }
.first-read-page .myth-button:hover { background:var(--sun); }
.first-read-page .myth-button > span { flex:none; font-size:20px; }
.first-read-page .myth-proof { padding-top:24px; }
.first-read-page .myth-proof[data-open] { animation:fact-rise 420ms ease-out; }
.first-read-page .evidence-card { padding:24px; background:var(--paper); border:1px solid rgb(27 37 102 / .4); border-top:3px solid var(--ink); border-radius:4px; margin:24px 0; min-width:0; box-shadow:0 6px 18px rgb(27 37 102 / .045); }
.first-read-page .evidence-label { font-size:16px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; margin:0 0 16px; }
.first-read-page .evidence-title { font-size:20px; line-height:1.3; margin:0 0 16px; letter-spacing:-.02em; }
.first-read-page .evidence-card p { font-size:16px; }
.first-read-page .source-link { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:12px 0; font-size:16px; line-height:1.45; border-top:1px solid rgb(27 37 102 / .3); text-decoration-thickness:1px; }
.first-read-page .source-link:hover { background:var(--sun); }
.first-read-page .link-arrow { flex:none; padding-left:4px; }
.first-read-page .text-link { min-height:44px; display:inline-flex; align-items:center; gap:8px; padding-block:10px; font-size:16px; }
.first-read-page .compare-table { width:100%; table-layout:fixed; border-collapse:collapse; border-top:3px solid var(--ink); font-size:16px; }
.first-read-page .compare-table caption { caption-side:bottom; text-align:left; padding:16px 0; line-height:1.5; font-size:16px; }
.first-read-page .compare-table thead th { padding:16px; text-align:left; background:var(--sun); border-bottom:1px solid var(--ink); font-size:16px; font-weight:700; }
.first-read-page .compare-table thead th:first-child { width:30%; }
.first-read-page .compare-table tbody th { text-align:left; font-weight:500; padding:24px 16px; vertical-align:top; border-bottom:1px solid rgb(27 37 102 / .35); }
.first-read-page .compare-table td { padding:24px 16px; vertical-align:top; border-bottom:1px solid rgb(27 37 102 / .35); overflow-wrap:anywhere; }
.first-read-page .compare-table td p:last-child { margin-bottom:0; }
.first-read-page .question-list { padding-left:24px; max-width:65ch; font-size:16px; }
.first-read-page .question-list li { padding-left:8px; margin-bottom:16px; }
.first-read-page .price-sheet { padding:32px; background:var(--sun); border-radius:4px; border-bottom:3px solid var(--ink); margin-bottom:24px; }
.first-read-page .price-label { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:16px; }
.first-read-page .price-fact { font-size:24px; font-weight:700; line-height:1.35; letter-spacing:-.025em; }
.first-read-page .price-sheet p:last-child { margin-bottom:0; }
.first-read-page .urgent-note { border-left:6px solid #E26B4A; background:var(--paper); padding:24px; border-radius:4px; }
.first-read-page .desk-question { border-top:1px solid var(--ink); padding:0; }
.first-read-page .desk-question:last-child { border-bottom:1px solid var(--ink); }
.first-read-page .desk-question summary { cursor:pointer; min-height:56px; padding:20px 24px 20px 0; font-size:18px; font-weight:500; line-height:1.45; }
.first-read-page .desk-question summary:hover { background:var(--sun); }
.first-read-page .desk-answer { padding:8px 0 24px 24px; max-width:68ch; }
.first-read-page .complaint-list { max-width:68ch; }
.first-read-page .evidence-pair { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:24px; align-items:start; }
.first-read-page .evidence-pair .evidence-card { margin-top:0; }
.first-read-page .page-footer { margin:clamp(5rem,8vw,8rem) 0 0; padding:24px 0 32px; border-top:3px solid var(--ink); font-size:16px; }
.first-read-page .footer-line { max-width:64ch; font-size:16px; }
.first-read-page .footer-links { display:flex; flex-wrap:wrap; gap:8px 24px; }
.first-read-page .footer-link { display:inline-flex; align-items:center; min-width:44px; min-height:48px; padding:12px 0; font-size:16px; }
.first-read-page .lost-path { max-width:60ch; }
@keyframes fact-rise { from { opacity:.82; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1050px) {
 .first-read-page .site-frame { grid-template-columns:184px minmax(0,1fr); gap:32px; }
 .first-read-page .hero { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:24px; }
 .first-read-page .hero-visual { padding:12px 12px 0; }
 .first-read-page .myth-row, .first-read-page .myth-row:nth-child(even) { gap:24px; }
 .first-read-page .myth-face { padding:20px; }
}
@media (max-width:760px) {
 .first-read-page .site-frame { display:block; padding:24px 24px 0; }
 .first-read-page .index-rail { position:static; padding-bottom:32px; }
 .first-read-page .guide-mark { min-height:72px; padding:12px 16px; font-size:24px; }
 .first-read-page .mark-line { margin-top:4px; }
 .first-read-page .index-caption { margin:16px 0 8px; }
 .first-read-page .side-index { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 12px; }
 .first-read-page .index-link { padding:8px; gap:8px; min-height:48px; }
 .first-read-page .rail-note { display:none; }
 .first-read-page .hero { grid-template-columns:minmax(0,1fr); gap:32px; padding-top:20px; }
 .first-read-page .hero-kicker { max-width:none; margin-bottom:16px; }
 .first-read-page .hero-title { max-width:15ch; margin-bottom:24px; }
 .first-read-page .hero-intro { font-size:18px; max-width:40ch; }
 .first-read-page .hero-visual { max-width:100%; padding:16px 16px 0; }
 .first-read-page .photo-window { aspect-ratio:4/3; }
 .first-read-page .hero-actions { display:grid; gap:12px; }
 .first-read-page .myth-row, .first-read-page .myth-row:nth-child(even) { grid-template-columns:minmax(0,1fr); gap:24px; }
 .first-read-page .myth-row:nth-child(even) .myth-face, .first-read-page .myth-row:nth-child(even) .fact-panel { grid-column:auto; grid-row:auto; }
 .first-read-page .myth-title { font-size:28px; max-width:22ch; }
 .first-read-page .evidence-pair { grid-template-columns:minmax(0,1fr); gap:0; }
 .first-read-page .evidence-card { padding:20px; }
 .first-read-page .compare-table thead th { padding:12px 8px; }
 .first-read-page .compare-table thead th:first-child { width:33%; }
 .first-read-page .compare-table tbody th { padding:20px 8px 20px 0; overflow-wrap:anywhere; }
 .first-read-page .compare-table td { padding:20px 0 20px 12px; }
 .first-read-page .price-sheet { padding:24px; }
 .first-read-page .price-fact { font-size:22px; }
 .first-read-page .desk-answer { padding-left:12px; }
 .first-read-page .breadcrumb { margin-bottom:16px; }
 .first-read-page .page-footer { padding-bottom:24px; }
}
@media (prefers-reduced-motion:reduce) {
 .first-read-page *, .first-read-page *::before, .first-read-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
@media print {
 .first-read-page .site-frame { display:block; padding:0; }
 .first-read-page .index-rail, .first-read-page .hero-visual, .first-read-page .myth-button, .first-read-page .skip-link { display:none; }
 .first-read-page .hero { display:block; }
 .first-read-page .myth-proof[hidden] { display:block !important; }
 .first-read-page .guide-section, .first-read-page .myth-stack, .first-read-page .page-footer { margin-top:32px; }
 .first-read-page .evidence-card, .first-read-page .myth-face { break-inside:avoid; box-shadow:none; }
}
.first-read-page .hero-title { font-size:clamp(2.5rem,5vw,4rem); max-width:13ch; } .first-read-page .photo-window { --photo-ratio:4/5; }@media (max-width:760px) { .first-read-page .hero-visual { margin-top:0; } .first-read-page .photo-window { aspect-ratio:4/3; } }