/* ===================================================================
   ALKALINE BURN — alkalinesburn.com
   Palette : ink #2E3A52 (navy-slate, from the label's text and
             mountain silhouette) | ink-dk #1C2536 | steel(=warm
             amber-orange, from the label's sky gradient and flame
             icon) #D98A2E | steel-dk #B36F1E | sage(=sage green, from
             the label's foreground mountain) #8FAE87 | stone
             #FAF8F4 | sand #F2EDE0 | slate #4A5568 | line #E6DFC8
   Type    : 'Bitter' (a warm, grounded serif) + 'Inter' (clean body)
             — a fresh pairing not reused
   Motif   : the horizon glow — a soft horizontal gradient band that
             slowly cycles through warm sunrise-to-sunset hues behind
             the bottle, on a loop, echoing the label's own mountain-
             sunset artwork directly; distinct from every other
             signature used across this project (a horizontal LINEAR
             hue-shift band - not a circular beacon pulse, not a
             particle system, not a scan-line, not a performance
             gauge)
   Layout  : STRUCTURALLY UNIQUE HERO — the bottle sits centered with
             the horizon glow band behind it in open space, object-
             fit:contain, never clipped or masked.
   Voice   : cautious, structure-function only - AlkaLine Burn
             supports healthy weight management, appetite control,
             and energy as part of a healthy lifestyle and balanced
             diet. NEVER claims to treat, cure, or prevent obesity,
             type 2 diabetes, or any other diagnosed medical
             condition.
   CRITICAL HONESTY / SAFETY NOTE: this build required two significant
             flags. (1) The product's own supplied "How It Works"
             infographic is built around an "Alkaline Body Effect"
             premise - claiming to "maintain optimal systemic pH" and
             "reduce acidic load." This is NOT medically supported:
             blood pH is tightly regulated by the lungs and kidneys
             regardless of diet, and no oral supplement meaningfully
             changes it. This build does not reproduce the infographic
             or its "alkaline pH," "acidic load," or "lipid dissolving"
             language anywhere, and states this plainly as a dedicated
             callout rather than silently omitting it. (2) The
             competitor's own official site contains an internal
             contradiction: it lists "No Stimulants" as a selling
             point while its own ingredient section describes Guarana
             Seed Extract's "natural caffeine content" and "stimulant
             effects" in the same breath. This build states that
             contradiction plainly rather than picking one side
             silently. A testimonial on the competitor site explicitly
             targets a self-identified diabetic customer alongside
             "balances blood sugar" and "reduces risk of type 2
             diabetes" language - disease-adjacent claims that are
             softened to general, unverified marketing claims here,
             with a clear diabetes/blood-pressure-medication safety
             note added given Guarana's stimulant properties.
   Rules   : grids minmax(0,1fr) · flex min-width:0 · img max-width min(Npx,100%)
             mobile hero order = IMAGE first, then H1, then rest
=================================================================== */

:root{
  --ink:#2E3A52;
  --ink-dk:#1C2536;
  --steel:#D98A2E;
  --steel-dk:#B36F1E;
  --sage:#8FAE87;
  --stone:#FAF8F4;
  --sand:#F2EDE0;
  --slate:#4A5568;
  --line:#E6DFC8;
}

*{box-sizing:border-box}
body{font-family:'Inter',sans-serif;color:var(--slate);margin:0;background:var(--stone);overflow-x:hidden}
h1,h2,h3,h4{font-family:'Bitter',serif;color:var(--ink);margin:0 0 .5em;line-height:1.15}
h1{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:700}
h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}
h3{font-size:1.3rem;font-weight:700}
h4{font-size:1.05rem;font-weight:700}
p{margin:0 0 1em;line-height:1.65}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.ab-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ab-narrow{max-width:760px;margin:0 auto}
.ab-mid{text-align:center}

/* ---------- top strip + nav ---------- */
.ab-strip{background:var(--ink-dk);color:#fff;font-size:.78rem;padding:8px 0;text-align:center}
.ab-strip span{margin:0 12px;display:inline-block}
.ab-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.ab-nav .ab-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.ab-logo{font-family:'Bitter',serif;font-weight:700;font-size:1.35rem;color:var(--ink)}
.ab-logo em{font-style:normal;color:var(--steel-dk)}
.ab-links{list-style:none;display:flex;align-items:center;gap:22px;margin:0;padding:0}
.ab-links a{font-size:.92rem;font-weight:600;color:var(--slate)}
.ab-links a:hover{color:var(--steel-dk)}
.ab-btn{background:var(--steel);color:#fff!important;padding:10px 20px;border-radius:999px;font-weight:700;font-size:.88rem;display:inline-block}
.ab-btn:hover{background:var(--steel-dk)}
.ab-btn-sage{background:var(--steel)}
.ab-btn-full{display:block;text-align:center;width:100%;margin-bottom:10px}
.ab-btn-ghost{border:1.5px solid var(--ink);color:var(--ink)!important;padding:9px 19px;border-radius:999px;font-weight:600;font-size:.88rem;display:inline-block}
.ab-toggle{display:none;background:none;border:0;font-size:1.4rem;color:var(--ink)}
@media(max-width:860px){.ab-links{display:none}.ab-toggle{display:block}}

/* ---------- HERO : HONEYCOMB SHIMMER GRID — a grid of small hexagon cells softly shimmering in sequence, echoing the label's honeycomb pattern ---------- */
.ab-hero{background:linear-gradient(180deg,var(--ink) 0%,var(--ink-dk) 100%);padding:54px 0 68px;overflow:hidden;position:relative}
.ab-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:50px;align-items:center;
  position:relative;z-index:1}
.ab-hero-shot{order:1;position:relative;display:flex;justify-content:center;align-items:center;min-height:260px}
.ab-glow-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:150px;z-index:0;
  border-radius:50%;filter:blur(18px);
  background:linear-gradient(90deg,#D98A2E,#E8B25C,#8FAE87,#D98A2E);
  background-size:300% 100%;
  animation:abHorizonShift 8s ease-in-out infinite;opacity:.55}
@keyframes abHorizonShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){.ab-glow-svg{animation:none;background-position:30% 50%}}
.ab-hero-copy{order:2}
.ab-hero h1{color:#fff}
.ab-hero-shot img{max-width:min(215px,100%);width:100%;height:auto;object-fit:contain;margin:0 auto;
  position:relative;z-index:2;filter:drop-shadow(0 22px 34px rgba(217,138,46,.35))}
.ab-wave-tag{position:absolute;bottom:2%;right:2%;background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:8px 14px;font-size:.74rem;font-weight:700;color:var(--ink);box-shadow:0 10px 20px rgba(0,0,0,.3);
  z-index:3;white-space:nowrap}
.ab-hero h1 em{font-style:italic;color:var(--sage)}
.ab-lede{font-size:1.05rem;color:#EDE0C6;max-width:37em}

.ab-answer{background:#fff;border-left:4px solid var(--steel);border-radius:0 8px 8px 0;
  padding:23px 25px;margin:0 0 22px;box-shadow:0 8px 24px rgba(46,58,82,.08)}
.ab-answer .tag{display:block;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--steel-dk);margin-bottom:9px}
.ab-answer p{margin:0;color:var(--slate)}
.ab-answer p.first{color:var(--ink);font-weight:700;margin-bottom:.75em}

.ab-facts{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0 0 22px;padding:0}
.ab-facts li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 15px;
  font-size:.8rem;font-weight:700;color:#fff}

.ab-check{list-style:none;margin:0 0 24px;padding:0}
.ab-check li{position:relative;padding-left:32px;margin-bottom:11px;font-size:.96rem;font-weight:500;color:#EFE1C4}
.ab-check li::before{content:'';position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;
  background:var(--steel);box-shadow:0 0 0 4px rgba(217,138,46,.28)}
.ab-check li::after{content:'\2713';position:absolute;left:4px;top:6.5px;color:var(--ink);font-size:.62rem;font-weight:800}

.ab-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
.ab-figures div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:14px 8px;text-align:center}
.ab-figures b{display:block;font-family:'Bitter',serif;font-weight:700;font-size:1.2rem;color:#fff;line-height:1.1}
.ab-figures span{font-size:.68rem;font-weight:700;color:#E0B778;text-transform:uppercase;letter-spacing:.05em}

.ab-hero-btns{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:20px}
.ab-hero-trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.78rem;font-weight:700;color:#E0B778}

@media(max-width:920px){
  .ab-hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .ab-hero-copy{display:contents}
  .ab-hero-shot{order:1;min-height:200px}
  .ab-hero-title{order:2}
  .ab-hero-rest{order:3}
  .ab-hero-shot img{max-width:min(175px,100%)}
  .ab-glow-svg{width:220px;height:220px}
  .ab-wave-tag{bottom:0;right:0}
}

/* ---------- "the honeycomb shimmer grid" signature — a tiny hex cluster that shimmers, echoing the honeycomb pattern ---------- */
.ab-ascent{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 18px 14px;
  box-shadow:0 8px 22px rgba(46,58,82,.14);text-align:center;max-width:260px;margin-left:auto;margin-right:auto}
.ab-ascent h4{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-dk);
  margin-bottom:8px;font-family:'Inter',sans-serif;font-weight:700}
.ab-ascent svg{display:block;margin:0 auto;overflow:visible}
.ab-mini-glow{width:100px;height:36px;border-radius:50%;margin:0 auto;filter:blur(9px);
  background:linear-gradient(90deg,#D98A2E,#E8B25C,#8FAE87,#D98A2E);
  background-size:300% 100%;animation:abMiniHorizonShift 6s ease-in-out infinite;opacity:.6}
@keyframes abMiniHorizonShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){.ab-mini-glow{animation:none;background-position:30% 50%}}
.ab-ascent-cap{font-size:.68rem;font-weight:700;color:var(--slate);margin-top:8px}

/* ---------- grids ---------- */
.ab-grid{display:grid;gap:20px}
.ab-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ab-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ab-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.ab-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ab-g4,.ab-g3,.ab-g2{grid-template-columns:minmax(0,1fr)}}

.ab-sec{padding:64px 0}
.ab-sec-sand{background:var(--sand)}
.ab-sec-dark{background:var(--ink);color:#fff}
.ab-sec-dark h2,.ab-sec-dark h3,.ab-sec-dark h4{color:#fff}
.ab-sec-dark p{color:#EDE0C6}
.ab-sec-dark .ab-eyebrow{color:var(--sage)}

.ab-head{text-align:center;max-width:640px;margin:0 auto 40px}
.ab-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--steel-dk);margin-bottom:10px}

.ab-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px 22px}
.ab-card p{color:var(--slate);font-size:.93rem;margin:0}
.ab-card h4{margin-bottom:8px}
.ab-card-badge{text-align:center}
.ab-card-badge img{max-width:70px;margin:0 auto 14px}

.ab-idx{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;
  justify-content:center;font-family:'Bitter',serif;font-weight:700;margin-bottom:14px}
.ab-idx-sage{background:var(--steel)}

/* ---------- split ---------- */
.ab-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center}
@media(max-width:820px){.ab-split{grid-template-columns:minmax(0,1fr)}}
.ab-split-copy p{color:var(--slate)}

/* ---------- reviews ---------- */
.ab-rev-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ab-rev-head img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.ab-rev-name{font-weight:700;color:var(--ink);font-size:.95rem}
.ab-rev-sub{font-size:.78rem;color:var(--slate)}
.ab-stars{color:#F4B740;letter-spacing:2px;margin-bottom:10px}
.ab-board{display:flex;justify-content:center;gap:50px;margin-top:34px;flex-wrap:wrap;text-align:center}
.ab-board b{display:block;font-family:'Bitter',serif;font-size:1.7rem;color:var(--ink)}
.ab-board span{font-size:.8rem;color:var(--slate);text-transform:uppercase;letter-spacing:.05em}

/* ---------- pricing plans ---------- */
.ab-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
@media(max-width:900px){.ab-plans{grid-template-columns:minmax(0,1fr)}}
.ab-plan{background:#fff;border:2px solid var(--line);border-radius:14px;padding:26px 22px;text-align:center;position:relative}
.ab-plan.top{border-color:var(--steel);box-shadow:0 14px 34px rgba(217,138,46,.18);transform:scale(1.04)}
.ab-plan img.pk{max-width:140px;margin:0 auto 16px}
.ab-plan-ttl{font-family:'Bitter',serif;font-weight:700;font-size:1.1rem;color:var(--ink)}
.ab-plan-sub{font-size:.82rem;color:var(--slate);margin-bottom:12px}
.ab-plan-price{font-family:'Bitter',serif;font-size:2.1rem;font-weight:700;color:var(--ink)}
.ab-plan-price small{font-size:.9rem;font-weight:600;color:var(--slate)}
.ab-plan-tot{font-size:.85rem;color:var(--slate);margin:6px 0}
.ab-plan-ship{font-size:.78rem;font-weight:700;color:var(--steel-dk);margin-bottom:14px}
.ab-plan-ship.pay{color:var(--slate)}
.ab-plan ul{list-style:none;padding:0;margin:0 0 16px;text-align:left;font-size:.86rem;color:var(--slate)}
.ab-plan ul li{padding:5px 0;position:relative;padding-left:20px}
.ab-plan ul li::before{content:'\2713';position:absolute;left:0;color:var(--steel-dk);font-weight:800}
.ab-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--steel);color:#fff;
  font-size:.72rem;font-weight:700;padding:5px 16px;border-radius:999px;white-space:nowrap}
.ab-badge-steel{background:var(--ink)}
.ab-plan .cards{max-width:180px;margin:0 auto}

/* ---------- guarantee ---------- */
.ab-guar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:34px;align-items:center;background:#fff;
  border:1px solid var(--line);border-radius:14px;padding:34px}
@media(max-width:680px){.ab-guar{grid-template-columns:minmax(0,1fr);text-align:center}}
.ab-guar-badge img{max-width:180px}

/* ---------- ribbon list ---------- */
.ab-ribbon-list{display:flex;flex-direction:column;gap:16px}

/* ---------- ingredient cards ---------- */
.ab-ing-grid{display:grid;gap:18px}
.ab-ing-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ab-ing-top{height:6px}
.ab-ing-body{padding:20px}
.ab-ing-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ab-ing-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex:0 0 auto}
.ab-ing-name{margin:0;font-size:.98rem}
.ab-ing-cat{font-size:.72rem;font-weight:700;color:var(--steel-dk);text-transform:uppercase;letter-spacing:.04em}
.ab-ing-body p{font-size:.87rem;margin:0;color:var(--slate)}
.ab-ribbon{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:18px 20px}
.ab-ribbon-icon{font-size:1.5rem;flex:0 0 auto}
.ab-ribbon-body h4{margin-bottom:4px}
.ab-ribbon-body p{margin:0;font-size:.9rem}

/* ---------- timeline ---------- */
.ab-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:820px){.ab-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ab-tl-item{text-align:center}
.ab-tl-dot{width:36px;height:36px;border-radius:50%;background:var(--steel);color:#fff;display:flex;
  align-items:center;justify-content:center;font-family:'Bitter',serif;font-weight:700;margin:0 auto 12px}
.ab-tl-item h4{font-size:.95rem;margin-bottom:6px}
.ab-tl-item p{font-size:.85rem;color:var(--slate);margin:0}

/* ---------- compare ---------- */
.ab-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
@media(max-width:700px){.ab-compare{grid-template-columns:minmax(0,1fr)}}
.ab-compare .a,.ab-compare .b{border-radius:12px;padding:24px}
.ab-compare .a{background:#fff;border:1px solid var(--line)}
.ab-compare .b{background:var(--ink);color:#fff}
.ab-compare .b h4{color:#fff}
.ab-compare ul{list-style:none;padding:0;margin:0;font-size:.9rem}
.ab-compare ul li{padding:6px 0}
.ab-compare .a ul li{color:var(--slate)}
.ab-compare .b ul li{color:#EDE0C6}

/* ---------- steps ---------- */
.ab-steps{display:flex;flex-direction:column;gap:18px}
.ab-step-row{display:flex;gap:18px;align-items:flex-start}
.ab-step-row .n{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--steel);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'Bitter',serif;font-weight:700}
.ab-step-row h4{margin-bottom:4px;color:#fff}
.ab-step-row p{margin:0;color:#EDE0C6;font-size:.9rem}

/* ---------- FAQ ---------- */
.ab-faq-row{border-bottom:1px solid var(--line)}
.ab-faq-btn{width:100%;text-align:left;background:none;border:0;padding:18px 0;font-family:'Bitter',serif;
  font-weight:700;font-size:1rem;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.ab-faq-btn::after{content:'+';font-size:1.3rem;color:var(--steel-dk)}
.ab-faq-btn[aria-expanded="true"]::after{content:'\2212'}
.ab-faq-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.ab-faq-body p{padding-bottom:16px;color:var(--slate);margin:0}
.ab-faq-row.open .ab-faq-body{max-height:400px}
.ab-faq{border-top:1px solid var(--line)}

/* ---------- refs ---------- */
.ab-refs{list-style:none;margin:0 0 18px;padding:0}
.ab-refs li{padding:11px 0;border-bottom:1px solid var(--line);font-size:.91rem;color:var(--slate)}
.ab-refs a{color:var(--steel-dk);font-weight:600;text-decoration:underline;text-underline-offset:3px}

.ab-safety-list{list-style:none;margin:0;padding:0}
.ab-safety-list li{background:#fff;border:1px solid var(--line);border-left:4px solid var(--steel);
  border-radius:0 8px 8px 0;padding:16px 20px;margin-bottom:14px;font-size:.93rem;color:var(--slate);line-height:1.6}
.ab-safety-list li b{color:var(--ink)}

/* ---------- final CTA ---------- */
.ab-final{background:linear-gradient(150deg,var(--ink) 0%,var(--ink-dk) 100%);border-radius:14px;
  padding:52px 30px;text-align:center}
.ab-final h2{color:#fff}
.ab-final p{color:#EDE0C6;max-width:520px;margin:0 auto 22px}
.ab-final img{max-width:200px;margin:0 auto 18px}
.ab-final .old{color:#B0895A;text-decoration:line-through;font-size:.9rem}
.ab-final .new{font-family:'Bitter',serif;font-size:1.8rem;font-weight:700;color:var(--sage);margin-bottom:18px}
.ab-final .sm{font-size:.82rem;color:#E0B778;margin-top:14px}

/* ---------- related / bonus / ingredients ---------- */
.ab-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:820px){.ab-rel{grid-template-columns:minmax(0,1fr)}}
.ab-rel a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;display:block}
.ab-rel a b{display:block;color:var(--ink);margin-bottom:6px;font-family:'Bitter',serif}
.ab-rel a span{font-size:.85rem;color:var(--slate)}

.ab-bonus-grid{display:grid;gap:18px}
.ab-bonus-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center;position:relative}
.ab-bonus-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--steel);color:#fff;
  font-size:.68rem;font-weight:700;padding:4px 12px;border-radius:999px}
.ab-bonus-card img{max-width:120px;margin:14px auto 12px;border-radius:6px}
.ab-bonus-card h4{font-size:.95rem;margin-bottom:6px}
.ab-bonus-card p{font-size:.82rem;margin:0}

.ab-iab-grid{display:grid;gap:18px}
.ab-iab-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ab-iab-top{height:6px}
.ab-iab-body{padding:20px}
.ab-iab-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ab-iab-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex:0 0 auto}
.ab-iab-name{margin:0;font-size:.98rem}
.ab-iab-body p{font-size:.87rem;margin:0}

/* ---------- article/legal pages ---------- */
.ab-article h2{margin-top:1.6em}
.ab-article p{color:var(--slate)}
.ab-article .lead{font-size:1.1rem;color:var(--ink);font-weight:500}
.ab-alert{background:var(--sand);border-left:4px solid var(--steel);border-radius:0 8px 8px 0;padding:18px 22px;
  color:var(--slate);margin-bottom:22px}
.ab-callout{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:18px 0}
.ab-meta{font-size:.85rem;color:var(--slate);margin-bottom:22px}

.ab-crumb{font-size:.85rem;color:var(--slate);padding:16px 0}
.ab-crumb a{color:var(--steel-dk);font-weight:600}
.ab-crumb i{margin:0 6px;font-style:normal;opacity:.5}

/* ---------- blog hub ---------- */
.ab-bhero{background:linear-gradient(150deg,var(--ink) 0%,var(--ink-dk) 100%);color:#fff;padding:44px 0 34px;text-align:center}
.ab-bhero .lede{color:#EDE0C6;max-width:540px;margin:14px auto 0}
.ab-bhero-meta{margin-top:16px;font-size:.85rem;color:var(--sage)}
.ab-bhero-meta span{margin:0 10px}
.ab-pill{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  color:#fff;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:999px}
.ab-bgroup{margin-bottom:10px}
.ab-bsection-ttl{display:block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--steel-dk);margin-bottom:16px}
.ab-bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:820px){.ab-bgrid{grid-template-columns:minmax(0,1fr)}}
.ab-bcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:block}
.ab-bcard-head .tag{font-size:.7rem;font-weight:700;color:var(--steel-dk);text-transform:uppercase;letter-spacing:.08em}
.ab-bcard-head h3{font-size:1.05rem;margin:8px 0 10px}
.ab-bcard-body p{font-size:.88rem;margin:0 0 10px}
.ab-bcard-body .read{font-size:.85rem;font-weight:700;color:var(--steel-dk)}

/* ---------- footer ---------- */
.ab-foot{background:var(--ink-dk);color:#E0B778;padding:50px 0 26px;font-size:.85rem}
.ab-foot-nav,.ab-foot-legal{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px;margin:0 0 20px}
.ab-foot-nav a,.ab-foot-legal a{color:#EDE0C6}
.ab-foot hr{border-color:rgba(255,255,255,.12);margin:20px 0}
.ab-foot p{color:#B0895A;font-size:.8rem}
.ab-foot .cr{color:#6E5638;font-size:.78rem;margin-top:16px}

/* ---------- sticky bar ---------- */
.ab-sticky{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);
  box-shadow:0 -8px 24px rgba(0,0,0,.08);padding:12px 20px;display:flex;align-items:center;
  justify-content:space-between;gap:16px;z-index:60}
.ab-sticky .t b{display:block;color:var(--ink);font-family:'Bitter',serif}
.ab-sticky .t small{color:var(--slate);font-size:.78rem}
@media(min-width:920px){.ab-sticky{display:none}}
body{padding-bottom:70px}
@media(min-width:920px){body{padding-bottom:0}}