/* Free guide pages: brand header strip, two-column hero (copy + form card), then content sections; collapses to one column on phones. */
:root{
  --bg:#FBF8F3; --panel:#FFFFFF; --sunk:#F3EDE4; --fg:#2F2B27; --muted:#6E6660; --line:#E5DCCF;
  --burgundy:#800020; --rose:#8B4057; --beige:#CDC3AB; --gold:#96824B; --on-accent:#FFFFFF;
  --display:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --body:'Plus Jakarta Sans','Helvetica Neue',Arial,sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#1C1517; --panel:#261D20; --sunk:#2F2427; --fg:#F2ECE6; --muted:#BDB1AA; --line:#3E3135;
  --burgundy:#E39AAE; --rose:#D59AAB; --beige:#5A4E40; --gold:#C9B27A; --on-accent:#1C1517; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#1C1517; --panel:#261D20; --sunk:#2F2427; --fg:#F2ECE6; --muted:#BDB1AA; --line:#3E3135;
  --burgundy:#E39AAE; --rose:#D59AAB; --beige:#5A4E40; --gold:#C9B27A; --on-accent:#1C1517; color-scheme:dark}
*{box-sizing:border-box}
html,body{background:var(--bg);margin:0}
body{color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.65;
  padding:0 max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px))}
.wrap{max-width:1080px;margin:0 auto}
.top{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);gap:12px}
.brand{font:700 13px/1.2 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--burgundy);text-decoration:none}
.top a.lang{font:600 12.5px/1 var(--display);color:var(--muted);text-decoration:none}
.eyebrow{font:600 11.5px/1.4 var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
h1{font:700 clamp(32px,5vw,52px)/1.08 var(--display);color:var(--burgundy);margin:0;text-wrap:balance}
h2{font:700 22px/1.25 var(--display);margin:0 0 14px;color:var(--fg)}
p{margin:0 0 14px}
.lede{font-size:18px;color:var(--muted);max-width:52ch}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding:48px 0 40px}
.cover{display:flex;gap:22px;align-items:flex-end;margin-top:26px}
.cover img{width:170px;max-width:42%;height:auto;border-radius:6px;box-shadow:0 18px 40px rgba(60,20,30,.18)}
.cover p{font-size:14px;color:var(--muted);margin:0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(60,20,30,.06)}
.card h2{font-size:20px;color:var(--burgundy)}
label{display:block;font:600 13px/1.3 var(--display);margin:14px 0 6px}
input[type=text],input[type=email]{width:100%;font:16px var(--body);padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg)}
input:focus{outline:none;border-color:var(--burgundy);box-shadow:0 0 0 3px rgba(128,0,32,.15)}
.btn{display:inline-block;width:100%;margin-top:18px;text-align:center;text-decoration:none;cursor:pointer;
  font:600 15px/1 var(--display);letter-spacing:.03em;padding:16px 20px;border-radius:10px;border:0;background:var(--burgundy);color:var(--on-accent)}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--burgundy);border:1.5px solid var(--burgundy)}
.btn.auto{width:auto}
.fine{font-size:12.5px;color:var(--muted);margin:14px 0 0;line-height:1.55}
.fine a{color:inherit}
.note{display:none;margin-top:12px;font-size:13.5px;color:var(--burgundy)}
.note.on{display:block}
section{padding:36px 0;border-top:1px solid var(--line)}
.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
ul.check{list-style:none;padding:0;margin:0}
ul.check li{position:relative;padding-left:28px;margin-bottom:10px}
ul.check li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:8px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.author{display:flex;gap:18px;align-items:center}
.author img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}
.author p{margin:0;font-size:14.5px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding-top:22px;font-size:12.5px;color:var(--muted)}
footer a{color:inherit;margin-right:14px}
.center{max-width:640px;margin:0 auto;padding:64px 0 40px;text-align:left}
.center .btn{width:auto}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media (max-width:820px){.hero,.cols{grid-template-columns:minmax(0,1fr);gap:28px}.hero{padding-top:32px}.cover img{width:120px}}