/* Guides (/guides/*): long-form answers to what people search. Same look as /the-chosen/season-6. */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--base:#14100E;--ink:#F4EDE1;--read:#C9BBA8;--dim:#8A7E6E;--accent:#E5A66B;--gold:#F2C572;--line:rgba(244,237,225,.13);--mx:22px}
html,body{background:var(--base)}
body{color:var(--ink);font-family:'Spline Sans Mono',ui-monospace,monospace;-webkit-font-smoothing:antialiased}
a{color:var(--gold)}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
.folio{display:flex;align-items:center;gap:14px;padding:max(16px,env(safe-area-inset-top)) var(--mx) 14px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.folio .mark{color:var(--ink);text-decoration:none}
.folio .rule{flex:1;height:1px;background:var(--line)}
.folio nav{display:flex;gap:16px}
.folio nav a{color:var(--read);text-decoration:none}
main{max-width:760px;margin:0 auto;padding:36px var(--mx) 60px}
h1{font-family:'Fraunces',Georgia,serif;font-variation-settings:'opsz'144,'wght'520,'SOFT'30,'WONK'1;font-size:clamp(34px,8vw,60px);line-height:1.02;margin:12px 0 18px;letter-spacing:-.015em}
h1 em{font-style:italic;color:var(--gold)}
h2{font-family:'Fraunces',Georgia,serif;font-variation-settings:'opsz'120,'wght'540;font-size:clamp(25px,5vw,33px);line-height:1.12;margin:52px 0 12px}
h3{font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600;line-height:1.25;margin:26px 0 6px;color:var(--ink)}
p,li{font-family:'Fraunces',Georgia,serif;font-size:18px;line-height:1.62;color:var(--read)}
p+p{margin-top:12px}
.lede{font-size:clamp(19px,3.8vw,22px);color:var(--ink);max-width:34em}
.answer{border:1px solid var(--line);border-left:3px solid var(--gold);padding:14px 16px;margin:22px 0;background:rgba(255,255,255,.02)}
.answer p{color:var(--ink)}
blockquote{border-left:3px solid var(--gold);padding:4px 0 4px 16px;margin:14px 0}
blockquote p{color:var(--ink);font-size:19px;font-style:italic}
cite{display:block;font:12px/1.6 'Spline Sans Mono',monospace;letter-spacing:.06em;color:var(--accent);font-style:normal;margin-top:6px}
.meta{font:12px/1.6 'Spline Sans Mono',monospace;letter-spacing:.04em;color:var(--dim);margin-bottom:6px}
ol.films{list-style:none;counter-reset:f}
ol.films li{counter-increment:f;padding:16px 0 16px 44px;border-top:1px solid var(--line);position:relative}
ol.films li::before{content:counter(f);position:absolute;left:0;top:18px;font:600 13px 'Spline Sans Mono',monospace;color:var(--gold)}
ol.films b{color:var(--ink);font-weight:600}
ul.links{list-style:none;margin-top:8px}
ul.links li{padding:10px 0;border-bottom:1px solid var(--line)}
ul.links a{text-decoration:none}
.cta{display:inline-block;margin-top:14px;padding:12px 18px;border:1px solid var(--gold);border-radius:999px;text-decoration:none;font:13px 'Spline Sans Mono',monospace;letter-spacing:.06em;color:var(--gold)}
.cta:hover{background:rgba(242,197,114,.08)}
.note{font-size:14px;color:var(--dim);margin-top:14px}
footer{max-width:760px;margin:0 auto;padding:26px var(--mx) 46px;font-size:11px;line-height:1.7;color:var(--dim);border-top:1px solid var(--line)}
footer a{color:var(--read)}