:root{
  --kb-bg:#041b10;
  --kb-bg-2:#082917;
  --kb-card:#092816;
  --kb-card-2:#0d351f;
  --kb-gold:#f6c36a;
  --kb-gold-2:#d9a84e;
  --kb-text:#fff3d2;
  --kb-muted:rgba(255,243,210,.72);
  --kb-border:rgba(246,195,106,.24);
  --kb-border-soft:rgba(255,255,255,.08);
  --kb-green:#1fd37f;
  --kb-danger:#ff6b6b;
  --safe-top:env(safe-area-inset-top, 0px);
  --safe-bottom:env(safe-area-inset-bottom, 0px);
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
*{ box-sizing:border-box; }
html,body{ min-height:100%; margin:0; background:var(--kb-bg); color:var(--kb-text); }
body{
  overflow-x:hidden;
  background:
    radial-gradient(740px 420px at 18% -10%, rgba(246,195,106,.14), transparent 62%),
    radial-gradient(660px 460px at 92% 8%, rgba(31,211,127,.12), transparent 58%),
    linear-gradient(180deg, #062313 0%, var(--kb-bg) 52%, #020b07 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{ color:inherit; }
.kb-info-page{
  width:min(980px, 100%);
  margin:0 auto;
  padding:calc(var(--safe-top) + 14px) clamp(14px, 3vw, 28px) calc(var(--safe-bottom) + 128px);
}
.kb-info-header{
  display:block;
  margin-bottom:14px;
}
.kb-info-back{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(246,195,106,.34);
  background:linear-gradient(145deg,#ffe09a,#e5a74a);
  color:#3b1d04;
  font-size:34px;
  font-weight:900;
  line-height:1;
  text-decoration:none;
  box-shadow:0 14px 28px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.34);
  -webkit-tap-highlight-color:transparent;
}
.kb-info-back:active{ transform:translateY(1px) scale(.985); }

.kb-info-bottom-back{
  position:fixed;
  left:50%;
  bottom:calc(var(--safe-bottom) + 12px);
  z-index:12000;
  width:min(940px, calc(100vw - 28px));
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px 18px;
  border-radius:20px;
  border:1px solid rgba(246,195,106,.38);
  background:linear-gradient(145deg,#ffe09a,#e5a74a);
  color:#3b1d04;
  font-size:16px;
  font-weight:1000;
  line-height:1;
  text-decoration:none;
  letter-spacing:.02em;
  box-shadow:0 16px 32px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.34);
  transform:translateX(-50%);
  -webkit-tap-highlight-color:transparent;
}
.kb-info-bottom-back:active{
  transform:translateX(-50%) translateY(1px) scale(.994);
}

.kb-info-titlebox{
  min-width:0;
  padding:14px 16px;
  border-radius:24px;
  border:1px solid var(--kb-border);
  background:
    radial-gradient(180px 120px at 8% 0%, rgba(246,195,106,.16), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.32));
  box-shadow:0 18px 36px rgba(0,0,0,.46);
}
.kb-info-eyebrow{
  color:var(--kb-gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.kb-info-titlebox h1{
  margin:0;
  font-size:clamp(22px, 4.8vw, 38px);
  line-height:1.08;
  letter-spacing:.01em;
  text-shadow:0 4px 16px rgba(0,0,0,.5);
}
.kb-info-titlebox p{
  margin:6px 0 0;
  color:var(--kb-muted);
  font-size:clamp(13px, 2.5vw, 15px);
  font-weight:700;
}
.kb-info-tabs{
  position:sticky;
  top:calc(var(--safe-top) + 8px);
  z-index:10;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:7px;
  padding:7px;
  margin:12px 0 16px;
  border-radius:22px;
  border:1px solid rgba(246,195,106,.18);
  background:rgba(4,27,16,.72);
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  box-shadow:0 12px 28px rgba(0,0,0,.34);
}
.kb-info-tabs a{
  min-height:40px;
  display:grid;
  place-items:center;
  padding:8px 6px;
  border-radius:16px;
  text-decoration:none;
  color:#ffe8b6;
  font-size:clamp(10.5px, 2.6vw, 13px);
  font-weight:900;
  text-align:center;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.22));
  border:1px solid rgba(255,255,255,.07);
}
.kb-info-tabs a.is-active{
  color:#3b1d04;
  background:linear-gradient(145deg,#ffe09a,#e5a74a);
  border-color:rgba(246,195,106,.42);
  box-shadow:0 10px 20px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.34);
}
.kb-info-tabs a:active{ transform:translateY(1px); }
.kb-info-main{ display:grid; gap:16px; padding-bottom:18px; }
.kb-info-card{
  scroll-margin-top:calc(var(--safe-top) + 82px);
  border-radius:28px;
  padding:clamp(14px, 3.2vw, 24px);
  border:1px solid var(--kb-border);
  background:
    radial-gradient(360px 240px at 10% 0%, rgba(246,195,106,.12), transparent 62%),
    radial-gradient(320px 220px at 100% 20%, rgba(31,211,127,.09), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(0,0,0,.36));
  box-shadow:0 20px 44px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06);
}
.kb-hero-card{
  background:
    radial-gradient(380px 240px at 16% 0%, rgba(246,195,106,.18), transparent 64%),
    radial-gradient(340px 260px at 100% 80%, rgba(31,211,127,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.38));
}
.kb-section-head{
  display:block;
  margin-bottom:14px;
}
.kb-section-head > span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:#3b1d04;
  background:linear-gradient(145deg,#ffe09a,#e5a74a);
  font-size:14px;
  font-weight:1000;
  box-shadow:0 12px 22px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.34);
}
.kb-section-head h2{
  margin:0;
  font-size:clamp(20px, 4.2vw, 31px);
  line-height:1.1;
  color:#fff7df;
}
.kb-section-head p{
  margin:5px 0 0;
  color:var(--kb-gold);
  font-size:clamp(13px, 2.4vw, 15px);
  font-weight:800;
}
.kb-reason-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}
.kb-reason-card,
.kb-rule-card,
.kb-accordion{
  border:1px solid var(--kb-border-soft);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.28));
  box-shadow:0 12px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.kb-reason-card{
  min-height:155px;
  padding:14px;
  border-radius:22px;
}
.kb-reason-card strong{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:30px;
  margin-bottom:10px;
  border-radius:999px;
  color:#3b1d04;
  background:linear-gradient(145deg,#ffe09a,#e5a74a);
  font-size:13px;
}
.kb-reason-card p,
.kb-rule-card p,
.kb-accordion-body li{
  color:rgba(255,243,210,.84);
  font-size:14px;
  line-height:1.55;
}
.kb-reason-card p{ margin:0; }
.kb-accordion{
  border-radius:20px;
  margin-top:10px;
  overflow:hidden;
}
.kb-accordion summary{
  cursor:pointer;
  list-style:none;
  padding:15px 16px;
  color:#fff7df;
  font-weight:900;
  font-size:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.kb-accordion summary::-webkit-details-marker{ display:none; }
.kb-accordion summary::after{
  content:'+';
  flex:0 0 auto;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#3b1d04;
  background:linear-gradient(145deg,#ffe09a,#e5a74a);
  font-weight:1000;
}
.kb-accordion[open] summary::after{ content:'−'; }
.kb-accordion-body{
  border-top:1px solid rgba(255,255,255,.07);
  padding:2px 16px 14px;
}
ul{ margin:8px 0 0; padding-left:20px; }
li{ margin:8px 0; }
.kb-rule-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.kb-rule-card{
  padding:14px;
  border-radius:22px;
  position:relative;
  overflow:hidden;
}
.kb-rule-card::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--kb-danger);
  opacity:.85;
}
.kb-rule-card.positive::before{ background:var(--kb-green); }
.kb-rule-card.bolola{
  border-color:rgba(246,195,106,.28);
  background:
    radial-gradient(180px 120px at 95% 0%, rgba(246,195,106,.11), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(0,0,0,.30));
}
.kb-rule-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-bottom:8px;
}
.kb-rule-top h3{
  margin:0;
  color:#fff7df;
  font-size:15px;
  line-height:1.2;
}
.kb-rule-top b{
  flex:0 0 auto;
  padding:7px 9px;
  border-radius:999px;
  color:#3b1d04;
  background:linear-gradient(145deg,#ffe09a,#e5a74a);
  font-size:13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.kb-rule-card p{ margin:0 0 9px; }
.kb-rule-card p:last-child{ margin-bottom:0; }
@media (max-width:720px){
  .kb-info-titlebox{ border-radius:22px; padding:12px 13px; }
  .kb-info-tabs{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .kb-rule-list{ grid-template-columns:1fr; }
}
@media (min-width:900px){
  .kb-info-page{ padding-left:32px; padding-right:32px; }
  .kb-info-card{ padding:26px; }
}

/* Bottom fixed back button safe space: keep last content above the button */
.kb-info-main::after{
  content:"";
  display:block;
  min-height:calc(var(--safe-bottom) + 22px);
}
@media (max-width:720px){
  .kb-info-page{
    padding-bottom:calc(var(--safe-bottom) + 136px);
  }
}


/* Final guide page cleanup: no numeric chips / no top arrow back */
.kb-section-head > span,
.kb-reason-grid,
.kb-hero-card,
.kb-info-back{ display:none !important; }