/* RED interaction layer (Oct 5 2026): pass-along, TAKE RED WITH YOU, art phone editions.
   New file on purpose: /assets/* is cached for a year, so nothing existing is edited. */
.btn-caps{text-transform:uppercase;letter-spacing:.09em;font-size:.8rem}
.btn-sm{min-height:44px;padding:10px 18px}

/* pass-along: a human prompt + one button (native share, then copy link) */
.red-pass{--pass-ink:var(--gold2,#dfc9a6);display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:16px 0 6px}
.living-red .red-pass{--pass-ink:#7e2b45}
.red-pass-prompt{margin:0;font:italic 1.08rem/1.35 "Red Editorial",Georgia,"Times New Roman",serif;color:var(--pass-ink)}
.red-pass-status{flex-basis:100%;margin:0;font-size:.88rem;color:var(--pass-ink)}
.red-pass a:focus-visible,.red-pass button:focus-visible,.red-art-actions a:focus-visible,.red-art-actions button:focus-visible{outline:2px solid var(--pass-ink,#dfc9a6);outline-offset:3px}
.track .red-pass{margin:10px 0 0;gap:8px 14px}
.track .red-pass-prompt{font-size:1rem}

/* artwork: keep the phone edition / give this feeling / make one from my story */
.red-art-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:14px 0 2px}
.red-art-actions .red-pass{margin:0;flex-basis:auto}
.red-art-actions .red-pass-status{flex-basis:100%}
.red-art-note{margin:0 0 4px;font-size:.88rem}

/* TAKE RED WITH YOU: second step of the 21+ entrance, and the on-demand overlay */
.age-gate{overflow-y:auto;-webkit-overflow-scrolling:touch}
.age-gate-card{margin:auto}
.age-gate-card.take-red{width:min(700px,100%);padding-top:34px}
.take-red .age-gate-mark{display:none}
.take-red h2{font-size:clamp(1.7rem,5vw,2.3rem);margin:8px 0 10px;outline:none}
.take-red p{margin:0 0 6px}
.take-red-options{display:grid;gap:16px;margin:18px 0 12px}
.take-red-row{display:grid;gap:14px;align-items:end}
@media(min-width:640px){.take-red-options.has-qr{grid-template-columns:200px 1fr;align-items:center;gap:28px}.take-red-row{grid-template-columns:1fr 1.5fr}}
.take-red-qr{margin:0 auto;text-align:center}
.take-red-qr img{width:176px;height:176px;border:8px solid #f7efe2;border-radius:12px;background:#f7efe2}
.take-red-qr figcaption{margin-top:8px;font-size:.86rem;color:var(--muted,#c5b9ad)}
.take-red-form{display:grid;gap:14px;text-align:left}
.take-red-form .field{margin:0}
.take-red-form .check{align-items:flex-start}
.take-red-form .check input{margin-top:4px;flex:none}
.take-red-note,.take-red-status{margin:0;font-size:.88rem;color:var(--gold2,#dfc9a6)}
.take-red-done{margin:0;padding:14px 16px;border:1px solid var(--line,rgba(223,201,166,.2));border-radius:12px;color:var(--gold2,#dfc9a6);font-style:italic;text-align:center}
.take-red-skip{margin-top:8px}
.take-red a:focus-visible,.take-red button:focus-visible,.take-red input:focus-visible{outline:2px solid var(--gold2,#dfc9a6);outline-offset:3px}
@media (max-width:520px){.take-red-qr img{width:150px;height:150px}.red-art-actions .btn{width:100%}.red-art-actions .red-pass{flex-basis:100%}}
/* homepage film panel is dark wine inside a light page */
.red-entrance-screen .red-pass{--pass-ink:#f2d9a6;margin:14px 0 4px}

/* Oct 6 readability polish: text that was dark-on-dark since the Oct 4 build (contrast measured 1.1:1 to 2.8:1) */
.footer a.btn.btn-gold,.red-footer a.btn.btn-gold{color:#221615}
.red-chapter-room,.red-chapter-room h3,.red-chapter-room p,.red-chapter-room em,.red-chapter-room span{color:#f2eadc}
.red-chapter-room .red-chapter-number{color:#d9b36c}
.red-directory-item:has([data-destination=artwork]),.red-directory-item:has([data-destination=artwork]) h2,.red-directory-item:has([data-destination=artwork]) p,.red-directory-item:has([data-destination=artwork]) a{color:#f2eadc}
.red-directory-item:has([data-destination=artwork]) .eyebrow{color:#d9b36c}
.red-art-bridge .micro{color:#cdb8ad}
.red-commission-section .eyebrow{color:#d9b36c}