/* Shared shell for sellwithchevy.com: header with Guides dropdown, footer, and the home page.
   Tokens match the From Dream to Keys guide so every page reads as one brand. */
:root{
  --paper:#ffffff;
  --band:#f5f3ef;
  --ink:#2a2a2a;
  --muted:#6b6660;
  --taupe:#a8998c;
  --navy:#002349;
  --line:#dcd6ce;
  --card:#ffffff;
  --on-navy:#ffffff;
  --display:"Bellefair","Cormorant Garamond",Georgia,serif;
  --body:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --script:"Pinyon Script","Snell Roundhand",cursive;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#16181b;--band:#1d2024;--ink:#ece8e2;--muted:#a9a39b;--taupe:#c2b3a5;--navy:#9db8db;--line:#33373c;--card:#22262a;--on-navy:#16181b;color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#16181b;--band:#1d2024;--ink:#ece8e2;--muted:#a9a39b;--taupe:#c2b3a5;--navy:#9db8db;--line:#33373c;--card:#22262a;--on-navy:#16181b;color-scheme:dark}

*{box-sizing:border-box}
html{scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15.5px;line-height:1.7}
img{max-width:100%;height:auto}
a{color:var(--navy)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--navy);outline-offset:3px}

/* ---------- Header ---------- */
.site{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:20}
.site-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:24px;padding-block:16px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.brand{display:flex;align-items:center;gap:18px;margin-right:auto;min-width:0}
.mark{display:grid;gap:3px;text-decoration:none;color:var(--ink);min-width:0}
.logo{display:block;height:auto}
.brand .logo{width:150px;border-left:1px solid var(--line);padding-left:18px;box-sizing:content-box}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo{filter:brightness(0) invert(.92)}}
:root[data-theme="dark"] .logo{filter:brightness(0) invert(.92)}
.mark .nm{font-family:var(--display);font-size:1.55rem;letter-spacing:.14em;text-transform:uppercase;line-height:1}
.mark .br{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.nav{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.nav a,.dd-btn{font:inherit;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--ink);text-decoration:none;background:none;border:0;padding:6px 0;cursor:pointer}
.nav a:hover,.dd-btn:hover{color:var(--navy)}
.nav a[aria-current="page"]{border-bottom:1px solid var(--ink)}
.nav .cta-sm{background:var(--navy);color:var(--on-navy);padding:10px 18px;font-weight:600}
.nav .cta-sm:hover{color:var(--on-navy);opacity:.9}
.dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:8px}
.dd-btn::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.dd-panel{position:absolute;top:calc(100% + 10px);left:-22px;min-width:280px;background:var(--card);border:1px solid var(--line);
  box-shadow:0 18px 40px rgba(0,0,0,.08);padding:10px 0;display:none}
.dd.open .dd-panel{display:block}
@media (hover:hover) and (min-width:1081px){.dd:hover .dd-panel,.dd:focus-within .dd-panel{display:block}
  .dd::before{content:"";position:absolute;left:0;right:0;top:100%;height:12px}}
.dd-panel a{display:grid;gap:2px;padding:10px 22px;letter-spacing:.14em}
.dd-panel a small{font-size:.74rem;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:400}
.dd-panel a:hover{background:var(--band)}
.dd-panel hr{border:0;border-top:1px solid var(--line);margin:8px 22px}
.dd-panel .lbl{display:block;padding:6px 22px 2px;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);font-weight:600}
.burger{display:none;background:none;border:1px solid var(--line);color:var(--ink);font:inherit;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;padding:9px 14px;cursor:pointer}

@media (max-width:1080px){
  .burger{display:inline-block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);
    flex-direction:column;align-items:stretch;gap:0;padding:8px max(16px,env(safe-area-inset-right,0px)) 18px max(16px,env(safe-area-inset-left,0px))}
  .site.menu-open .nav{display:flex}
  .nav>li{border-top:1px solid var(--line)}
  .nav>li:first-child{border-top:0}
  .nav a,.dd-btn{display:flex;width:100%;padding:14px 0;justify-content:space-between}
  .nav .cta-sm{justify-content:center;margin-top:12px}
  .nav a[aria-current="page"]{border-bottom:0;color:var(--navy);font-weight:600}
  .dd-panel{position:static;box-shadow:none;border:0;border-left:1px solid var(--line);padding:0 0 8px;min-width:0;margin-left:2px}
  .dd-panel a{padding:10px 16px}
  .dd-panel hr{margin:6px 16px}
  .dd-panel .lbl{padding:6px 16px 2px}
}

/* ---------- Download band on guide pages ---------- */
.dl-band{background:var(--navy);color:var(--on-navy)}
.dl-band .in{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-block:14px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.dl-band p{margin:0;font-size:.82rem;letter-spacing:.04em}
.dl-band a{color:var(--on-navy);border:1px solid currentColor;padding:9px 18px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;text-decoration:none;white-space:nowrap}
.dl-band a:hover{background:var(--on-navy);color:var(--navy)}

/* ---------- Footer ---------- */
.site-foot{border-top:1px solid var(--line);background:var(--band);font-size:.78rem;color:var(--muted)}
.site-foot .in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding-block:44px 28px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.site-foot h4{margin:0 0 10px;font-family:var(--body);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-weight:600}
.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.site-foot a{color:var(--muted)}
.site-foot a:hover{color:var(--ink)}
.site-foot .logo{width:200px;margin-bottom:14px}
.site-foot .nm{font-family:var(--display);font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.site-foot .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;font-size:.7rem;line-height:1.6;display:grid;gap:8px}
@media (max-width:860px){.site-foot .in{grid-template-columns:1fr 1fr;gap:28px}}
@media (max-width:520px){.site-foot .in{grid-template-columns:1fr;gap:24px}}
@media (max-width:560px){.brand .logo{display:none}}

/* ---------- Print / PDF: hide the website chrome ---------- */
@media print{
  :root{--paper:#fff;--band:#f5f3ef;--ink:#2a2a2a;--muted:#6b6660;--taupe:#a8998c;--navy:#002349;--line:#dcd6ce;--card:#fff;--on-navy:#fff;color-scheme:light}
  .site,.dl-band,.site-foot,.chapters,.copy,.no-print{display:none!important}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  /* Booklet pagination: each chapter opens a new page, headings stay with their content */
  main>section{break-before:page;padding-block:28px!important}
  .hero{padding-block:24px 0!important;border-bottom:0}
  .hero-grid{min-height:8.6in;align-items:center}
  h2,h3,.eyebrow,.lede{break-after:avoid}
  li,.person,.tx>div,.res>div,.alert,.scenarios li,.timeline .row,table{break-inside:avoid}
  .guide-note{border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}
}