/* =========================================================
   krika.homes - Mobile-first gaming portal base stylesheet
   Prefix convention: every public class uses "frame4f72e-"
   Layered design tokens -> base -> layout -> components
   ========================================================= */

/* ---------- Design tokens ---------- */
:root{
  --frame4f72e-ink:        #2C2C2C;  /* deepest background */
  --frame4f72e-slate:      #778899;  /* secondary surface */
  --frame4f72e-mist:       #BDC3C7;  /* hairline / muted text */
  --frame4f72e-stone:      #808080;  /* body neutral */
  --frame4f72e-sand:       #DEB887;  /* warm accent / CTA    */
  --frame4f72e-paper:      #F4EFE7;  /* light reading panel  */
  --frame4f72e-night:      #1B1B1B;  /* darker header strip  */
  --frame4f72e-cream:      #FBF7F0;  /* card highlight       */
  --frame4f72e-glow:       #FFD98A;  /* sand highlight tint  */

  --frame4f72e-radius-lg:  18px;
  --frame4f72e-radius-md:  10px;
  --frame4f72e-radius-sm:  4px;     /* square-ish CTA corner */

  --frame4f72e-gap:        12px;
  --frame4f72e-pad:        14px;

  --frame4f72e-header-h:   112px;
  --frame4f72e-bottomnav-h: 62px;

  --frame4f72e-font-body:  "Hind Siliguri","Noto Sans Bengali","Segoe UI",system-ui,Arial,sans-serif;
  --frame4f72e-font-head:  "Atma","Hind Siliguri","Noto Sans Bengali",Georgia,serif;

  --frame4f72e-shadow-card: 0 2px 10px rgba(0,0,0,.28);
  --frame4f72e-shadow-float:0 8px 22px rgba(0,0,0,.35);
}

/* ---------- Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
html,body{ margin:0; padding:0; }
body{
  font-family:var(--frame4f72e-font-body);
  color:var(--frame4f72e-cream);
  background:
    radial-gradient(1200px 600px at 50% -10%, #34343a 0%, transparent 65%),
    linear-gradient(180deg,#262629 0%, var(--frame4f72e-ink) 38%, #1f1f24 100%);
  background-attachment:fixed;
  line-height:1.6;
  font-size:15px;
  min-height:100vh;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:var(--frame4f72e-sand); text-decoration:none; }
a:focus-visible,button:focus-visible{
  outline:2px solid var(--frame4f72e-glow);
  outline-offset:2px;
}
button{ font-family:inherit; cursor:pointer; border:0; background:transparent; color:inherit; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{ font-family:var(--frame4f72e-font-head); font-weight:700; line-height:1.25; margin:0 0 .5em; letter-spacing:.2px; }
p{ margin:0 0 .9em; }

/* ---------- Page shell (mobile canvas centered on wide screens) ---------- */
.frame4f72e-shell{
  width:100%;
  max-width:480px;
  margin:0 auto;
  min-height:100vh;
  position:relative;
  background:linear-gradient(180deg,#2a2a2e 0%, #232328 100%);
  box-shadow:0 0 60px rgba(0,0,0,.45);
}
@media (min-width:481px){
  body{ padding:18px 0; }
  .frame4f72e-shell{ border-radius:22px; overflow:hidden; }
}

/* ---------- Header ---------- */
.frame4f72e-header{
  position:sticky;
  top:0;
  z-index:60;
  background:linear-gradient(180deg,var(--frame4f72e-night),var(--frame4f72e-ink));
  border-bottom:1px solid rgba(222,184,135,.22);
}
.frame4f72e-brand-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px var(--frame4f72e-pad);
}
.frame4f72e-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.frame4f72e-brand .frame4f72e-logo{
  width:40px; height:40px;
  border-radius:10px;
  object-fit:cover;
  border:1px solid rgba(222,184,135,.5);
  background:#000;
  flex:0 0 auto;
}
.frame4f72e-brand .frame4f72e-word{
  font-family:var(--frame4f72e-font-head);
  font-weight:800;
  font-size:20px;
  color:var(--frame4f72e-cream);
  letter-spacing:.5px;
  white-space:nowrap;
}
.frame4f72e-brand .frame4f72e-word b{ color:var(--frame4f72e-sand); }
.frame4f72e-menu-btn{
  width:42px; height:42px;
  border-radius:10px;
  background:rgba(222,184,135,.14);
  border:1px solid rgba(222,184,135,.35);
  color:var(--frame4f72e-sand);
  font-size:20px;
  display:grid; place-items:center;
  transition:transform .15s ease,background .15s ease;
}
.frame4f72e-menu-btn:hover{ background:rgba(222,184,135,.28); }
.frame4f72e-menu-btn:active{ transform:scale(.9); }

/* Action row (Register / Login) */
.frame4f72e-actions{
  display:flex;
  gap:8px;
  padding:0 var(--frame4f72e-pad) 10px;
}
.frame4f72e-btn{
  flex:1 1 0;
  min-height:44px;
  font-weight:700;
  font-size:14.5px;
  border-radius:var(--frame4f72e-radius-sm);
  letter-spacing:.3px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  transition:transform .14s ease, filter .14s ease, box-shadow .14s ease;
  font-family:var(--frame4f72e-font-body);
}
.frame4f72e-btn:active{ transform:scale(.96); }
.frame4f72e-btn-primary{
  background:var(--frame4f72e-sand);
  color:var(--frame4f72e-ink);
  box-shadow:0 3px 0 #b8915c;
}
.frame4f72e-btn-primary:hover{ filter:brightness(1.07); }
.frame4f72e-btn-ghost{
  background:transparent;
  color:var(--frame4f72e-cream);
  border:1.5px solid var(--frame4f72e-sand);
}
.frame4f72e-btn-ghost:hover{ background:rgba(222,184,135,.12); }
.frame4f72e-btn .frame4f72e-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--frame4f72e-ink);
}

/* Expandable nav menu */
.frame4f72e-nav{
  max-height:0;
  overflow:hidden;
  transition:max-height .28s ease;
  background:#1d1d21;
  border-top:1px solid rgba(222,184,135,.18);
}
.frame4f72e-nav.is-open{ max-height:520px; }
.frame4f72e-nav-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:rgba(222,184,135,.14);
  padding:1px;
}
.frame4f72e-nav a{
  background:#1d1d21;
  color:var(--frame4f72e-cream);
  padding:11px 12px;
  font-size:13.5px;
  display:flex; align-items:center; gap:8px;
  min-height:44px;
  transition:background .14s ease, color .14s ease;
}
.frame4f72e-nav a:hover{ background:#26262b; color:var(--frame4f72e-sand); }
.frame4f72e-nav a .frame4f72e-bullet{
  width:6px;height:6px;border-radius:50%;
  background:var(--frame4f72e-sand);
  flex:0 0 auto;
}
.frame4f72e-nav a.is-active{
  color:var(--frame4f72e-sand);
  box-shadow:inset 0 -2px 0 var(--frame4f72e-sand);
}

/* ---------- Main ---------- */
.frame4f72e-main{
  padding:var(--frame4f72e-pad);
  padding-bottom:calc(var(--frame4f72e-bottomnav-h) + var(--frame4f72e-pad) + 28px);
}
.frame4f72e-section{ margin:0 0 26px; }
.frame4f72e-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  padding-bottom:8px;
  border-bottom:1px dashed rgba(222,184,135,.32);
}
.frame4f72e-section-head h2{
  font-size:18px;
  color:var(--frame4f72e-cream);
  margin:0;
}
.frame4f72e-section-head h2 em{
  font-style:normal;
  color:var(--frame4f72e-sand);
}
.frame4f72e-section-head .frame4f72e-more{
  font-size:12px;
  color:var(--frame4f72e-mist);
  white-space:nowrap;
}

/* ---------- Hero / carousel ---------- */
.frame4f72e-hero{
  position:relative;
  border-radius:var(--frame4f72e-radius-lg);
  overflow:hidden;
  box-shadow:var(--frame4f72e-shadow-float);
  margin-bottom:22px;
  background:#000;
}
.frame4f72e-hero-track{
  display:flex;
  transition:transform .42s cubic-bezier(.25,.8,.3,1);
  will-change:transform;
}
.frame4f72e-hero-slide{
  flex:0 0 100%;
  position:relative;
  cursor:pointer;
}
.frame4f72e-hero-slide img{
  width:100%;
  height:200px;
  object-fit:cover;
}
.frame4f72e-hero-caption{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:30px 14px 12px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));
  color:var(--frame4f72e-cream);
}
.frame4f72e-hero-caption strong{
  display:block;
  font-family:var(--frame4f72e-font-head);
  font-size:17px;
  color:var(--frame4f72e-sand);
}
.frame4f72e-hero-caption span{
  font-size:12.5px;
  color:var(--frame4f72e-mist);
}
.frame4f72e-hero-dots{
  position:absolute;
  bottom:8px; right:12px;
  display:flex; gap:5px;
}
.frame4f72e-hero-dots button{
  width:7px; height:7px;
  border-radius:50%;
  background:rgba(255,255,255,.4);
  transition:background .2s,transform .2s;
}
.frame4f72e-hero-dots button.is-on{
  background:var(--frame4f72e-sand);
  transform:scale(1.25);
}
.frame4f72e-hero-cta{
  position:absolute;
  top:12px; left:12px;
  background:var(--frame4f72e-sand);
  color:var(--frame4f72e-ink);
  font-size:11.5px;
  font-weight:700;
  padding:5px 10px;
  border-radius:var(--frame4f72e-radius-sm);
  box-shadow:0 2px 6px rgba(0,0,0,.4);
}

/* ---------- Page heading ---------- */
.frame4f72e-page-head{
  margin-bottom:18px;
}
.frame4f72e-page-head h1{
  font-size:21px;
  color:var(--frame4f72e-cream);
  margin:0 0 6px;
}
.frame4f72e-page-head h1 em{
  font-style:normal;color:var(--frame4f72e-sand);
}
.frame4f72e-page-head .frame4f72e-lede{
  font-size:13.5px;
  color:var(--frame4f72e-mist);
  margin:0;
}

/* ---------- Game grid ---------- */
.frame4f72e-game-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px 8px;
}
@media (min-width:360px){ .frame4f72e-game-grid{ gap:12px 10px; } }
@media (min-width:430px){ .frame4f72e-game-grid{ grid-template-columns:repeat(5,1fr); } }

.frame4f72e-card{
  display:block;
  background:linear-gradient(180deg,#2f2f35,#26262b);
  border:1px solid rgba(222,184,135,.18);
  border-radius:var(--frame4f72e-radius-md);
  padding:6px;
  text-align:center;
  color:var(--frame4f72e-cream);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  box-shadow:var(--frame4f72e-shadow-card);
}
.frame4f72e-card:hover{
  transform:translateY(-2px);
  border-color:rgba(222,184,135,.55);
  box-shadow:var(--frame4f72e-shadow-float);
}
.frame4f72e-card:active{ transform:scale(.95); }
.frame4f72e-card .frame4f72e-thumb{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:8px;
  background:#000;
  margin-bottom:5px;
}
.frame4f72e-card .frame4f72e-title{
  font-size:11px;
  font-weight:600;
  line-height:1.2;
  color:var(--frame4f72e-cream);
  min-height:26px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.frame4f72e-card .frame4f72e-tag{
  display:inline-block;
  font-size:9.5px;
  color:var(--frame4f72e-sand);
  background:rgba(222,184,135,.16);
  border-radius:4px;
  padding:1px 5px;
  margin-top:3px;
  letter-spacing:.3px;
}

/* ---------- Category strip ---------- */
.frame4f72e-catstrip{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:6px;
  margin-bottom:14px;
  scrollbar-width:thin;
}
.frame4f72e-catstrip::-webkit-scrollbar{ height:3px; }
.frame4f72e-catstrip a,
.frame4f72e-catstrip button{
  flex:0 0 auto;
  min-height:38px;
  padding:8px 14px;
  border-radius:var(--frame4f72e-radius-sm);
  background:#26262b;
  color:var(--frame4f72e-cream);
  font-size:12.5px;
  border:1px solid rgba(222,184,135,.22);
  white-space:nowrap;
}
.frame4f72e-catstrip a:hover,
.frame4f72e-catstrip button:hover{
  border-color:var(--frame4f72e-sand);
  color:var(--frame4f72e-sand);
}

/* ---------- Info panels ---------- */
.frame4f72e-panel{
  background:linear-gradient(180deg,#2c2c31,#242429);
  border:1px solid rgba(222,184,135,.16);
  border-left:3px solid var(--frame4f72e-sand);
  border-radius:var(--frame4f72e-radius-md);
  padding:14px 14px 12px;
  margin-bottom:14px;
}
.frame4f72e-panel h3{
  font-size:15.5px;
  color:var(--frame4f72e-sand);
  margin:0 0 6px;
}
.frame4f72e-panel p{ font-size:13.5px; color:var(--frame4f72e-cream); margin:0 0 .55em; }
.frame4f72e-panel p:last-child{ margin-bottom:0; }
.frame4f72e-panel ul{ padding-left:18px; list-style:disc; }
.frame4f72e-panel ul li{ font-size:13px; margin-bottom:4px; color:var(--frame4f72e-cream); }

/* Question driven blocks */
.frame4f72e-q{
  background:#232328;
  border-radius:var(--frame4f72e-radius-md);
  padding:12px 14px;
  margin-bottom:12px;
  border:1px solid rgba(189,195,199,.12);
}
.frame4f72e-q .frame4f72e-q-ask{
  font-family:var(--frame4f72e-font-head);
  font-size:14.5px;
  color:var(--frame4f72e-sand);
  margin-bottom:5px;
  display:flex;
  gap:8px;
  align-items:flex-start;
}
.frame4f72e-q .frame4f72e-q-ask::before{
  content:"Q";
  flex:0 0 22px;
  height:22px;
  background:var(--frame4f72e-sand);
  color:var(--frame4f72e-ink);
  border-radius:6px;
  display:grid; place-items:center;
  font-size:12px; font-weight:800;
  font-family:var(--frame4f72e-font-body);
}
.frame4f72e-q .frame4f72e-q-ans{
  font-size:13px;
  color:var(--frame4f72e-cream);
  padding-left:30px;
  margin:0;
}

/* Step list */
.frame4f72e-steps{
  counter-reset:step;
  padding:0;
  list-style:none;
}
.frame4f72e-steps li{
  position:relative;
  padding:10px 10px 10px 46px;
  margin-bottom:8px;
  background:#26262b;
  border-radius:var(--frame4f72e-radius-md);
  border:1px solid rgba(222,184,135,.15);
  font-size:13px;
  color:var(--frame4f72e-cream);
  counter-increment:step;
}
.frame4f72e-steps li::before{
  content:counter(step);
  position:absolute;
  left:10px; top:50%;
  transform:translateY(-50%);
  width:26px; height:26px;
  border-radius:50%;
  background:var(--frame4f72e-sand);
  color:var(--frame4f72e-ink);
  display:grid; place-items:center;
  font-weight:800;
  font-family:var(--frame4f72e-font-body);
  font-size:13px;
}

/* Inline CTA strip */
.frame4f72e-cta-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px;
  background:linear-gradient(135deg,rgba(222,184,135,.16),rgba(119,136,153,.12));
  border:1px solid rgba(222,184,135,.35);
  border-radius:var(--frame4f72e-radius-md);
  margin-bottom:14px;
}
.frame4f72e-cta-strip .frame4f72e-btn{ flex:1 1 140px; }

/* Two-col compact grid (winners / facts) */
.frame4f72e-pair{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.frame4f72e-pair .frame4f72e-mini{
  background:#26262b;
  border-radius:var(--frame4f72e-radius-md);
  padding:10px;
  border:1px solid rgba(222,184,135,.14);
}
.frame4f72e-pair .frame4f72e-mini b{
  display:block;
  font-size:18px;
  color:var(--frame4f72e-sand);
  font-family:var(--frame4f72e-font-head);
}
.frame4f72e-pair .frame4f72e-mini span{ font-size:12px; color:var(--frame4f72e-mist); }

/* Winners list */
.frame4f72e-winners{
  background:#26262b;
  border-radius:var(--frame4f72e-radius-md);
  padding:6px 12px;
  border:1px solid rgba(222,184,135,.16);
}
.frame4f72e-winners li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 0;
  border-bottom:1px dashed rgba(189,195,199,.18);
  font-size:12.5px;
}
.frame4f72e-winners li:last-child{ border-bottom:0; }
.frame4f72e-winners .frame4f72e-who{ color:var(--frame4f72e-cream); }
.frame4f72e-winners .frame4f72e-who small{ display:block; color:var(--frame4f72e-mist); font-size:11px; }
.frame4f72e-winners .frame4f72e-amt{ color:var(--frame4f72e-sand); font-weight:700; }

/* ---------- Extended footer (homepage only) ---------- */
.frame4f72e-extended{
  margin-top:8px;
  padding:16px 14px;
  background:linear-gradient(180deg,#1d1d21,#17171a);
  border-radius:var(--frame4f72e-radius-lg);
  border:1px solid rgba(222,184,135,.18);
}
.frame4f72e-extended h2{
  font-size:16px;color:var(--frame4f72e-cream);margin:0 0 4px;
}
.frame4f72e-extended h3{
  font-size:13px;color:var(--frame4f72e-sand);
  margin:14px 0 6px;letter-spacing:.4px;text-transform:uppercase;
}
.frame4f72e-extended p{ font-size:12.5px; color:var(--frame4f72e-mist); margin:0 0 8px; }
.frame4f72e-brand-block{
  display:flex; gap:10px; align-items:center;
  padding-bottom:10px;
  border-bottom:1px solid rgba(222,184,135,.16);
}
.frame4f72e-brand-block .frame4f72e-logo{ width:36px;height:36px;border-radius:8px; }
.frame4f72e-brand-block b{ color:var(--frame4f72e-cream); font-family:var(--frame4f72e-font-head); font-size:15px; }
.frame4f72e-brand-block b i{ font-style:normal;color:var(--frame4f72e-sand); }

.frame4f72e-linkgrid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:6px 12px;
}
.frame4f72e-linkgrid a{
  font-size:12px;
  color:var(--frame4f72e-cream);
  padding:6px 0;
  border-bottom:1px dotted rgba(189,195,199,.2);
  display:flex; align-items:center; gap:6px;
}
.frame4f72e-linkgrid a:hover{ color:var(--frame4f72e-sand); }
.frame4f72e-linkgrid a::before{
  content:">";
  color:var(--frame4f72e-sand);
  font-size:10px;
}

.frame4f72e-promo-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
}
.frame4f72e-promo-row button{
  background:rgba(222,184,135,.14);
  border:1px solid rgba(222,184,135,.32);
  border-radius:8px;
  padding:10px 4px;
  color:var(--frame4f72e-sand);
  font-size:10.5px;
  font-weight:700;
  min-height:54px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  transition:transform .14s ease, background .14s ease;
}
.frame4f72e-promo-row button:hover{ background:rgba(222,184,135,.28); }
.frame4f72e-promo-row button:active{ transform:scale(.92); }
.frame4f72e-promo-row button .frame4f72e-pico{ font-size:16px; }

.frame4f72e-disclaimer{
  font-size:11px;
  color:var(--frame4f72e-stone);
  background:rgba(0,0,0,.25);
  border-radius:8px;
  padding:8px 10px;
  margin-top:10px;
  line-height:1.5;
}

/* ---------- Universal footer ---------- */
.frame4f72e-footer{
  background:var(--frame4f72e-night);
  border-top:1px solid rgba(222,184,135,.22);
  padding:12px var(--frame4f72e-pad) calc(var(--frame4f72e-bottomnav-h) + 14px);
  text-align:center;
}
.frame4f72e-footer .frame4f72e-copy{
  font-size:11px;
  color:var(--frame4f72e-stone);
}
.frame4f72e-footer .frame4f72e-copy b{ color:var(--frame4f72e-sand); }

/* ---------- Mobile bottom nav ---------- */
.frame4f72e-bottomnav{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:100%;
  max-width:480px;
  height:var(--frame4f72e-bottomnav-h);
  background:linear-gradient(180deg,#1f1f24,#111114);
  border-top:1px solid rgba(222,184,135,.35);
  display:grid;
  grid-template-columns:repeat(5,1fr);
  z-index:70;
  box-shadow:0 -4px 20px rgba(0,0,0,.45);
}
.frame4f72e-bottomnav a,
.frame4f72e-bottomnav button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  color:var(--frame4f72e-mist);
  font-size:10px;
  min-height:100%;
  padding:6px 2px;
  position:relative;
  transition:color .15s ease, transform .14s ease;
  border-radius:0;
}
.frame4f72e-bottomnav a:hover,
.frame4f72e-bottomnav button:hover{ color:var(--frame4f72e-cream); }
.frame4f72e-bottomnav a:active,
.frame4f72e-bottomnav button:active{ transform:scale(.9); }
.frame4f72e-bottomnav .frame4f72e-ico{
  font-size:18px;
  line-height:1;
  color:var(--frame4f72e-mist);
}
.frame4f72e-bottomnav a.is-active .frame4f72e-ico,
.frame4f72e-bottomnav button.is-active .frame4f72e-ico{ color:var(--frame4f72e-sand); }
.frame4f72e-bottomnav a.is-active::after,
.frame4f72e-bottomnav button.is-active::after{
  content:"";
  position:absolute;
  top:0; left:50%;
  transform:translateX(-50%);
  width:26px; height:3px;
  background:var(--frame4f72e-sand);
  border-radius:0 0 3px 3px;
}
.frame4f72e-bottomnav .frame4f72e-promo{
  color:var(--frame4f72e-sand);
  font-weight:700;
}
.frame4f72e-bottomnav .frame4f72e-promo .frame4f72e-ico{ color:var(--frame4f72e-sand); }

/* ---------- Utility ---------- */
.frame4f72e-visually-hidden{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.frame4f72e-note{
  font-size:11.5px;color:var(--frame4f72e-mist);
  background:rgba(0,0,0,.18);
  border-radius:6px;padding:6px 10px;
  display:inline-block;
}

/* ---------- Wide canvas safety: lock at 430px reference ---------- */
@supports (max-width:430px){
  html{ scroll-behavior:smooth; }
}

/* ensure 430 mobile breakpoint baseline is honoured for grid shifts */
@media (max-width:430px){
  .frame4f72e-card .frame4f72e-title{ font-size:10.5px; }
  .frame4f72e-hero-slide img{ height:180px; }
}

/* ---------- Help-page reading patterns ---------- */
.frame4f72e-answer-index{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0 0 18px;
}
.frame4f72e-answer-index a{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:9px 10px;
  color:var(--frame4f72e-cream);
  background:#26262b;
  border:1px solid rgba(222,184,135,.22);
  border-radius:8px 2px 8px 2px;
  font-size:12px;
}
.frame4f72e-answer-index a:hover{ color:var(--frame4f72e-sand); border-color:var(--frame4f72e-sand); }
.frame4f72e-faq-list details{
  margin-bottom:9px;
  background:#242429;
  border:1px solid rgba(189,195,199,.15);
  border-radius:3px 12px 3px 12px;
  overflow:hidden;
}
.frame4f72e-faq-list summary{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:10px 36px 10px 12px;
  position:relative;
  color:var(--frame4f72e-sand);
  font-family:var(--frame4f72e-font-head);
  font-weight:700;
  cursor:pointer;
  list-style:none;
}
.frame4f72e-faq-list summary::-webkit-details-marker{ display:none; }
.frame4f72e-faq-list summary::after{
  content:"+";
  position:absolute;
  right:12px;
  font-family:var(--frame4f72e-font-body);
  font-size:20px;
}
.frame4f72e-faq-list details[open] summary::after{ content:"-"; }
.frame4f72e-faq-list details p{
  padding:0 12px 12px;
  color:var(--frame4f72e-cream);
  font-size:13px;
}
.frame4f72e-inline-offer{
  color:var(--frame4f72e-ink);
  background:var(--frame4f72e-sand);
  border-bottom:2px solid #b8915c;
  padding:1px 5px;
  border-radius:2px;
  font-weight:700;
  white-space:normal;
}
.frame4f72e-compare{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
  margin:8px 0 14px;
}
.frame4f72e-compare th,.frame4f72e-compare td{
  padding:9px 7px;
  border:1px solid rgba(189,195,199,.2);
  text-align:left;
  vertical-align:top;
  overflow-wrap:anywhere;
}
.frame4f72e-compare th{ color:var(--frame4f72e-sand); background:#202024; }
.frame4f72e-compare td{ color:var(--frame4f72e-cream); background:#29292e; }
.frame4f72e-factrail{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:3px 0 10px;
  margin-bottom:14px;
  scroll-snap-type:x mandatory;
}
.frame4f72e-factrail article{
  flex:0 0 78%;
  scroll-snap-align:start;
  background:linear-gradient(145deg,#313138,#25252a);
  border:1px solid rgba(222,184,135,.22);
  border-radius:14px 3px 14px 3px;
  padding:13px;
}
.frame4f72e-factrail h3{ color:var(--frame4f72e-sand); font-size:15px; }
.frame4f72e-factrail p{ color:var(--frame4f72e-cream); font-size:12.5px; }
.frame4f72e-checklist{ display:grid; gap:8px; }
.frame4f72e-checklist li{
  position:relative;
  padding:10px 10px 10px 38px;
  color:var(--frame4f72e-cream);
  background:#26262b;
  border-left:2px solid var(--frame4f72e-sand);
  font-size:13px;
}
.frame4f72e-checklist li::before{
  content:"✓";
  position:absolute;
  left:12px;
  color:var(--frame4f72e-sand);
  font-weight:800;
}
.frame4f72e-alert{
  padding:12px;
  margin:10px 0;
  color:var(--frame4f72e-cream);
  background:rgba(119,136,153,.16);
  border-top:1px solid rgba(222,184,135,.4);
  border-bottom:1px solid rgba(222,184,135,.4);
  font-size:13px;
}
@media (max-width:340px){
  .frame4f72e-answer-index{ grid-template-columns:1fr; }
  .frame4f72e-compare{ font-size:11px; }
  .frame4f72e-compare th,.frame4f72e-compare td{ padding:7px 5px; }
}