/* WriterStead's "Edition" theme: warm, quiet, deliberately editorial. */
:root {
  --theme-ink: #24231f;
  --theme-muted: #76736b;
  --theme-faint: #a7a39a;
  --theme-line: #e7e4dc;
  --theme-wash: #f7f6f2;
  --theme-paper: #ffffff;
  --theme-accent: #bd4b2f;
  --theme-accent-dark: #963821;
  --theme-serif: Iowan Old Style, Charter, Georgia, serif;
  --theme-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--theme-ink); background: var(--theme-paper); font: 400 16px/1.6 var(--theme-sans); text-rendering: optimizeLegibility; }
a { color: inherit; text-decoration-color: rgba(36, 35, 31, .28); text-underline-offset: .18em; }
a:hover { color: var(--theme-accent); text-decoration-color: currentColor; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible { outline: 2px solid var(--theme-accent); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 20; padding: 9px 13px; color: #fff; background: var(--theme-ink); font: 600 13px/1 var(--theme-sans); text-decoration: none; transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }

.theme-shell-header, .theme-shell-main, .theme-shell-footer { width: min(100% - 56px, 1180px); margin-inline: auto; }
.theme-shell-header { display: flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 94px; border-bottom: 1px solid var(--theme-line); }
.theme-shell-name { color: var(--theme-ink); font: 700 clamp(21px, 2vw, 25px)/1 var(--theme-serif); letter-spacing: -.035em; text-decoration: none; }
.theme-shell-name:hover { color: var(--theme-ink); }
.theme-shell-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 22px; font: 500 12px/1.3 var(--theme-sans); letter-spacing: .075em; text-transform: uppercase; }
.theme-shell-nav a { position: relative; padding: 7px 0; color: var(--theme-muted); text-decoration: none; }
.theme-shell-nav a[aria-current="page"], .theme-shell-nav a:hover { color: var(--theme-ink); }
.theme-shell-nav a[aria-current="page"]::after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: var(--theme-accent); content: ""; }
.theme-shell-main { min-height: 67vh; padding: clamp(58px, 8vw, 112px) 0 clamp(72px, 10vw, 142px); }
.theme-shell-footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 28px 0 40px; border-top: 1px solid var(--theme-line); color: var(--theme-muted); font: 500 11px/1.45 var(--theme-sans); letter-spacing: .055em; text-transform: uppercase; }

.theme-eyebrow, .theme-meta { margin: 0; color: var(--theme-muted); font: 600 11px/1.35 var(--theme-sans); letter-spacing: .1em; text-transform: uppercase; }
.theme-meta span { padding-inline: 3px; color: var(--theme-faint); }
.theme-hero { max-width: 970px; }
.theme-hero h1, .theme-reading h1, .theme-subscribe-intro h1 { max-width: 15ch; margin: 12px 0 0; font: 500 clamp(52px, 8vw, 100px)/.94 var(--theme-serif); letter-spacing: -.058em; }
.theme-hero-home { padding-bottom: clamp(50px, 8vw, 102px); border-bottom: 1px solid var(--theme-line); }
.theme-intro { max-width: 565px; margin: 30px 0 0; color: var(--theme-muted); font: 400 clamp(18px, 2.2vw, 23px)/1.48 var(--theme-serif); }
.theme-archive-hero, .theme-books-hero { margin-bottom: 64px; }
.theme-archive-hero h1, .theme-books-hero h1 { font-size: clamp(48px, 7vw, 84px); }

.theme-section { margin-top: clamp(54px, 8vw, 105px); }
.theme-section-head { display: grid; grid-template-columns: 1fr auto; column-gap: 30px; align-items: end; margin-bottom: 28px; }
.theme-section-head .theme-eyebrow { grid-column: 1 / -1; margin-bottom: 10px; }
.theme-section-head h2 { margin: 0; font: 500 clamp(31px, 4vw, 46px)/1 var(--theme-serif); letter-spacing: -.045em; }
.theme-text-link, .theme-read-link { color: var(--theme-ink); font: 600 12px/1.3 var(--theme-sans); letter-spacing: .03em; text-decoration: none; }
.theme-text-link span, .theme-read-link span { display: inline-block; margin-left: 4px; color: var(--theme-accent); transition: transform .18s ease; }
.theme-text-link:hover span, .theme-read-link:hover span { transform: translateX(3px); }
.theme-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 34px; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--theme-line); }
.theme-post-card { display: flex; flex-direction: column; min-height: 100%; padding: 26px 0 30px; border-bottom: 1px solid var(--theme-line); }
.theme-post-card h3, .theme-archive-item h2 { margin: 12px 0 11px; font: 500 clamp(23px, 2.3vw, 30px)/1.08 var(--theme-serif); letter-spacing: -.035em; }
.theme-post-card h3 a, .theme-archive-item h2 a { text-decoration: none; }
.theme-post-card > p:last-of-type, .theme-archive-item > div > p:last-child { margin: 0; color: var(--theme-muted); font-size: 14px; line-height: 1.58; }
.theme-read-link { margin-top: auto; padding-top: 20px; }

.theme-archive-list { max-width: 915px; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--theme-line); }
.theme-archive-item { display: grid; grid-template-columns: minmax(0, 1fr) 40px; gap: 24px; padding: 30px 0 32px; border-bottom: 1px solid var(--theme-line); }
.theme-archive-item h2 { font-size: clamp(27px, 3.5vw, 39px); }
.theme-arrow-link { display: grid; width: 35px; height: 35px; place-items: center; align-self: center; border: 1px solid var(--theme-line); border-radius: 50%; color: var(--theme-muted); font-size: 17px; text-decoration: none; transition: color .18s ease, background .18s ease, border-color .18s ease; }
.theme-arrow-link:hover { border-color: var(--theme-accent); color: #fff; background: var(--theme-accent); }
.theme-empty-state { padding: 30px 0; color: var(--theme-muted); }

.theme-reading { max-width: 735px; margin-left: clamp(0px, 9vw, 112px); }
.theme-reading-header { padding-bottom: clamp(34px, 5vw, 58px); border-bottom: 1px solid var(--theme-line); }
.theme-reading-header h1 { max-width: 13ch; margin-top: 15px; font-size: clamp(47px, 7vw, 82px); }
.theme-deck { max-width: 29ch; margin: 27px 0 0; color: var(--theme-muted); font: 400 clamp(19px, 2.6vw, 24px)/1.42 var(--theme-serif); }
.theme-prose { margin-top: clamp(34px, 5vw, 56px); font-family: var(--theme-serif); }
.theme-prose > * { max-width: 665px; }
.theme-prose p, .theme-prose li { font-size: clamp(18px, 2vw, 20px); line-height: 1.68; }
.theme-prose p { margin: 0 0 1.45em; }
.theme-prose h2, .theme-prose h3, .theme-prose h4 { margin: 2.15em 0 .65em; font-family: var(--theme-serif); font-weight: 500; line-height: 1.08; letter-spacing: -.035em; }
.theme-prose h2 { font-size: clamp(29px, 4vw, 39px); }.theme-prose h3 { font-size: clamp(24px, 3vw, 30px); }
.theme-prose a { color: var(--theme-accent-dark); text-decoration-thickness: 1px; }
.theme-prose blockquote { margin: 2.2em 0; padding: 4px 0 4px 27px; border-left: 2px solid var(--theme-accent); color: #4e4a43; font-size: 1.14em; font-style: italic; }
.theme-prose figure { margin: 2.2em 0; }.theme-prose img { display: block; max-width: 100%; height: auto; }.theme-prose figcaption { margin-top: 9px; color: var(--theme-muted); font: 500 12px/1.45 var(--theme-sans); }
.theme-prose pre { overflow: auto; padding: 18px; background: var(--theme-wash); font: 13px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }.theme-prose code { font-size: .88em; }
.theme-share { margin-top: clamp(52px, 8vw, 90px); padding-top: 22px; border-top: 1px solid var(--theme-line); }
.theme-share .theme-eyebrow { margin-bottom: 13px; }.theme-share-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px 22px; }
.theme-share-copy, .theme-button-link { display: inline-flex; align-items: center; gap: 8px; width: fit-content; padding: 11px 15px; border: 0; border-radius: 2px; color: #fff; background: var(--theme-ink); cursor: pointer; font: 600 12px/1.2 var(--theme-sans); letter-spacing: .025em; text-decoration: none; transition: background .18s ease, transform .18s ease; }
.theme-share-copy:hover, .theme-button-link:hover { color: #fff; background: var(--theme-accent); transform: translateY(-1px); }.theme-share-qr { color: var(--theme-muted); font: 600 12px/1.3 var(--theme-sans); }.theme-share-qr summary { cursor: pointer; text-underline-offset: .2em; }.theme-share-qr-code { width: fit-content; margin-top: 16px; padding: 13px; border: 1px solid var(--theme-line); background: #fff; box-shadow: 0 10px 25px rgba(36, 35, 31, .08); }.theme-share-qr-code img { display: block; }

.theme-subscribe-intro { max-width: 830px; }.theme-subscribe-intro h1 { max-width: 19ch; font-size: clamp(43px, 6vw, 70px); }.theme-subscribe-intro > p:last-child { max-width: 42ch; margin: 25px 0 0; color: var(--theme-muted); font: 400 20px/1.5 var(--theme-serif); }
.theme-subscription { max-width: 690px; margin-top: 48px; padding: clamp(26px, 4vw, 40px); border-top: 3px solid var(--theme-accent); background: var(--theme-wash); }.theme-subscription h2 { margin: 0 0 7px; font: 500 28px/1.1 var(--theme-serif); letter-spacing: -.03em; }.theme-subscription p { margin: 0 0 20px; color: var(--theme-muted); font-size: 14px; }.theme-subscription form { display: grid; gap: 14px; }.theme-subscription label { color: var(--theme-ink); font: 600 12px/1.4 var(--theme-sans); letter-spacing: .015em; }.theme-subscription-email { display: grid; gap: 7px; }.theme-subscription input[type="email"] { width: 100%; min-height: 43px; padding: 10px 12px; border: 1px solid #ccc8be; border-radius: 2px; color: var(--theme-ink); background: #fff; font: 400 16px/1.2 var(--theme-sans); }.theme-subscription input[type="email"]:focus { border-color: var(--theme-accent); }.theme-subscription .theme-subscription-consent { display: flex; align-items: flex-start; gap: 8px; color: var(--theme-muted); font-weight: 500; }.theme-subscription input[type="checkbox"] { flex: 0 0 1em; width: 1em; height: 1em; margin: .18em 0 0; accent-color: var(--theme-accent); }.theme-subscription button { width: fit-content; padding: 11px 16px; border: 0; border-radius: 2px; color: #fff; background: var(--theme-accent); cursor: pointer; font: 600 12px/1.2 var(--theme-sans); letter-spacing: .025em; }.theme-subscription button:hover { background: var(--theme-accent-dark); }

.theme-books { display: grid; gap: clamp(48px, 7vw, 84px); }.theme-book { display: grid; grid-template-columns: minmax(150px, 230px) minmax(0, 1fr); gap: clamp(28px, 5vw, 70px); align-items: start; }.theme-cover { display: grid; min-height: 315px; place-items: center; padding: 25px; overflow: hidden; background: #e8e1d8; box-shadow: 8px 10px 0 #f0ede7; color: var(--theme-ink); font: 500 20px/1.1 var(--theme-serif); text-align: center; text-decoration: none; }.theme-cover img { width: calc(100% + 50px); height: calc(100% + 50px); margin: -25px; object-fit: cover; }.theme-book-copy { max-width: 555px; padding-top: 12px; }.theme-book h1, .theme-book h2 { max-width: 11ch; margin: 10px 0 17px; font: 500 clamp(35px, 5vw, 57px)/.98 var(--theme-serif); letter-spacing: -.05em; }.theme-book h2 { font-size: clamp(29px, 4vw, 42px); }.theme-book h1 a, .theme-book h2 a { text-decoration: none; }.theme-book-copy > p:not(.theme-eyebrow) { margin: 0; color: var(--theme-muted); font: 400 18px/1.58 var(--theme-serif); }.theme-book-links { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 27px; }.theme-book-detail { max-width: 900px; margin-left: clamp(0px, 6vw, 75px); }.theme-book-detail .theme-cover { min-height: 370px; }.theme-book-detail .theme-button-link { margin-top: 28px; }

.theme-footer-signup { max-width: 360px; margin-left: auto; color: var(--theme-muted); font: 400 12px/1.45 var(--theme-sans); letter-spacing: 0; text-transform: none; }.theme-footer-signup p { margin: 0 0 9px; }.theme-footer-signup-form { display: flex; align-items: end; gap: 7px; }.theme-footer-signup-email { display: grid; gap: 4px; flex: 1; color: var(--theme-muted); font-size: 11px; }.theme-footer-signup-email input { width: 100%; min-height: 33px; padding: 6px 8px; border: 1px solid var(--theme-line); background: #fff; font: inherit; }.theme-footer-signup-form button, .theme-footer-signup-link { min-height: 33px; padding: 8px 10px; border: 0; border-radius: 2px; color: #fff; background: var(--theme-ink); font: 600 11px/1.1 var(--theme-sans); text-decoration: none; }.theme-footer-signup-form button:hover, .theme-footer-signup-link:hover { color: #fff; background: var(--theme-accent); }

@media (max-width: 760px) { .theme-shell-header, .theme-shell-main, .theme-shell-footer { width: min(100% - 38px, 1180px); }.theme-shell-header { align-items: flex-start; flex-direction: column; gap: 16px; padding: 22px 0 18px; }.theme-shell-nav { justify-content: flex-start; gap: 8px 18px; }.theme-shell-main { padding-top: 56px; }.theme-post-grid { grid-template-columns: 1fr; }.theme-post-card { padding: 23px 0; }.theme-reading, .theme-book-detail { margin-left: 0; }.theme-reading-header h1 { font-size: clamp(43px, 12vw, 65px); }.theme-book { grid-template-columns: 145px minmax(0, 1fr); gap: 27px; }.theme-cover { min-height: 212px; }.theme-book-detail { grid-template-columns: minmax(145px, 205px) minmax(0, 1fr); }.theme-book-detail .theme-cover { min-height: 280px; }.theme-shell-footer { flex-direction: column; }.theme-footer-signup { width: 100%; max-width: none; margin-left: 0; } }
@media (max-width: 500px) { .theme-shell-header, .theme-shell-main, .theme-shell-footer { width: min(100% - 32px, 1180px); }.theme-shell-nav { gap: 6px 15px; font-size: 10px; }.theme-hero h1, .theme-reading h1, .theme-subscribe-intro h1 { font-size: clamp(43px, 13vw, 61px); }.theme-section-head { grid-template-columns: 1fr; gap: 15px; }.theme-archive-item { grid-template-columns: minmax(0, 1fr) 34px; gap: 16px; }.theme-arrow-link { width: 31px; height: 31px; }.theme-book, .theme-book-detail { grid-template-columns: 1fr; }.theme-cover, .theme-book-detail .theme-cover { width: 152px; min-height: 225px; }.theme-book-copy { padding-top: 0; }.theme-footer-signup-form { align-items: stretch; flex-direction: column; }.theme-footer-signup-form button { width: fit-content; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.theme-text-link span, .theme-read-link span, .theme-share-copy, .theme-button-link { transition: none; } }