/* Uses the existing reading-page palette in both themes. */
main{max-width:820px;margin:0 auto;padding:24px 20px 64px;box-sizing:border-box}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 20px;max-width:860px;margin:auto}.top>div{display:flex;gap:8px}.story-controls{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.story-controls button[aria-pressed=true]{border-color:var(--accent);font-weight:700}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-card{border:1px solid var(--divider);border-radius:16px;padding:22px;min-width:0;background:var(--surface);overflow-wrap:anywhere}.story-card h2{font-size:1.25rem;line-height:1.5;margin:8px 0 12px}.story-card p{line-height:1.85}.story-card button{margin-top:10px}button{min-height:44px;max-width:100%;white-space:normal;padding:8px 14px;cursor:pointer;border:1px solid var(--divider);border-radius:22px;background:var(--surface);color:var(--text);font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.eyebrow,.meta,.mini{color:var(--text2);font-size:.82rem}h1{font-size:clamp(1.7rem,5vw,2.7rem);line-height:1.3;overflow-wrap:anywhere}nav{line-height:2;overflow-wrap:anywhere}details{margin:24px 0}details a{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:599px){.story-grid{grid-template-columns:minmax(0,1fr)}main{padding:20px 16px 48px}.story-card{padding:20px}.top{padding:12px 16px}}
.story-card a{color:var(--ink);text-decoration:none}.story-card a:hover{text-decoration:underline}.top>a{color:var(--ink);text-decoration:none}
.story-try{margin-top:20px;padding-top:12px;border-top:1px solid var(--divider)}.story-try h2{font-size:1.05rem;margin:0 0 6px}