/* SimpleDeeds — shared header/footer brand + the dark "storefront" hero used on
   guide and landing pages. Loaded after each page's inline styles. */

/* Brand: the same green check mark wordmark as the homepage */
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.6px;line-height:1}
.brand:hover{text-decoration:none}
.sd-mark{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#1ba983,#087653);color:#fff;font-size:20px;box-shadow:0 4px 14px rgba(0,27,21,.28)}
footer .brand{color:#fff}

/* ---------- Dark hero (body.g) ---------- */
body.g header.nav{background:rgba(6,42,32,.94);border-bottom:1px solid rgba(255,255,255,.08)}
body.g header.nav .brand{color:#fff}
body.g header.nav .nav-links a{color:#CFE3DA}
body.g header.nav .nav-links a:hover{color:#9CE3C8}
body.g header.nav .btn-primary{background:linear-gradient(160deg,#15a77b,#04734e);border-color:#62d1af;box-shadow:0 8px 22px -10px rgba(0,30,24,.8)}

body.g .article-hero{background:radial-gradient(1200px 500px at 85% 0%,rgba(27,169,131,.22),transparent 60%),linear-gradient(165deg,#0B3D2F 0%,#062A20 75%);color:#fff;padding:44px 0 52px}
body.g .article-hero h1{color:#fff}
body.g .article-hero .lede{color:#CFE0D8}
body.g .breadcrumb,body.g .breadcrumb a{color:#9CC5B4}
body.g .article-hero .meta-line{color:#9CC5B4}
body.g .article-hero .meta-line span::before{background:#9CE3C8}
body.g .article-hero .hero-inner{grid-template-columns:minmax(0,1fr) 340px;gap:48px}
body.g .hero-stamp{display:none}

.hero-buy{background:#fff;color:var(--ink);border-radius:18px;padding:24px 24px 20px;box-shadow:0 24px 60px -24px rgba(0,0,0,.6)}
.hero-buy .hb-price{display:flex;align-items:baseline;gap:8px;font-family:"Fraunces",Georgia,serif;font-size:46px;line-height:1;color:var(--ink)}
.hero-buy .hb-price small{font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:16px;color:var(--ink-soft)}
.hero-buy .hb-line{margin:8px 0 16px;font-size:15px;color:var(--ink-soft);line-height:1.45}
.hero-buy .hb-cta{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;border:1px solid #62d1af;border-radius:11px;background:linear-gradient(160deg,#15a77b,#04734e);color:#fff;font-size:18px;font-weight:800;text-decoration:none;box-shadow:0 12px 30px -12px rgba(0,30,24,.7)}
.hero-buy .hb-cta:hover{filter:brightness(1.08);text-decoration:none}
.hero-buy .hb-alt{display:block;text-align:center;margin-top:10px;font-size:14px;font-weight:600;color:var(--green-deep)}
.hero-buy ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;font-size:14px;color:var(--ink-soft)}
.hero-buy li{display:flex;gap:8px;align-items:flex-start;line-height:1.4}
.hero-buy li::before{content:"✓";color:var(--green);font-weight:800}
.hero-buy .hb-fine{margin:12px 0 0;font-size:12.5px;color:var(--ink-faint);line-height:1.45}

/* Document choice buttons (landing pages) */
.doc-picks{display:grid;gap:8px;margin:4px 0 0}
.doc-pick{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border:1px solid var(--line);border-radius:11px;color:var(--ink);font-weight:700;font-size:15.5px;text-decoration:none;background:#fff}
.doc-pick:hover{border-color:var(--green);background:var(--green-tint);text-decoration:none}
.doc-pick span{font-weight:500;font-size:13px;color:var(--ink-faint)}
.doc-pick.primary{border-color:#62d1af;background:linear-gradient(160deg,#15a77b,#04734e);color:#fff}
.doc-pick.primary span{color:#D8F3E8}

@media(max-width:820px){
  body.g .article-hero{padding:22px 0 30px}
  body.g .article-hero .hero-inner{display:flex;flex-direction:column;gap:0}
  body.g .article-hero .hero-inner>div:first-child{display:contents}
  body.g .article-hero h1{order:1;font-size:32px;max-width:none;text-align:left;align-self:stretch}
  body.g .hero-buy{order:2;margin:16px 0 4px;padding:18px 18px 16px}
  body.g .article-hero .lede{order:3;font-size:17px;margin-top:18px}
  body.g .article-hero .meta-line{order:4}
  .hero-buy .hb-price{font-size:38px}
  .hero-buy ul{display:none}
  body.g header.nav .btn-primary{padding:11px 18px;font-size:15px}
  .brand{font-size:20px}
}