/* Published writing shares the marketing site's tokens and page furniture. */
.writing { --shell: 1280px; }
.writing main { min-height: 65vh; }
.writing :focus-visible { outline: 3px solid var(--accent-text); outline-offset: 5px; }
.writing h1, .writing h2, .writing h3 { color: var(--ink); font-family: var(--f-display); }
.writing main > h1 { max-width: 18ch; margin: 0 0 24px; font-size: clamp(40px, 5.6vw, 68px); font-weight: 600; line-height: 1.06; letter-spacing: -.05em; }
.writing main > h1 + p { max-width: 58ch; margin: 0 0 48px; font-size: 18px; }
.writing .meta { color: var(--muted); font-size: 13px; line-height: 1.6; }
.writing main > .meta { margin: 0 0 20px; color: var(--accent-text); font-weight: 500; }
.writing .entry { padding: 30px 0; border-top: 1px solid var(--line); }
.writing .entry h2 { max-width: 36ch; margin: 8px 0 12px; font-size: clamp(23px, 2.4vw, 30px); line-height: 1.22; letter-spacing: -.025em; }
.writing .entry h2 a { color: var(--ink); }
.writing .entry h2 a:hover { color: var(--accent-text); text-decoration: none; }
.writing .entry p { max-width: 66ch; margin: 0; }
.writing main > h2 { margin: 48px 0 20px; font-size: 28px; letter-spacing: -.025em; }
.writing main > article { max-width: 74ch; margin-inline: auto; }
.writing article > h1 { margin: 16px 0 24px; font: 600 clamp(32px, 4.6vw, 50px)/1.08 var(--f-display); letter-spacing: -.035em; }
.writing article > h1 + p { font-size: clamp(17px, 1.7vw, 20px); padding-bottom: 30px; border-bottom: 1px solid var(--line); margin-bottom: 38px; }
.writing article h2 { margin: 44px 0 16px; font-size: clamp(23px, 2.6vw, 30px); line-height: 1.2; letter-spacing: -.025em; }
.writing article h3 { margin: 30px 0 12px; font-size: 20px; line-height: 1.3; }
.writing article p { margin: 0 0 18px; }
.writing article li { margin-bottom: 9px; }
.writing article li::marker { color: var(--accent-text); }
.writing article strong { color: var(--ink); }
.writing article a { text-decoration: underline; text-underline-offset: 3px; }
.writing main p, .writing main li, .writing main h1, .writing main h2 { overflow-wrap: anywhere; }