/* Ten-year money. Shares the Journal header, type families and theme preference from home.css. */
.tym-page { --essay-text:#c7cbc5; --deep:#7fb6a4; }
html[data-theme="light"] .tym-page { --essay-text:#41463e; --deep:#2f6f5e; }
.tym-page .site-nav a[aria-current="location"] { color:var(--ink); }
.tym-page .site-nav a[aria-current="location"]:after { content:"";height:1px;background:var(--accent);position:absolute;bottom:0;left:0;right:0; }
.skip-link { position:absolute;left:24px;top:-80px;padding:12px;background:var(--bg);z-index:80; }
.skip-link:focus { top:12px; }

/* Hero */
.tym-hero { padding:58px 0 0; }
.essay-brow,.essay-meta,.figure-no,.figure-credit,.diagram-top,.toc-label { font:10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase; }
.essay-brow { display:flex;justify-content:space-between;gap:20px;color:var(--muted); }
.essay-brow a { color:var(--ink); }
.title-row { display:grid;grid-template-columns:1.65fr 1fr;gap:45px;align-items:end;margin:35px 0 37px; }
.tym-hero h1 { font-size:clamp(58px,8.5vw,112px);line-height:.94;letter-spacing:-.065em; }
.title-aside { padding:0 0 5px 28px;border-left:1px solid var(--line); }
.title-aside .dek { font:21px/1.45 var(--serif);letter-spacing:-.015em;color:var(--essay-text);max-width:310px; }
.essay-meta { margin-top:25px;letter-spacing:0;line-height:1.8;color:var(--muted); }
.hero-image { background:#050505; }
.hero-image img { width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover;object-position:50% 45%; }
.tym-caption { display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:18px;margin-top:14px;color:var(--muted);font:12px/1.55 var(--sans); }
.tym-caption p { max-width:650px; }
.figure-no { color:var(--accent);letter-spacing:0; }
.figure-credit { font-size:9px;letter-spacing:.025em;text-align:right; }
.figure-credit a { border-bottom:1px solid var(--line); }
.essay-nav { display:flex;gap:16px 28px;flex-wrap:wrap;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);margin:25px 0 72px;font-size:12px; }
.toc-label { color:var(--muted);margin-right:8px; }

/* Prose */
.tym-article { counter-reset:section; }
.tym-article > p,.tym-article > h2 { max-width:680px;margin-left:auto;margin-right:auto; }
.tym-article > p { color:var(--essay-text);font-size:18px;line-height:1.85;margin-bottom:25px; }
.tym-article > p:first-child { color:var(--ink);font:27px/1.48 var(--serif);letter-spacing:-.015em;margin-bottom:28px; }
.tym-article h2 { position:relative;font-size:51px;line-height:1.06;margin-top:112px;margin-bottom:31px;counter-increment:section;scroll-margin-top:40px; }
.tym-article h2:before { content:"0" counter(section);position:absolute;left:-90px;top:9px;font:11px var(--sans);letter-spacing:0;color:var(--accent); }
.tym-article sup { font:10px var(--sans);margin-left:3px;white-space:nowrap; }
.tym-article sup a { padding:5px 2px;color:var(--accent);border-bottom:1px solid var(--line); }

/* Photographs */
.photo-spread { margin:50px 0 62px; }
.photo-spread > img { width:100%;height:auto;max-height:620px;object-fit:cover; }
.agc-photo { max-width:900px;margin-left:auto;margin-right:auto; }
.drive-photo > img { max-height:560px;object-position:50% 60%; }
.photo-pair { display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:start;margin:52px 0 66px; }
.photo-pair > figure:last-child { padding-top:70px; }
.photo-pair img { width:100%;height:auto;aspect-ratio:1.45;object-fit:cover; }
.photo-pair figcaption { margin-top:13px;font:12px/1.6 var(--sans);color:var(--muted);max-width:440px; }
.photo-pair .figure-credit { display:block;margin-top:7px;text-align:left; }

/* Diagrams */
.tym-figure { border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0 24px;margin:43px auto 50px;max-width:900px; }
.diagram-top { display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);margin-bottom:22px; }
.diagram-top span:first-child { color:var(--accent); }
.tym-figure h3 { font:30px/1.15 var(--serif);color:var(--ink);margin:0 0 24px;letter-spacing:-.035em; }
.tym-figure figcaption { color:var(--muted);font-size:12px;line-height:1.7;max-width:770px;margin-top:22px; }

.split-bar { display:flex;height:34px;border:1px solid var(--line); }
.split-deep { background:var(--accent); }
.split-rest { flex:1;background:repeating-linear-gradient(90deg,transparent 0 9px,color-mix(in srgb,var(--line) 70%,transparent) 9px 10px); }
.split-legend { display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:14px;font:13px/1.5 var(--sans);color:var(--essay-text); }
.key { display:inline-block;width:11px;height:11px;margin-right:9px;vertical-align:-1px; }
.key-deep { background:var(--accent); }
.key-rest { border:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0 3px,var(--line) 3px 4px); }

.clock-scroll { overflow-x:auto; }
.clock-svg { display:block;width:100%;min-width:560px;height:auto; }
.clk-band { fill:color-mix(in srgb,var(--accent) 9%,transparent);stroke:color-mix(in srgb,var(--accent) 45%,transparent);stroke-dasharray:3 4; }
.clk-label { fill:var(--accent);font:11px var(--sans);letter-spacing:.08em;text-transform:uppercase; }
.clk-axis,.clk-ticks line { stroke:var(--muted);stroke-width:1; }
.clk-ticks text { fill:var(--muted);font:11px var(--sans);text-anchor:middle; }
.clk-phase { fill:var(--muted);font:12px var(--sans);text-anchor:middle; }
.clk-soft { fill:none;stroke:var(--ink);stroke-width:2; }
.clk-deep { fill:none;stroke:var(--deep);stroke-width:2;stroke-dasharray:7 5; }
.clk-dot-soft { fill:var(--ink); }
.clk-dot-deep { fill:var(--deep); }
.clk-note { fill:var(--essay-text);font:13px var(--sans); }
.clk-note-deep { fill:var(--deep); }

.ic-bars { list-style:none;padding:0;margin:0;display:grid;gap:14px; }
.ic-bars li { display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:16px;align-items:center; }
.ic-year,.ic-value { font:13px var(--sans);color:var(--muted);font-variant-numeric:tabular-nums; }
.ic-value { color:var(--ink);text-align:right; }
.ic-track { height:22px;background:color-mix(in srgb,var(--line) 45%,transparent); }
.ic-fill { display:block;height:100%;background:var(--accent); }

.timeline { list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line); }
.timeline li { position:relative;padding:22px 18px 0 0; }
.timeline li:before { content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--accent); }
.tl-year { display:block;font:12px var(--sans);color:var(--accent);margin-bottom:8px; }
.timeline strong { display:block;font:19px/1.25 var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.02em;margin-bottom:8px; }
.timeline small { display:block;color:var(--muted);font:12px/1.55 var(--sans); }

/* Sources */
.source-section { margin:90px 0 50px;border-top:1px solid var(--line);padding-top:25px; }
.source-heading { display:flex;justify-content:space-between;gap:25px;align-items:baseline; }
.source-heading h2 { font-size:28px; }
.source-heading a { font-size:12px;color:var(--muted); }
.source-list { list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:22px 42px;counter-reset:source; }
.source-list li { counter-increment:source;position:relative;padding:0 0 18px 28px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65;scroll-margin-top:35px; }
.source-list li:before { content:counter(source,decimal-leading-zero);position:absolute;left:0;color:var(--accent);font-size:10px; }
.source-list p { margin:5px 0; }
.source-list .source-return { color:var(--muted);font-size:10px;margin-right:12px; }
.source-list a:not(.source-return) { text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px; }
.source-list li:target { outline:1px solid var(--accent);outline-offset:8px; }
.image-credits { font-size:12px;line-height:1.8;color:var(--muted); }
.image-credits summary { cursor:pointer;color:var(--ink);padding:8px 0; }
.image-credits ul { columns:2;column-gap:45px;padding-left:18px; }
.image-credits li { break-inside:avoid;margin:8px 0; }
.image-credits a { text-decoration:underline;text-underline-offset:3px; }
.tym-footer { padding-bottom:50px; }

@media(max-width:1000px) {
 .title-row { grid-template-columns:1.5fr 1fr;gap:25px; }
 .tym-hero h1 { font-size:80px; }
 .title-aside .dek { font-size:19px; }
 .tym-article h2:before { position:static;display:block;margin-bottom:18px; }
 .timeline { grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px; }
}
@media(max-width:700px) {
 .tym-hero { padding-top:32px; }
 .essay-brow { font-size:9px;letter-spacing:.05em; }
 .title-row { grid-template-columns:1fr;gap:25px;margin:30px 0; }
 .tym-hero h1 { font-size:clamp(48px,13vw,78px); }
 .title-aside { padding:0;border:0; }
 .title-aside .dek { max-width:450px;font-size:21px; }
 .essay-meta { margin-top:18px;font-size:9px; }
 .hero-image img { aspect-ratio:1.4; }
 .tym-caption { grid-template-columns:24px 1fr;gap:10px;font-size:11px; }
 .tym-caption .figure-credit { grid-column:2;text-align:left; }
 .essay-nav { margin:16px 0 44px;gap:15px 21px;font-size:11px;padding:20px 0; }
 .toc-label { width:100%; }
 .tym-article > p { font-size:17px;line-height:1.82;margin-bottom:24px; }
 .tym-article > p:first-child { font-size:24px;line-height:1.5; }
 .tym-article h2 { font-size:38px;margin-top:74px;margin-bottom:24px; }
 .photo-spread { margin:36px 0 44px; }
 .photo-pair { grid-template-columns:1fr;gap:28px;margin:35px 0 43px; }
 .photo-pair > figure:last-child { padding-top:0; }
 .tym-figure { margin:33px 0 38px;padding:18px 0 22px; }
 .diagram-top { font-size:9px;letter-spacing:.05em;flex-direction:column;align-items:flex-start;gap:4px; }
 .tym-figure h3 { font-size:25px; }
 .timeline { grid-template-columns:1fr;border-top:0;border-left:1px solid var(--line);row-gap:22px; }
 .timeline li { padding:0 0 0 22px; }
 .timeline li:before { top:5px;left:-4px; }
 .source-section { margin-top:65px; }
 .source-list { grid-template-columns:1fr;gap:18px; }
 .image-credits ul { columns:1; }
}

/* Fiction and builders (added 19 Oct 2026) */
.syncom-photo { max-width:760px;margin-left:auto;margin-right:auto; }
.syncom-photo > img { max-height:560px;object-fit:cover; }
.builders { margin:50px 0 62px;border-top:1px solid var(--line);padding-top:18px; }
.builders-head { display:flex;gap:16px;font:10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:20px; }
.builders-grid { display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px 24px;align-items:start; }
.builders-grid .b-tall { grid-row:span 2; }
.builders-grid img { width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover; }
.builders-grid .b-tall img { aspect-ratio:2 / 3;object-position:50% 30%; }
.builders-grid figcaption { margin-top:10px;font:12px/1.55 var(--sans);color:var(--muted); }
.builders-grid figcaption strong { display:block;font:19px/1.2 var(--serif);font-weight:400;color:var(--ink);margin-bottom:5px; }
.builders-grid .figure-credit { display:block;text-align:left;margin-top:6px; }
@media(max-width:700px) {
 .builders-grid { grid-template-columns:1fr 1fr;gap:22px 14px; }
 .builders-grid .b-tall { grid-row:span 2; }
 .builders-grid figcaption { font-size:11px; }
 .builders-grid figcaption strong { font-size:17px; }
}

/* Emphasis and pull quotes */
.tym-article > p strong { color:var(--ink);font-weight:600; }
.tym-article > p:first-child strong { font-weight:400; }
.tym-pull { max-width:760px;margin:46px auto 52px;padding:22px 0 24px;border-top:1px solid var(--accent);border-bottom:1px solid var(--line); }
.tym-pull p { font:32px/1.3 var(--serif);letter-spacing:-.025em;color:var(--ink);margin:0; }
@media(max-width:700px) { .tym-pull { margin:34px 0 38px;padding:18px 0 20px; } .tym-pull p { font-size:25px; } }