/* The story uses the shared site theme, with a quieter reading layout. */
.story-wrap { max-width:1040px; margin:0 auto; padding:64px 28px 72px; }
.story-hero { max-width:850px; padding-bottom:52px; }
.story-hero h1 { margin:18px 0 24px; font:600 clamp(38px,5.4vw,66px)/1.07 var(--sans); letter-spacing:-.045em; text-transform:none; }
.story-hero h1 span { color:var(--accent); }
.story-lede { max-width:640px; color:var(--text-2); font-size:20px; line-height:1.6; }
.story-section { display:grid; grid-template-columns:190px minmax(0,1fr); gap:32px; padding:34px 0; border-top:1px solid var(--rule); }
.story-margin { padding-top:7px; color:var(--text-dim); font:11px/1.6 var(--mono); letter-spacing:.04em; }
.story-letter h2 { margin:0 0 18px; color:var(--text); font:500 clamp(24px,3vw,31px)/1.2 var(--sans); letter-spacing:-.025em; text-transform:none; }
.story-section p:not(.story-margin),.story-thanks>p:not(.kicker):not(.story-signature) { margin:0 0 18px; color:var(--text-2); font-size:17px; line-height:1.8; }
.story-section p:last-child { margin-bottom:0; }
.story-thanks { margin-top:24px; padding:34px; border:1px solid #34445c; border-radius:14px; background:linear-gradient(135deg,rgba(90,140,255,.09),rgba(255,255,255,.015)); }
.story-thanks .kicker { margin-bottom:18px; }
.story-signature { margin:24px 0; font:500 16px var(--mono); color:var(--text); }
.story-actions { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 20px; }
.story-community { font-size:14px; }
.story-footer-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin:20px 0; font-size:14px; }
.story-skip { position:absolute; left:16px; top:-100px; padding:12px 18px; background:var(--surface); z-index:1000; }
.story-skip:focus { top:12px; }
@media(max-width:680px) {
  .story-wrap { padding:36px 20px 44px; }
  .story-hero { padding-bottom:32px; }
  .story-lede { font-size:18px; }
  .story-section { grid-template-columns:minmax(0,1fr); gap:14px; padding:28px 0; }
  .story-margin { margin:0; padding:0; }
  .story-thanks { padding:24px 20px; }
  .story-actions { flex-direction:column; align-items:flex-start; }
}