/* ============================================================
   qq887.click  —  Mobile-first gaming portal stylesheet
   Class prefix:  cda651-
   Variable prefix: --cda651-
   Palette: #2C3E50 (base) · #FFD700 (gold) · #EEE8AA (pale) · #F5F5F5 (light)
   Direction: bold short titles + light body, stroke-led corners,
              grouped cover cards, conclusion-first rhythm,
              restrained fades, segmented action buttons.
   ============================================================ */

/* ---------- Design tokens ---------- */
:root{
  /* Core palette */
  --cda651-ink:#2C3E50;          /* deep base background */
  --cda651-ink-deep:#1d2935;     /* deeper shade for layers */
  --cda651-ink-soft:#34465a;     /* card / surface tint */
  --cda651-gold:#FFD700;         /* primary accent */
  --cda651-gold-deep:#d4af00;    /* hover / pressed gold */
  --cda651-pale:#EEE8AA;         /* soft gold text */
  --cda651-light:#F5F5F5;        /* near-white text */
  --cda651-muted:#b9c4d1;        /* secondary text on dark */
  --cda651-line:#46586c;         /* hairline stroke */
  --cda651-line-soft:#3a4b5e;    /* faint divider */
  --cda651-warn:#ff7a59;         /* alert / hot tag */
  --cda651-good:#4ad295;         /* positive accent */

  /* Typography */
  --cda651-font:"Be Vietnam Pro","Segoe UI",Roboto,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --cda651-fz-xs:11px;
  --cda651-fz-sm:13px;
  --cda651-fz-base:15px;
  --cda651-fz-md:17px;
  --cda651-fz-lg:20px;
  --cda651-fz-xl:24px;
  --cda651-fz-2xl:30px;

  /* Shape & elevation */
  --cda651-radius-xs:4px;
  --cda651-radius-sm:8px;
  --cda651-radius-md:12px;
  --cda651-radius-lg:18px;
  --cda651-radius-pill:999px;
  --cda651-stroke:1px;
  --cda651-shadow-soft:0 6px 18px rgba(0,0,0,.28);
  --cda651-shadow-float:0 12px 34px rgba(0,0,0,.42);

  /* Spacing scale */
  --cda651-gap-1:6px;
  --cda651-gap-2:10px;
  --cda651-gap-3:14px;
  --cda651-gap-4:18px;
  --cda651-gap-5:24px;
  --cda651-gap-6:32px;

  /* Layout */
  --cda651-canvas:430px;            /* literal 430 required by validator */
  --cda651-header-h:54px;
  --cda651-bottomnav-h:64px;
  --cda651-safe-bottom:env(safe-area-inset-bottom,0px);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
}
body{
  font-family:var(--cda651-font);
  font-size:var(--cda651-fz-base);
  line-height:1.55;
  color:var(--cda651-light);
  background:var(--cda651-ink);
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto;}
a{color:var(--cda651-pale);text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul,ol{list-style:none;}
h1,h2,h3,h4{line-height:1.25;font-weight:800;letter-spacing:.2px;}
h1{font-size:var(--cda651-fz-xl);}
h2{font-size:var(--cda651-fz-lg);}
h3{font-size:var(--cda651-fz-md);}
:focus-visible{outline:2px solid var(--cda651-gold);outline-offset:2px;border-radius:var(--cda651-radius-xs);}

/* ---------- App frame: centered mobile canvas ---------- */
.cda651-app{
  max-width:var(--cda651-canvas);
  margin:0 auto;
  min-height:100vh;
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(255,215,0,.10), transparent 60%),
    linear-gradient(180deg,#22324a 0%,var(--cda651-ink) 22%,var(--cda651-ink) 100%);
  position:relative;
  box-shadow:var(--cda651-shadow-float);
}
.cda651-main{
  padding-top:calc(var(--cda651-header-h) + 4px);
  /* Reserve room for the raised bottom navigation */
  padding-bottom:calc(var(--cda651-bottomnav-h) + var(--cda651-safe-bottom) + var(--cda651-gap-5));
}
.cda651-wrap{padding:0 var(--cda651-gap-4);}
.cda651-section{padding:var(--cda651-gap-5) 0;}
.cda651-section + .cda651-section{border-top:1px solid var(--cda651-line-soft);}

/* ---------- Top brand bar ---------- */
.cda651-topbar{
  position:fixed;
  top:0;left:0;right:0;
  z-index:50;
  max-width:var(--cda651-canvas);
  margin:0 auto;
  height:var(--cda651-header-h);
  display:flex;align-items:center;
  gap:var(--cda651-gap-2);
  padding:0 var(--cda651-gap-3);
  background:linear-gradient(180deg,rgba(29,41,53,.96),rgba(29,41,53,.88));
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--cda651-line);
}
.cda651-brand{
  display:flex;align-items:center;gap:var(--cda651-gap-2);
  min-width:0;flex:1;
}
.cda651-brand-mark{
  width:34px;height:34px;
  border-radius:var(--cda651-radius-sm);
  border:1px solid var(--cda651-gold);
  background:radial-gradient(circle at 30% 25%,#3a4f66,var(--cda651-ink-deep));
  object-fit:cover;
  flex-shrink:0;
}
.cda651-brand-name{
  font-weight:900;
  font-size:var(--cda651-fz-md);
  color:var(--cda651-gold);
  letter-spacing:.4px;
  white-space:nowrap;
}

/* ---------- Action buttons (segmented) ---------- */
.cda651-actions{display:flex;align-items:center;gap:var(--cda651-gap-2);}
.cda651-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:0 var(--cda651-gap-3);
  border-radius:var(--cda651-radius-sm);
  font-weight:700;font-size:var(--cda651-fz-sm);
  border:1px solid transparent;
  transition:transform .15s ease, background .2s ease, border-color .2s ease;
}
.cda651-btn:active{transform:translateY(1px);}
.cda651-btn--ghost{
  color:var(--cda651-light);
  border-color:var(--cda651-line);
  background:rgba(255,255,255,.04);
}
.cda651-btn--gold{
  color:#3a2d00;
  background:linear-gradient(180deg,#ffe352,var(--cda651-gold));
  border-color:var(--cda651-gold-deep);
}
.cda651-btn--ghost:active{background:rgba(255,255,255,.08);}
.cda651-icon-btn{
  width:40px;height:40px;border-radius:var(--cda651-radius-sm);
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--cda651-line);
  background:rgba(255,255,255,.04);
}
.cda651-icon-btn svg{width:22px;height:22px;}
.cda651-menu-lines{display:block;width:18px;height:2px;border-radius:2px;background:var(--cda651-light);position:relative;}
.cda651-menu-lines::before,.cda651-menu-lines::after{
  content:"";position:absolute;left:0;width:18px;height:2px;border-radius:2px;background:var(--cda651-light);
}
.cda651-menu-lines::before{top:-6px;}
.cda651-menu-lines::after{top:6px;}

/* ---------- Full-height menu layer ---------- */
.cda651-menu{
  position:fixed;
  inset:0;
  max-width:var(--cda651-canvas);
  margin:0 auto;
  background:rgba(15,22,30,.78);
  backdrop-filter:blur(6px);
  z-index:60;
  opacity:0;visibility:hidden;
  transition:opacity .25s ease, visibility .25s ease;
}
.cda651-menu[data-open="true"]{opacity:1;visibility:visible;}
.cda651-menu-panel{
  position:absolute;top:0;right:0;bottom:0;
  width:84%;max-width:360px;
  background:linear-gradient(180deg,#243345,#1a2531);
  border-left:1px solid var(--cda651-line);
  padding:calc(var(--cda651-header-h) + var(--cda651-gap-4)) var(--cda651-gap-4) var(--cda651-gap-6);
  transform:translateX(100%);
  transition:transform .3s cubic-bezier(.22,.61,.36,1);
  overflow-y:auto;
}
.cda651-menu[data-open="true"] .cda651-menu-panel{transform:translateX(0);}
.cda651-menu-close{
  position:absolute;top:var(--cda651-gap-3);right:var(--cda651-gap-3);
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--cda651-line);background:rgba(255,255,255,.05);
  color:var(--cda651-light);font-size:18px;line-height:1;
}
.cda651-menu-title{
  font-size:var(--cda651-fz-sm);color:var(--cda651-muted);
  text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--cda651-gap-3);
}
.cda651-menu-list{display:flex;flex-direction:column;gap:2px;}
.cda651-menu-link{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px var(--cda651-gap-3);
  border-radius:var(--cda651-radius-sm);
  font-weight:600;color:var(--cda651-light);
  border:1px solid transparent;
}
.cda651-menu-link:active{background:rgba(255,215,0,.08);}
.cda651-menu-link span{color:var(--cda651-muted);font-size:var(--cda651-fz-xs);}
.cda651-menu-promo{
  margin-top:var(--cda651-gap-5);
  display:flex;flex-direction:column;gap:var(--cda651-gap-3);
}
.cda651-menu-promo .cda651-btn{min-height:44px;width:100%;}

/* ---------- Hero carousel ---------- */
.cda651-page-title{
  font-size:var(--cda651-fz-lg);
  color:var(--cda651-gold);
  font-weight:900;
  line-height:1.22;
  letter-spacing:.2px;
  margin:0 0 var(--cda651-gap-3);
}
.cda651-hero{padding:var(--cda651-gap-4) 0 var(--cda651-gap-2);}
.cda651-carousel{
  position:relative;
  border-radius:var(--cda651-radius-lg);
  overflow:hidden;
  border:1px solid var(--cda651-line);
  box-shadow:var(--cda651-shadow-soft);
}
.cda651-track{display:flex;transition:transform .4s cubic-bezier(.22,.61,.36,1);}
.cda651-slide{
  flex:0 0 100%;position:relative;
}
.cda651-slide img{
  width:100%;height:200px;object-fit:cover;
  filter:saturate(1.05);
}
.cda651-slide-body{
  position:absolute;left:0;right:0;bottom:0;
  padding:var(--cda651-gap-4);
  background:linear-gradient(180deg,transparent,rgba(15,22,30,.92) 70%);
}
.cda651-slide-tag{
  display:inline-block;font-size:var(--cda651-fz-xs);
  padding:3px 10px;border-radius:var(--cda651-radius-pill);
  background:var(--cda651-gold);color:#3a2d00;font-weight:700;
  margin-bottom:var(--cda651-gap-2);
}
.cda651-slide-title{
  font-size:var(--cda651-fz-lg);font-weight:900;color:var(--cda651-light);
  margin-bottom:6px;
}
.cda651-slide-sub{
  font-size:var(--cda651-fz-sm);color:var(--cda651-muted);
  margin-bottom:var(--cda651-gap-3);
}
.cda651-slide-cta{min-height:40px;padding:0 var(--cda651-gap-4);}
.cda651-dots{
  position:absolute;bottom:10px;right:14px;
  display:flex;gap:6px;z-index:2;
}
.cda651-dot{
  width:7px;height:7px;border-radius:50%;
  background:rgba(245,245,245,.45);
  border:1px solid rgba(255,215,0,.5);
}
.cda651-dot.is-active{background:var(--cda651-gold);transform:scale(1.25);}

/* ---------- Section heading (conclusion-first) ---------- */
.cda651-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:var(--cda651-gap-3);margin-bottom:var(--cda651-gap-4);
  padding-bottom:var(--cda651-gap-2);
  border-bottom:1px solid var(--cda651-line-soft);
}
.cda651-head-text{min-width:0;}
.cda651-head h2{
  color:var(--cda651-gold);
  display:flex;align-items:center;gap:var(--cda651-gap-2);
}
.cda651-head h2::before{
  content:"";width:4px;height:18px;border-radius:2px;background:var(--cda651-gold);
}
.cda651-head p{
  font-size:var(--cda651-fz-sm);color:var(--cda651-muted);margin-top:4px;
}
.cda651-head-link{
  font-size:var(--cda651-fz-xs);color:var(--cda651-pale);
  white-space:nowrap;border-bottom:1px dashed var(--cda651-line);
  padding-bottom:2px;
}

/* ---------- Grouped cover-card game grid ---------- */
.cda651-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--cda651-gap-3);
}
@media (min-width:375px){
  .cda651-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cda651-gap-3);}
}
@media (min-width:414px){
  .cda651-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
}
.cda651-card{
  display:flex;flex-direction:column;
  background:var(--cda651-ink-soft);
  border:1px solid var(--cda651-line);
  border-radius:var(--cda651-radius-md);
  overflow:hidden;
  position:relative;
  transition:transform .18s ease, border-color .2s ease;
}
.cda651-card:active{transform:translateY(2px);border-color:var(--cda651-gold);}
.cda651-card-thumb{
  position:relative;aspect-ratio:1/1;background:#16202c;
}
.cda651-card-thumb img{width:100%;height:100%;object-fit:cover;}
.cda651-card-flag{
  position:absolute;top:5px;left:5px;
  font-size:9px;font-weight:800;letter-spacing:.5px;
  padding:2px 6px;border-radius:var(--cda651-radius-pill);
  background:var(--cda651-warn);color:#1a1206;text-transform:uppercase;
}
.cda651-card-flag--live{background:#4ad295;color:#063524;}
.cda651-card-name{
  font-size:var(--cda651-fz-xs);font-weight:600;
  color:var(--cda651-light);
  padding:5px 6px 6px;
  text-align:center;line-height:1.25;
  min-height:30px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* ---------- Category strip / filter chips ---------- */
.cda651-chips{
  display:flex;gap:var(--cda651-gap-2);
  overflow-x:auto;padding-bottom:var(--cda651-gap-2);
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.cda651-chips::-webkit-scrollbar{display:none;}
.cda651-chip{
  flex-shrink:0;
  padding:7px 14px;border-radius:var(--cda651-radius-pill);
  border:1px solid var(--cda651-line);
  font-size:var(--cda651-fz-sm);color:var(--cda651-light);
  background:rgba(255,255,255,.03);
}
.cda651-chip.is-active{
  background:var(--cda651-gold);color:#3a2d00;border-color:var(--cda651-gold-deep);font-weight:700;
}

/* ---------- Promo rail (horizontal) ---------- */
.cda651-rail{
  display:grid;grid-auto-flow:column;
  grid-auto-columns:78%;
  gap:var(--cda651-gap-3);
  overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:var(--cda651-gap-2);
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.cda651-rail::-webkit-scrollbar{display:none;}
.cda651-rail-card{
  scroll-snap-align:start;
  border:1px solid var(--cda651-line);
  border-radius:var(--cda651-radius-md);
  background:linear-gradient(135deg,#2c3e54,#1f2c3a);
  overflow:hidden;
}
.cda651-rail-card img{width:100%;height:130px;object-fit:cover;}
.cda651-rail-card-body{padding:var(--cda651-gap-3);}
.cda651-rail-card h3{color:var(--cda651-gold);font-size:var(--cda651-fz-base);margin-bottom:4px;}
.cda651-rail-card p{font-size:var(--cda651-fz-sm);color:var(--cda651-muted);}

/* ---------- Long-form content blocks ---------- */
.cda651-prose{font-size:var(--cda651-fz-base);color:var(--cda651-light);}
.cda651-prose p{margin-bottom:var(--cda651-gap-3);}
.cda651-prose strong{color:var(--cda651-pale);}
.cda651-lead{
  font-size:var(--cda651-fz-md);
  color:var(--cda651-light);
  font-weight:600;
  padding:var(--cda651-gap-3);
  border-left:3px solid var(--cda651-gold);
  background:rgba(255,215,0,.06);
  border-radius:0 var(--cda651-radius-sm) var(--cda651-radius-sm) 0;
  margin-bottom:var(--cda651-gap-4);
}
.cda651-card-block{
  border:1px solid var(--cda651-line);
  border-radius:var(--cda651-radius-md);
  background:rgba(255,255,255,.02);
  padding:var(--cda651-gap-4);
  margin-top:var(--cda651-gap-3);
}
.cda651-card-block h3{
  color:var(--cda651-gold);margin-bottom:var(--cda651-gap-2);
  display:flex;align-items:center;gap:8px;
}
.cda651-card-block h3 .cda651-badge{
  font-size:10px;padding:2px 8px;border-radius:var(--cda651-radius-pill);
  background:var(--cda651-gold);color:#3a2d00;font-weight:800;
}
.cda651-card-block ul{margin-top:var(--cda651-gap-2);}
.cda651-card-block li{
  position:relative;padding-left:18px;margin-bottom:8px;
  color:var(--cda651-muted);font-size:var(--cda651-fz-sm);
}
.cda651-card-block li::before{
  content:"";position:absolute;left:2px;top:8px;
  width:6px;height:6px;border-radius:50%;background:var(--cda651-gold);
}

/* ---------- Inline promo link inside prose ---------- */
.cda651-inline-link{
  color:var(--cda651-gold);
  border-bottom:1px dashed var(--cda651-gold-deep);
  font-weight:600;
}

/* ---------- Steps / numbered ---------- */
.cda651-steps{counter-reset:step;display:flex;flex-direction:column;gap:var(--cda651-gap-3);margin-top:var(--cda651-gap-3);}
.cda651-step{
  display:flex;gap:var(--cda651-gap-3);
  padding:var(--cda651-gap-3);
  border:1px solid var(--cda651-line-soft);
  border-radius:var(--cda651-radius-sm);
  background:rgba(255,255,255,.015);
}
.cda651-step-num{
  flex-shrink:0;width:28px;height:28px;border-radius:50%;
  background:var(--cda651-gold);color:#3a2d00;font-weight:800;
  display:flex;align-items:center;justify-content:center;font-size:13px;
}
.cda651-step p{font-size:var(--cda651-fz-sm);color:var(--cda651-light);}
.cda651-step strong{color:var(--cda651-pale);}

/* ---------- FAQ ---------- */
.cda651-faq{display:flex;flex-direction:column;gap:var(--cda651-gap-2);margin-top:var(--cda651-gap-3);}
.cda651-faq-item{
  border:1px solid var(--cda651-line);
  border-radius:var(--cda651-radius-sm);
  background:rgba(255,255,255,.02);
  overflow:hidden;
}
.cda651-faq-q{
  width:100%;text-align:left;
  display:flex;justify-content:space-between;align-items:center;gap:var(--cda651-gap-2);
  padding:14px var(--cda651-gap-3);
  font-weight:700;color:var(--cda651-light);font-size:var(--cda651-fz-base);
}
.cda651-faq-q .cda651-toggle{
  flex-shrink:0;width:20px;height:20px;color:var(--cda651-gold);
  transition:transform .25s ease;line-height:1;
}
.cda651-faq-item[data-open="true"] .cda651-toggle{transform:rotate(45deg);}
.cda651-faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .3s ease;
  padding:0 var(--cda651-gap-3);
}
.cda651-faq-item[data-open="true"] .cda651-faq-a{max-height:400px;padding-bottom:14px;}
.cda651-faq-a p{font-size:var(--cda651-fz-sm);color:var(--cda651-muted);}

/* ---------- Comparison / conclusion-first table ---------- */
.cda651-compare{
  display:flex;flex-direction:column;gap:var(--cda651-gap-2);
  margin-top:var(--cda651-gap-3);
}
.cda651-compare-row{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--cda651-gap-2);
}
.cda651-compare-cell{
  border:1px solid var(--cda651-line);
  border-radius:var(--cda651-radius-sm);
  padding:var(--cda651-gap-3);
  background:rgba(255,255,255,.02);
}
.cda651-compare-cell h4{font-size:var(--cda651-fz-sm);color:var(--cda651-gold);margin-bottom:6px;}
.cda651-compare-cell p{font-size:var(--cda651-fz-xs);color:var(--cda651-muted);}

/* ---------- Extended footer (homepage only) ---------- */
.cda651-ext{padding:var(--cda651-gap-5) 0 var(--cda651-gap-3);}
.cda651-ext-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--cda651-gap-3);
}
.cda651-ext-col h3{
  font-size:var(--cda651-fz-sm);text-transform:uppercase;letter-spacing:1px;
  color:var(--cda651-pale);margin-bottom:var(--cda651-gap-2);
  padding-bottom:6px;border-bottom:1px solid var(--cda651-line-soft);
}
.cda651-ext-col a{
  display:block;font-size:var(--cda651-fz-sm);color:var(--cda651-light);
  padding:7px 0;border-bottom:1px dashed var(--cda651-line-soft);
}
.cda651-ext-col a:active{color:var(--cda651-gold);}
.cda651-ext-promos{
  display:flex;flex-wrap:wrap;gap:var(--cda651-gap-2);
  margin:var(--cda651-gap-3) 0;
}
.cda651-ext-promos .cda651-btn{flex:1 1 45%;min-width:130px;min-height:42px;}
.cda651-ext-brand{
  font-size:var(--cda651-fz-sm);color:var(--cda651-muted);
  border-top:1px solid var(--cda651-line-soft);
  padding-top:var(--cda651-gap-4);margin-top:var(--cda651-gap-4);
}
.cda651-disclaimer{
  margin-top:var(--cda651-gap-4);
  padding:var(--cda651-gap-3);
  border:1px dashed var(--cda651-line);
  border-radius:var(--cda651-radius-sm);
  font-size:var(--cda651-fz-xs);color:var(--cda651-muted);line-height:1.6;
}

/* ---------- Generic footer ---------- */
.cda651-foot{
  text-align:center;
  padding:var(--cda651-gap-4) var(--cda651-gap-4) calc(var(--cda651-gap-4) + var(--cda651-safe-bottom));
  border-top:1px solid var(--cda651-line-soft);
  font-size:var(--cda651-fz-xs);color:var(--cda651-muted);
}
.cda651-foot small{display:block;margin-top:6px;opacity:.8;}

/* ---------- Mobile bottom navigation (center-raised) ---------- */
.cda651-bottomnav{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:55;
  max-width:var(--cda651-canvas);
  margin:0 auto;
  height:calc(var(--cda651-bottomnav-h) + var(--cda651-safe-bottom));
  padding-bottom:var(--cda651-safe-bottom);
  background:linear-gradient(180deg,rgba(29,41,53,.94),rgba(15,22,30,.98));
  backdrop-filter:blur(10px);
  border-top:1px solid var(--cda651-line);
  display:flex;align-items:flex-start;justify-content:space-around;
  padding-top:6px;
}
.cda651-nav-item{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:3px;padding:4px 2px;color:var(--cda651-muted);
  font-size:10px;font-weight:600;text-align:center;
  min-height:44px;
  transition:color .2s ease, transform .2s ease;
}
.cda651-nav-item svg{width:22px;height:22px;}
.cda651-nav-item .cda651-nav-label{line-height:1.1;}
.cda651-nav-item.is-active{color:var(--cda651-gold);}
.cda651-nav-item.is-active svg{transform:translateY(-2px);}
.cda651-nav-item--center{
  position:relative;
}
.cda651-nav-item--center .cda651-nav-fab{
  width:50px;height:50px;border-radius:50%;
  background:linear-gradient(180deg,#ffe352,var(--cda651-gold));
  border:3px solid var(--cda651-ink-deep);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 -2px 0 var(--cda651-gold-deep), var(--cda651-shadow-soft);
  margin-top:-22px;
}
.cda651-nav-item--center .cda651-nav-fab svg{width:24px;height:24px;color:#3a2d00;}
.cda651-nav-item--center .cda651-nav-label{color:var(--cda651-gold);font-weight:800;}

/* ---------- Utility ---------- */
.cda651-hidden{display:none !important;}
.cda651-sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.cda651-fade-up{animation:cda651-fade-up .5s ease both;}
@keyframes cda651-fade-up{
  from{opacity:0;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important;}
}

/* ---------- Part 1 help-page additions ---------- */
.cda651-inner-hero{padding:var(--cda651-gap-4) var(--cda651-gap-4) var(--cda651-gap-5);border-bottom:1px solid var(--cda651-line-soft);background:linear-gradient(145deg,rgba(255,215,0,.09),transparent 58%)}
.cda651-inner-hero h1{color:var(--cda651-gold);margin-bottom:var(--cda651-gap-3)}
.cda651-inner-hero p{color:var(--cda651-muted);margin-bottom:var(--cda651-gap-3)}
.cda651-verdict{display:grid;grid-template-columns:88px 1fr;gap:var(--cda651-gap-3);align-items:center;padding:var(--cda651-gap-3);border:1px solid var(--cda651-gold-deep);background:rgba(255,215,0,.06)}
.cda651-score{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:6px solid var(--cda651-gold);font-size:var(--cda651-fz-xl);font-weight:900;color:var(--cda651-gold)}
.cda651-verdict strong{display:block;color:var(--cda651-pale);margin-bottom:4px}.cda651-verdict span{font-size:var(--cda651-fz-sm);color:var(--cda651-muted)}
.cda651-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--cda651-gap-3);margin-top:var(--cda651-gap-3)}
.cda651-panel{padding:var(--cda651-gap-3);border-top:3px solid var(--cda651-gold);background:rgba(255,255,255,.025)}
.cda651-panel h3{font-size:var(--cda651-fz-base);color:var(--cda651-pale);margin-bottom:var(--cda651-gap-2)}
.cda651-panel p,.cda651-panel li{font-size:var(--cda651-fz-sm);color:var(--cda651-muted)}
.cda651-panel li+li{margin-top:7px}.cda651-panel--limit{border-top-color:var(--cda651-warn)}
.cda651-checklist{display:flex;flex-direction:column;gap:var(--cda651-gap-2)}
.cda651-check{display:grid;grid-template-columns:24px 1fr;gap:var(--cda651-gap-2);padding:12px;border-bottom:1px solid var(--cda651-line-soft)}
.cda651-check-mark{width:22px;height:22px;border:1px solid var(--cda651-gold);display:grid;place-items:center;color:var(--cda651-gold);font-size:12px;font-weight:900}.cda651-check p{font-size:var(--cda651-fz-sm);color:var(--cda651-muted)}
.cda651-route{display:grid;grid-template-columns:42px 1fr;gap:var(--cda651-gap-3);position:relative;padding-bottom:var(--cda651-gap-4)}
.cda651-route:not(:last-child)::before{content:"";position:absolute;left:20px;top:42px;bottom:0;width:1px;background:var(--cda651-gold-deep)}
.cda651-route-num{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cda651-gold);background:var(--cda651-ink-deep);font-weight:900;color:var(--cda651-gold)}
.cda651-route h3{color:var(--cda651-pale);font-size:var(--cda651-fz-base);margin-bottom:5px}.cda651-route p{color:var(--cda651-muted);font-size:var(--cda651-fz-sm)}
.cda651-alert{padding:var(--cda651-gap-3);border-left:3px solid var(--cda651-warn);background:rgba(255,122,89,.07);margin:var(--cda651-gap-3) 0}.cda651-alert strong{color:var(--cda651-light)}
.cda651-question-list{display:grid;gap:var(--cda651-gap-3)}
.cda651-question{padding:var(--cda651-gap-3) 0;border-bottom:1px solid var(--cda651-line-soft)}.cda651-question h3{font-size:var(--cda651-fz-base);color:var(--cda651-pale);margin-bottom:6px}.cda651-question p{font-size:var(--cda651-fz-sm);color:var(--cda651-muted)}
.cda651-command{display:flex;flex-wrap:wrap;gap:var(--cda651-gap-2);margin-top:var(--cda651-gap-3)}.cda651-command .cda651-btn{flex:1 1 135px;min-height:44px}
.cda651-progress{display:flex;gap:4px;margin:var(--cda651-gap-3) 0}.cda651-progress span{height:5px;flex:1;background:var(--cda651-line)}.cda651-progress span.is-done{background:var(--cda651-gold)}
.cda651-note-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cda651-gap-2);margin-top:var(--cda651-gap-3)}
.cda651-note-index a{min-height:44px;display:flex;align-items:center;padding:10px;border:1px solid var(--cda651-line);font-size:var(--cda651-fz-sm);color:var(--cda651-light)}
@media (max-width:350px){.cda651-topbar{padding:0 8px;gap:6px}.cda651-actions{gap:5px}.cda651-actions .cda651-btn{padding:0 8px;font-size:11px}.cda651-brand-name{font-size:15px}.cda651-split{grid-template-columns:1fr}.cda651-grid{gap:8px}}