/* Shared comparison controls; no scripts or state needed to change versions. */
.take-picker{border-top:1px solid var(--rule);margin:36px auto 0;padding-top:26px;max-width:700px;text-align:center}
.take-picker h2{font:700 1.3rem/1.4 Literata,Georgia,serif;letter-spacing:0;color:var(--ink)}
.take-picker .take-kicker{font: .875rem/1.5 Courier,monospace;margin:0 0 10px;color:var(--muted)}
.take-picker .take-current{font:1rem/1.6 Literata,Georgia,serif;margin:8px 0 18px;color:var(--ink)}
.take-picker nav{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.take-picker nav a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:48px;border:1px solid var(--rule);text-decoration:none;font:1rem/1 Arial,sans-serif;color:var(--ink);background:var(--sheet)}
.take-picker nav a[aria-current],.take-picker nav a:hover{background:var(--red);color:var(--paper);border-color:var(--red)}
.take-picker .original-link{font: .875rem/1.6 Literata,Georgia,serif;min-height:44px;margin-top:12px;color:var(--red)}
.draft-label{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-bottom:1px solid var(--rule);margin:0 0 28px;padding-bottom:12px;font:.875rem/1.5 Courier,monospace;color:var(--muted)}
.draft-label a{white-space:nowrap;display:inline-flex;min-height:44px;align-items:center}
[data-take] .opening h1{max-width:850px;margin-inline:auto;text-wrap:balance}
[data-take] h1,[data-take] h2,[data-take] h3{overflow-wrap:anywhere;hyphens:auto}
[data-take] .format-line{max-width:760px}
/* 01 — a personal letter: generous margins, book serif, warm ink. */
[data-take=letter]{--paper:#fcf4e8;--red:#91352d;--ink:#30251f;--heading:Literata}
[data-take=letter] h1,[data-take=letter] h2,[data-take=letter] h3{font-family:Literata,Georgia,serif;font-weight:650;letter-spacing:-.04em}
[data-take=letter] .opening h1{font-size:clamp(2.3rem,5vw,3.8rem);font-style:italic}
[data-take=letter] .opening-copy{text-align:left;max-width:680px}
[data-take=letter] .opening-links{justify-content:flex-start;max-width:680px;margin-inline:auto}
[data-take=letter] .section-heading{text-align:left;margin-left:0}
/* 02 — a counselor's brief: crisp sans headings, blue rules, shaded facts. */
[data-take=brief]{--paper:#f6f8fb;--ink:#1c2c3d;--red:#234f85;--rule:#9caec1;--muted:#4b6175;--sheet:#fff}
[data-take=brief] .page-frame{display:none}
[data-take=brief] h1,[data-take=brief] h2,[data-take=brief] h3{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-.045em}
[data-take=brief] .opening h1{font-size:clamp(2.3rem,5vw,4rem)}
[data-take=brief] .talk{border-top:4px solid var(--red);padding-top:18px}
[data-take=brief] .practical{background:#e8eef6;padding:28px;border:0}
[data-take=brief] .eyebrow{font-family:Arial,sans-serif;font-weight:700}
/* 03 — literary journal: narrow editorial measure, fine double rules. */
[data-take=journal]{--paper:#f9f7f1;--ink:#242223;--red:#702d42;--muted:#62575b;--rule:#b3a4a9;--sheet:#fffdf9}
[data-take=journal] .page-frame{display:none}
[data-take=journal] h1,[data-take=journal] h2,[data-take=journal] h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}
[data-take=journal] .opening h1{font-size:clamp(2.6rem,6vw,4.7rem)}
[data-take=journal] .masthead{border-bottom:3px double var(--ink);padding-bottom:24px}
[data-take=journal] .opening-copy{max-width:650px;text-align:left}
[data-take=journal] .opening-copy>p:first-child::first-letter{float:left;font-size:3.6rem;line-height:.95;padding:7px 8px 0 0;color:var(--red)}
[data-take=journal] .section-heading .eyebrow{letter-spacing:.22em}
[data-take=journal] .talks,[data-take=journal] .writers{border-top:3px double var(--rule)}
/* 04 — calm and reassuring: open space, soft blue fields, rounded type. */
[data-take=calm]{--paper:#f1f7f8;--ink:#18383d;--red:#235961;--muted:#48656a;--rule:#99b4b8;--sheet:#fffefa}
[data-take=calm] .page-frame{display:none}
[data-take=calm] h1,[data-take=calm] h2,[data-take=calm] h3{font-family:Literata,Georgia,serif;font-weight:550;letter-spacing:-.035em}
[data-take=calm] .opening h1{font-size:clamp(2.5rem,5.5vw,4.2rem)}
[data-take=calm] .opening{padding-bottom:30px}
[data-take=calm] .talk{background:#fffefa;border-radius:18px;padding:24px;border:1px solid #d0dfe0}
[data-take=calm] .section-heading{margin-bottom:40px}
/* 05 — a working notebook: ruled headings, monospace labels, dark green ink. */
[data-take=workshop]{--paper:#faf8e9;--ink:#28352a;--red:#326038;--muted:#55644e;--rule:#a7b498;--sheet:#fffef6}
[data-take=workshop] h1,[data-take=workshop] h2,[data-take=workshop] h3{font-family:Literata,Georgia,serif;font-weight:700}
[data-take=workshop] .opening h1{font-size:clamp(2.25rem,5vw,3.6rem);text-align:left}
[data-take=workshop] .opening-copy{text-align:left;max-width:850px}
[data-take=workshop] .format-line{border-block:1px solid var(--rule);padding:16px 0;font-family:Courier,monospace}
[data-take=workshop] .talk h3{border-bottom:2px solid var(--red);padding-bottom:14px}
[data-take=workshop] .talk-number{font-family:Courier,monospace;border:1px solid var(--rule);padding:2px 6px;background:var(--paper)}
/* 06 — Pity with a wink: chunky headlines, yellow notes, lively rules. */
[data-take=playful]{--paper:#fff1cc;--ink:#35271d;--red:#a63125;--muted:#73513b;--rule:#bd9466;--sheet:#fffdf4}
[data-take=playful] .opening h1{font-size:clamp(2.3rem,5.5vw,4rem)}
[data-take=playful] .format-line{font-family:Caveat,cursive;font-size:1.6rem;text-transform:none;letter-spacing:0;line-height:1.3}
[data-take=playful] .talk h3{font-size:1.7rem}
[data-take=playful] .talk-art{border-bottom:2px dashed var(--rule)}
[data-take=playful] .section-heading h2{font-size:clamp(2rem,4vw,3rem)}
/* 07 — voice first: purple ink, emphatic type, bright accent rails. */
[data-take=voice]{--paper:#faf6ff;--ink:#352740;--red:#65368a;--muted:#685572;--rule:#bca8ce;--sheet:#fffdf9}
[data-take=voice] .page-frame{display:none}
[data-take=voice] h1,[data-take=voice] h2,[data-take=voice] h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.04em}
[data-take=voice] .opening h1{font-size:clamp(2.5rem,6vw,4.5rem)}
[data-take=voice] .opening-copy{border-left:4px solid var(--red);padding-left:24px;text-align:left}
[data-take=voice] .talk{border-left:2px solid var(--rule);padding-left:22px}
[data-take=voice] .format-line{color:var(--red);font-weight:700}
/* 08 — spare and direct: monochrome, compact masthead, ample white space. */
[data-take=minimal]{--paper:#fff;--ink:#242424;--red:#333;--muted:#626262;--rule:#b7b7b7;--sheet:#fafafa}
[data-take=minimal] .page-frame{display:none}
[data-take=minimal] h1,[data-take=minimal] h2,[data-take=minimal] h3{font-family:Arial,Helvetica,sans-serif;font-weight:650;letter-spacing:-.05em}
[data-take=minimal] .wordmark{height:150px}
[data-take=minimal] .opening h1{font-size:clamp(2.5rem,6vw,4.5rem)}
[data-take=minimal] .opening-copy{font-size:1.125rem;max-width:590px}
[data-take=minimal] .talk-art img{width:85px;height:85px}
[data-take=minimal] .talk-art{height:100px}
[data-take=minimal] .talk h3{font-size:2rem}
/* 09 — an opinion column: strong black rules, red headings, left alignment. */
[data-take=editorial]{--paper:#fff9f1;--ink:#241f1c;--red:#a52b22;--muted:#6b5950;--rule:#97877e;--sheet:#fffdf6}
[data-take=editorial] .page-frame{display:none}
[data-take=editorial] .opening{border-top:7px solid var(--ink);padding-top:30px}
[data-take=editorial] .opening h1{font-family:Georgia,serif;font-weight:750;font-size:clamp(2.4rem,5.5vw,4.2rem);text-align:left;letter-spacing:-.04em}
[data-take=editorial] .opening-copy{text-align:left;max-width:850px}
[data-take=editorial] .section-heading{text-align:left;margin-left:0}
[data-take=editorial] .talks,[data-take=editorial] .writers{border-top:3px solid var(--ink)}
[data-take=editorial] .talk h3{font-family:Georgia,serif;font-weight:700;font-size:1.7rem}
/* 10 — a storybook: warm paper, generous serif, chapter-like numbers. */
[data-take=story]{--paper:#f8eee2;--ink:#3c2c28;--red:#8c342b;--muted:#75594f;--rule:#b69a87;--sheet:#fff9ee}
[data-take=story] h1,[data-take=story] h2,[data-take=story] h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}
[data-take=story] .opening h1{font-size:clamp(2.7rem,6vw,4.6rem);font-style:italic}
[data-take=story] .opening-copy{max-width:660px}
[data-take=story] .talk-number{font-family:Georgia,serif;font-size:1.6rem;font-style:italic;color:var(--red)}
[data-take=story] .talk h3{font-size:1.9rem}
[data-take=story] .section-heading{padding-top:12px}
@media(max-width:700px){.take-picker nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.draft-label{flex-direction:column;gap:0;margin-bottom:18px}[data-take] .opening h1{font-size:clamp(2.05rem,8.5vw,3.1rem)}[data-take] .format-line{max-width:100%}[data-take] .talk h3{font-size:1.6rem}[data-take=calm] .talk{padding:20px}[data-take=voice] .talk{padding-left:18px}[data-take=minimal] .wordmark{height:140px}[data-take=brief] .practical{padding:22px}[data-take=playful] .format-line{font-size:1.5rem}.take-picker .take-current{min-height:3.2em}}
@media(min-width:701px) and (max-width:900px){.take-picker nav{gap:5px}}
@media(prefers-reduced-motion:reduce){[data-take]{scroll-behavior:auto}}