:root{color-scheme:dark;--night:#100b0d;--paper:#fff4ee;--muted:#ccb9b9;--red:#ff6268;--line:#493033}
*{box-sizing:border-box}
body.two-am{margin:0;background:var(--night);color:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
.two-am a{color:inherit}
.two-am .book-nav{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem max(5vw,1rem);border-bottom:1px solid var(--line)}
.two-am .book-nav a{text-decoration:none;font-size:.9rem}
.two-am .book-nav a[aria-current]{color:var(--red)}
.two-am main{max-width:1120px;margin:auto;padding:2rem 1.25rem 4rem}
.two-am .book-hero{display:grid;grid-template-columns:minmax(210px,340px) 1fr;gap:3rem;align-items:center;padding:1rem 0 3rem}
.two-am .book-hero img{width:100%;height:auto;border-radius:5px}
.two-am h1,.two-am h2,.two-am h3{line-height:1.18}
.two-am h1{font-family:Georgia,serif;font-size:clamp(2.4rem,6vw,4.8rem);margin:.6rem 0 1rem}
.two-am .eyebrow{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}
.two-am .subtitle{font-size:1.25rem;color:var(--muted)}
.two-am .disclosure,.two-am .story-meta{font-size:.9rem;color:var(--muted)}
.two-am .actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.4rem 0}
.two-am .spotify-button,.two-am .read-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.15rem;border-radius:99px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}
.two-am .spotify-button{background:#1ed760;color:#071b0e}
.two-am .read-button{border:1px solid var(--red);color:var(--paper)}
.two-am .spotify-button svg{width:24px;height:24px;flex-shrink:0}
.two-am .spotify-button:hover,.two-am .read-button:hover{transform:translateY(-2px)}
.two-am a:focus-visible,.two-am input:focus-visible{outline:3px solid #1ed760;outline-offset:5px}
.two-am #stories{scroll-margin-top:1rem;border-top:1px solid var(--line);padding-top:2rem}
.two-am .story-controls{display:flex;flex-direction:column;max-width:480px;gap:.5rem}
.two-am input{font:inherit;background:#211619;border:1px solid var(--line);color:var(--paper);padding:.8rem 1rem;border-radius:8px;width:100%}
.two-am .story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0;list-style:none}
.two-am .story-card{background:#211619;border:1px solid var(--line);border-radius:10px;padding:1.4rem;transition:border-color .2s}
.two-am .story-card:hover{border-color:var(--red)}
.two-am .story-card h3{font-family:Georgia,serif;font-size:1.45rem;margin:.7rem 0}
.two-am .story-card p{color:var(--muted);font-size:.95rem}
.two-am .story-card a{text-decoration:none}
.two-am .story-card .story-link{color:var(--red);font-size:.9rem}
.two-am .story-reading{max-width:720px;margin:auto}
.two-am .story-reading h1{font-size:clamp(2.5rem,6vw,4rem)}
.two-am .story-copy{font-family:Georgia,serif;font-size:1.2rem;line-height:1.9;margin:2.5rem 0}
.two-am .story-copy p{margin:0 0 1.35rem;color:var(--paper);-webkit-text-fill-color:currentColor}
.two-am .story-copy .hook{font-size:1.4rem}
.two-am .story-copy .last{border-left:3px solid var(--red);padding-left:1rem;font-weight:bold}
.two-am .cover-promo{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#211619;border:1px solid var(--line);border-radius:12px;margin:2rem 0}
.two-am .cover-promo img{width:145px;max-width:30vw;height:auto;border-radius:4px}
.two-am .cover-promo h2{font-size:1.35rem;margin:0 0 .5rem}
.two-am .cover-promo p{color:var(--muted);font-size:.9rem}
.two-am .story-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--line)}
.two-am footer{padding:1.5rem;text-align:center;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
[hidden]{display:none!important}
@media(max-width:800px){.two-am .book-hero{grid-template-columns:230px 1fr;gap:1.5rem}.two-am .story-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.two-am .book-hero{grid-template-columns:1fr}.two-am .book-hero> a{max-width:260px;margin:auto}.two-am .story-grid{grid-template-columns:1fr}.two-am .cover-promo{flex-direction:column;text-align:center}.two-am .cover-promo img{width:180px;max-width:65vw}.two-am .cover-promo .actions{justify-content:center}}
@media(prefers-reduced-motion:reduce){.two-am *{transition:none!important;scroll-behavior:auto!important}}