/* HB Battle public pages redesign — consolidated visual layer */
:root{--hb-bg:#07130f;--hb-panel:#0d2019;--hb-panel-2:#10271f;--hb-line:rgba(177,205,190,.18);--hb-text:#edf5f0;--hb-muted:#a8bbb1;--hb-green:#32c48d;--hb-gold:#edc56d;--hb-ink:#14251e;--hb-paper:#f3f7f4;--hb-radius:24px;--hb-shadow:0 18px 50px rgba(0,0,0,.18)}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:radial-gradient(ellipse at 50% 0%,rgba(28,91,61,.23),transparent 38%),var(--hb-bg)!important;color:var(--hb-text)!important;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.75;font-size:16px}body *{box-sizing:border-box}img{max-width:100%;height:auto}a{color:var(--hb-green);text-underline-offset:4px}a:hover{color:var(--hb-gold)}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.site-header{background:rgba(5,16,12,.94)!important;border-bottom:1px solid var(--hb-line)!important;backdrop-filter:blur(18px);position:sticky;top:0;z-index:100}.nav{min-height:76px;gap:22px}.brand{color:var(--hb-text)!important;font-weight:800;letter-spacing:-.03em}.brand img{border-radius:12px}.links{gap:clamp(10px,1.5vw,22px)}.links a{color:#c7d6ce!important;font-size:14px;font-weight:650;text-decoration:none}.links a:hover,.links a.active{color:var(--hb-gold)!important}.links .cta,.cta,.button,.btn{border-radius:999px!important;background:linear-gradient(135deg,#f5d887,#dcae4d)!important;color:#1d251a!important;border:0!important;font-weight:800!important;box-shadow:0 8px 24px rgba(222,181,86,.13)}.nav-toggle{border:1px solid var(--hb-line)!important;border-radius:12px!important;background:var(--hb-panel)!important}.page-hero{padding:clamp(50px,8vw,94px) 0 42px!important;background:radial-gradient(ellipse at 15% 0%,rgba(46,192,133,.13),transparent 50%),linear-gradient(180deg,rgba(12,34,25,.7),transparent)!important;border-bottom:1px solid var(--hb-line)}.page-hero .inner{max-width:850px}.kicker,.eyebrow{color:var(--hb-gold)!important;font-size:12px!important;letter-spacing:.17em!important;font-weight:850!important;text-transform:uppercase}.page-hero h1,.hero h1{color:#f4f8f5!important;font-family:Sora,Inter,sans-serif;font-size:clamp(34px,5.7vw,60px)!important;line-height:1.1!important;letter-spacing:-.055em!important;margin:12px 0 18px!important;max-width:900px}.page-hero h1:after{content:"";display:block;width:62px;height:4px;border-radius:8px;background:linear-gradient(90deg,var(--hb-green),var(--hb-gold));margin-top:22px}.content{max-width:900px!important;margin:34px auto 84px!important;padding:clamp(22px,4vw,46px)!important;background:linear-gradient(145deg,rgba(17,39,30,.96),rgba(9,24,18,.98))!important;border:1px solid var(--hb-line)!important;border-radius:var(--hb-radius)!important;box-shadow:var(--hb-shadow)!important;color:#dce8e1!important;font-size:17px!important;line-height:1.85!important}.content h2,.content h3,.content h4{color:#f4f8f5!important;font-family:Sora,Inter,sans-serif;line-height:1.25!important;letter-spacing:-.025em;margin:2em 0 .65em!important}.content h2{font-size:clamp(24px,3vw,32px)!important;padding-bottom:12px;border-bottom:1px solid var(--hb-line)}.content h3{font-size:21px!important}.content p,.content li{color:#c5d4cb!important}.content p{margin:0 0 1.2em!important}.content ul,.content ol{padding-left:1.4em!important;margin:0 0 1.4em!important}.content li{padding-left:.25em;margin:.45em 0}.content strong{color:#f3f7f4!important}.content blockquote{margin:24px 0;padding:18px 22px;border-left:3px solid var(--hb-green);background:rgba(50,196,141,.07);border-radius:0 14px 14px 0;color:#d9e8df}.content .meta,.article-meta-line{color:var(--hb-muted)!important;font-size:14px!important}.legal-action-bar{display:flex;flex-wrap:wrap;gap:10px;padding:14px;margin:20px 0 28px;background:rgba(255,255,255,.035);border:1px solid var(--hb-line);border-radius:16px}.legal-action-bar a,.content .button-link{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--hb-line);border-radius:999px;text-decoration:none;color:var(--hb-text);font-weight:700}.faq-item,details.faq-item{display:block!important;margin:14px 0!important;border:1px solid var(--hb-line)!important;border-radius:18px!important;background:linear-gradient(135deg,#122820,#0c1d16)!important;overflow:hidden!important;color:var(--hb-text)!important}.faq-item summary{display:flex!important;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:19px 22px!important;color:#f3f8f4!important;font-size:17px!important;font-weight:750!important;line-height:1.5!important;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:rgba(237,197,109,.14);color:var(--hb-gold);font-size:24px;font-weight:500}.faq-item[open] summary:after{content:"−"}.faq-a{padding:0 22px 20px!important;color:#c5d4cb!important}.faq-a p{color:#c5d4cb!important;margin:0!important}.site-footer{background:#050e0b!important;border-top:1px solid var(--hb-line)!important;margin-top:70px!important;color:var(--hb-muted)!important}.footer-grid{padding-top:54px!important;padding-bottom:28px!important;gap:36px!important}.site-footer h2,.site-footer h3,.site-footer h4{color:#f0f6f2!important;font-size:13px!important;letter-spacing:.12em;text-transform:uppercase}.site-footer a{color:#b9ccc1!important;text-decoration:none}.site-footer a:hover{color:var(--hb-gold)!important}.site-footer p{color:#9db2a6!important;line-height:1.8}.site-footer .copyright,.site-footer .footer-bottom{border-top:1px solid var(--hb-line)!important;padding-top:22px!important;color:#91a69a!important}.hero{position:relative;overflow:hidden;padding:clamp(66px,10vw,120px) 0 76px!important;background:radial-gradient(ellipse at 75% 15%,rgba(39,169,113,.18),transparent 38%),linear-gradient(145deg,#0b2118,#06120d)!important}.hero-copy{max-width:800px;position:relative;z-index:1}.hero h1{font-size:clamp(42px,7vw,76px)!important}.hero-copy>p,.hero p{max-width:700px;color:#c2d4c9!important;font-size:clamp(17px,2vw,21px)!important;line-height:1.8!important}.hero .hero-actions,.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero .hero-actions a,.hero .actions a{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:800}.hero .hero-actions a:first-child,.hero .actions a:first-child{background:linear-gradient(135deg,#f5d887,#dcae4d);color:#1d251a}.hero .hero-actions a:not(:first-child),.hero .actions a:not(:first-child){border:1px solid var(--hb-line);color:var(--hb-text);background:rgba(255,255,255,.04)}.marketing-home .sec{padding:clamp(48px,7vw,86px) 0!important}.marketing-home .sec h2{color:#f4f8f5!important;font-family:Sora,Inter,sans-serif;font-size:clamp(28px,4vw,44px)!important;line-height:1.18!important;letter-spacing:-.045em!important}.marketing-home .sec p{color:#b9ccc1!important;line-height:1.8!important}.marketing-home .trust-strip{border-block:1px solid var(--hb-line)!important;background:rgba(255,255,255,.025)!important}.marketing-home .trust-strip>div{color:#a9bdb1!important;padding-block:20px!important}.marketing-home .trust-strip strong{display:block;color:#f0f6f2!important;margin-bottom:4px}.marketing-home .card,.marketing-home .guide-card,.marketing-home .game-card,.marketing-home .feature-card,.marketing-home .tournament-card,.marketing-home .faq-item,.marketing-home .article-card{background:linear-gradient(145deg,#12271f,#0b1b14)!important;border:1px solid var(--hb-line)!important;border-radius:22px!important;color:#dce8e1!important;box-shadow:0 14px 36px rgba(0,0,0,.14)!important}.marketing-home .card h3,.marketing-home .guide-card h3,.marketing-home .game-card h3,.marketing-home .feature-card h3,.marketing-home .article-card h3{color:#f1f7f3!important}.marketing-home .card p,.marketing-home .guide-card p,.marketing-home .game-card p,.marketing-home .feature-card p,.marketing-home .article-card p{color:#b9ccc1!important}.marketing-home .card a,.marketing-home .guide-card a,.marketing-home .article-card a{color:var(--hb-green)!important}.marketing-home .faq-item summary{color:#f2f7f3!important}.marketing-home .faq-a,.marketing-home .faq-a p{color:#c5d4cb!important}.marketing-home .cta-strip,.marketing-home .final-cta{border:1px solid var(--hb-line)!important;border-radius:24px!important;background:linear-gradient(130deg,#102a20,#091911)!important;padding:clamp(24px,4vw,44px)!important}.sticky-cta,.mobile-cta,.bottom-cta,.ready-cta{z-index:90!important;max-width:calc(100% - 24px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;border:1px solid rgba(237,197,109,.35)!important;border-radius:999px!important;background:rgba(5,17,12,.96)!important;box-shadow:0 16px 42px rgba(0,0,0,.42)!important;backdrop-filter:blur(18px)}body{padding-bottom:env(safe-area-inset-bottom,0px)}.site-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.content th,.content td{padding:12px 14px;border:1px solid var(--hb-line);text-align:left}.content th{background:rgba(50,196,141,.08);color:#eff7f2}.content input,.content textarea,.content select{max-width:100%;width:100%;background:#091811;color:#eef7f1;border:1px solid var(--hb-line);border-radius:12px;padding:12px}.content button{cursor:pointer}.content :focus-visible,.links a:focus-visible,button:focus-visible{outline:3px solid var(--hb-gold);outline-offset:3px}.content [hidden]{display:none!important}
@media(max-width:760px){.wrap{width:min(100% - 30px,1120px)}.nav{min-height:66px}.links{background:#07150f!important;border:1px solid var(--hb-line)!important;border-radius:18px!important;padding:14px!important;box-shadow:0 18px 40px rgba(0,0,0,.35)}.links a{padding:10px 12px!important}.page-hero{padding:42px 0 28px!important}.content{margin:20px auto 54px!important;padding:22px 19px!important;border-radius:20px!important;font-size:16px!important;line-height:1.8!important}.content h2{font-size:25px!important}.content h3{font-size:20px!important}.faq-item summary{padding:16px!important;font-size:16px!important}.faq-a{padding:0 16px 18px!important}.hero{padding:60px 0 58px!important}.hero h1{font-size:clamp(38px,10vw,58px)!important}.marketing-home .sec{padding:48px 0!important}.footer-grid{padding-top:36px!important;gap:26px!important}.sticky-cta,.mobile-cta,.bottom-cta,.ready-cta{width:max-content;max-width:calc(100% - 20px)!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}.sticky-cta a,.mobile-cta a,.bottom-cta a,.ready-cta a{white-space:nowrap}.content img{border-radius:14px}.content pre{max-width:100%;overflow:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ============================================================
   HB Battle — Interface polish (Batch 1 organic + readability)
   Cleaner guide articles, better cards, improved mobile
   ============================================================ */

/* Guide / article content readability */
.content, .prose {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: var(--hb-text, #edf5f0) !important;
}
.content h1, .prose h1 {
  font-family: Sora, Inter, sans-serif !important;
  font-size: clamp(28px, 4.5vw, 40px) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 18px !important;
  color: #f4f8f5 !important;
}
.content h2, .prose h2 {
  font-family: Sora, Inter, sans-serif !important;
  font-size: clamp(22px, 3.2vw, 28px) !important;
  margin: 36px 0 14px !important;
  color: #f0f7f3 !important;
  letter-spacing: -0.02em !important;
}
.content h3, .prose h3 {
  font-size: 1.15rem !important;
  margin: 28px 0 10px !important;
  color: #e8f2ec !important;
}
.content p, .prose p {
  margin: 0 0 16px !important;
  color: var(--hb-muted, #a8bbb1) !important;
}
.content ul, .content ol, .prose ul, .prose ol {
  margin: 0 0 18px !important;
  padding-left: 1.35em !important;
  color: var(--hb-muted, #a8bbb1) !important;
}
.content li, .prose li {
  margin-bottom: 8px !important;
}
.content a, .prose a {
  color: var(--hb-green, #32c48d) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.content a:hover, .prose a:hover {
  color: var(--hb-gold, #edc56d) !important;
}
.content .meta {
  font-size: 0.85rem !important;
  color: var(--hb-muted, #a8bbb1) !important;
  margin-bottom: 12px !important;
}

/* Card grid improvements */
.card-grid, .guides-grid, .mp-grid {
  display: grid !important;
  gap: 18px !important;
}
.card, .mp-card, .guide-card {
  background: var(--hb-panel, #0d2019) !important;
  border: 1px solid var(--hb-line, rgba(177,205,190,.18)) !important;
  border-radius: 18px !important;
  padding: 20px 22px !important;
  transition: border-color .2s, transform .15s, box-shadow .2s !important;
}
.card:hover, .mp-card:hover, .guide-card:hover {
  border-color: rgba(50,196,141,.35) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0,0,0,.22) !important;
}
.card h3, .mp-card h3, .guide-card h3 {
  margin: 0 0 8px !important;
  font-size: 1.05rem !important;
  color: #f0f7f3 !important;
}
.card p, .mp-card p, .guide-card p {
  margin: 0 !important;
  font-size: 0.92rem !important;
  color: var(--hb-muted, #a8bbb1) !important;
  line-height: 1.55 !important;
}

/* Section spacing */
.sec {
  padding: 56px 0 !important;
}
.sec-head {
  margin-bottom: 28px !important;
}
.sec-label, .kicker {
  color: var(--hb-gold, #edc56d) !important;
  font-size: 12px !important;
  letter-spacing: 0.16em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
.sec-head h2 {
  font-family: Sora, Inter, sans-serif !important;
  font-size: clamp(26px, 4vw, 36px) !important;
  color: #f4f8f5 !important;
  margin: 8px 0 10px !important;
  letter-spacing: -0.03em !important;
}

/* Soft band sections */
.soft-band {
  background: rgba(13, 32, 25, 0.55) !important;
  border-top: 1px solid var(--hb-line) !important;
  border-bottom: 1px solid var(--hb-line) !important;
}

/* Buttons */
.btn, .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  transition: transform .15s, box-shadow .2s !important;
}
.btn.primary, .btn:not(.ghost) {
  background: linear-gradient(135deg, #f5d887, #dcae4d) !important;
  color: #1d251a !important;
  border: 0 !important;
}
.btn.ghost {
  background: transparent !important;
  border: 1px solid var(--hb-line) !important;
  color: var(--hb-text) !important;
}
.btn:hover {
  transform: translateY(-1px);
}

/* Footer cleaner */
.site-footer {
  background: #06120e !important;
  border-top: 1px solid var(--hb-line) !important;
  padding: 48px 0 28px !important;
  margin-top: 40px !important;
}
.footer-grid {
  display: grid !important;
  gap: 28px !important;
}
.site-footer a {
  color: var(--hb-muted) !important;
  text-decoration: none !important;
}
.site-footer a:hover {
  color: var(--hb-green) !important;
}
.footer-bottom {
  margin-top: 28px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--hb-line) !important;
  font-size: 0.85rem !important;
  color: var(--hb-muted) !important;
}

/* Guide list on listing pages */
.guide-list, .popular-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.guide-list li, .popular-list li {
  border-bottom: 1px solid var(--hb-line) !important;
  padding: 12px 0 !important;
}
.guide-list a, .popular-list a {
  color: #e8f2ec !important;
  text-decoration: none !important;
  font-weight: 550 !important;
}
.guide-list a:hover, .popular-list a:hover {
  color: var(--hb-gold) !important;
}

/* Mobile refinements */
@media (max-width: 760px) {
  .content, .prose {
    font-size: 16px !important;
    padding: 0 2px !important;
  }
  .sec {
    padding: 40px 0 !important;
  }
  .card, .mp-card, .guide-card {
    padding: 16px 18px !important;
  }
  .card-grid, .guides-grid, .mp-grid {
    gap: 14px !important;
  }
}

/* ============================================================
   HB Battle — FULL HIGH / PREMIUM layer
   Stronger hierarchy, richer surfaces, more polished feel
   ============================================================ */

/* Premium page background depth */
body.marketing-page,
body.has-marketing-high {
  background:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(50,196,141,.14), transparent 50%),
    radial-gradient(ellipse 80% 50% at 100% 50%, rgba(227,179,76,.06), transparent 45%),
    radial-gradient(ellipse 60% 40% at 0% 80%, rgba(50,196,141,.07), transparent 40%),
    #07130f !important;
}

/* Stronger hero */
.hero, .page-hero {
  position: relative;
  overflow: hidden;
}
.hero::before, .page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 60% at 70% 20%, rgba(50,196,141,.12), transparent 55%),
    radial-gradient(ellipse 50% 40% at 20% 80%, rgba(227,179,76,.07), transparent 50%);
  pointer-events: none;
}
.hero h1, .page-hero h1 {
  text-shadow: 0 2px 24px rgba(0,0,0,.25);
}
.hero-copy p {
  font-size: 1.08rem !important;
  max-width: 540px;
  color: #b8c9bf !important;
  line-height: 1.7 !important;
}

/* Premium buttons */
.btn.primary, .btn:not(.ghost), .hero-actions .btn.primary {
  background: linear-gradient(135deg, #f0d078 0%, #e3b34c 45%, #c9962e 100%) !important;
  color: #1a2118 !important;
  border: 0 !important;
  box-shadow:
    0 4px 16px rgba(227,179,76,.28),
    0 1px 0 rgba(255,255,255,.2) inset !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}
.btn.primary:hover, .btn:not(.ghost):hover {
  box-shadow:
    0 8px 28px rgba(227,179,76,.38),
    0 1px 0 rgba(255,255,255,.25) inset !important;
  transform: translateY(-2px) !important;
}
.btn.ghost {
  border: 1px solid rgba(177,205,190,.28) !important;
  background: rgba(13,32,25,.5) !important;
  color: #e8f2ec !important;
  backdrop-filter: blur(8px);
}
.btn.ghost:hover {
  border-color: rgba(50,196,141,.45) !important;
  background: rgba(50,196,141,.1) !important;
}

/* Elevated cards */
.card, .mp-card, .guide-card, .trust-item {
  background: linear-gradient(165deg, rgba(16,39,31,.95) 0%, rgba(10,26,20,.98) 100%) !important;
  border: 1px solid rgba(177,205,190,.14) !important;
  box-shadow:
    0 12px 40px rgba(0,0,0,.28),
    0 1px 0 rgba(255,255,255,.04) inset !important;
  border-radius: 20px !important;
}
.card:hover, .mp-card:hover, .guide-card:hover {
  border-color: rgba(50,196,141,.32) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.35),
    0 0 0 1px rgba(50,196,141,.12),
    0 1px 0 rgba(255,255,255,.05) inset !important;
  transform: translateY(-3px) !important;
}
.card h3 a, .mp-card h3, .guide-card h3 {
  color: #f2f8f4 !important;
}
.card h3 a:hover {
  color: #edc56d !important;
}

/* Trust strip premium */
.trust-strip {
  background: rgba(8,20,15,.7) !important;
  border-top: 1px solid rgba(177,205,190,.1) !important;
  border-bottom: 1px solid rgba(177,205,190,.1) !important;
  backdrop-filter: blur(12px);
}
.trust-item strong {
  color: #edc56d !important;
  font-size: 0.95rem !important;
  letter-spacing: .02em;
}
.trust-item span {
  color: #9aafa3 !important;
  font-size: 0.85rem !important;
}

/* Section labels more premium */
.sec-label, .kicker, .eyebrow {
  color: #edc56d !important;
  font-size: 11px !important;
  letter-spacing: .2em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* Soft band richer */
.soft-band {
  background: linear-gradient(180deg, rgba(10,26,20,.6), rgba(8,20,15,.85)) !important;
  border-top: 1px solid rgba(177,205,190,.1) !important;
  border-bottom: 1px solid rgba(177,205,190,.1) !important;
}

/* Content article surface */
.content {
  background: linear-gradient(165deg, rgba(13,32,25,.55), rgba(8,20,15,.4)) !important;
  border: 1px solid rgba(177,205,190,.1) !important;
  border-radius: 24px !important;
  padding: 36px 40px !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.2) !important;
}
@media (max-width: 760px) {
  .content {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }
}

/* Header more premium */
.site-header {
  background: rgba(5,14,11,.92) !important;
  border-bottom: 1px solid rgba(177,205,190,.12) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.2) !important;
}
.links .cta {
  background: linear-gradient(135deg, #f0d078, #c9962e) !important;
  color: #1a2118 !important;
  box-shadow: 0 4px 14px rgba(227,179,76,.25) !important;
  font-weight: 800 !important;
}

/* Footer richer */
.site-footer {
  background: linear-gradient(180deg, #06110d, #040c09) !important;
  border-top: 1px solid rgba(177,205,190,.1) !important;
}
.site-footer .f-brand p {
  color: #7d9186 !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
}

/* Guide list premium */
.guide-list li, .popular-list li {
  border-bottom: 1px solid rgba(177,205,190,.1) !important;
  transition: background .15s ease, padding-left .15s ease;
}
.guide-list li:hover, .popular-list li:hover {
  background: rgba(50,196,141,.06);
  padding-left: 8px;
  border-radius: 8px;
}
.guide-list a, .popular-list a {
  color: #e4efe9 !important;
  font-weight: 560 !important;
}
.guide-list a:hover, .popular-list a:hover {
  color: #edc56d !important;
}

/* FAQ details premium */
.faq-preview details, details.faq-item {
  background: rgba(13,32,25,.6) !important;
  border: 1px solid rgba(177,205,190,.12) !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
  overflow: hidden;
}
.faq-preview summary, details.faq-item summary {
  padding: 16px 18px !important;
  font-weight: 650 !important;
  color: #eef6f1 !important;
  cursor: pointer;
}
.faq-preview details[open], details.faq-item[open] {
  border-color: rgba(50,196,141,.25) !important;
}

/* Theme toggle more polished */
.theme-toggle {
  background: rgba(50,196,141,.1) !important;
  border: 1px solid rgba(177,205,190,.2) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
}
.theme-toggle:hover {
  background: rgba(50,196,141,.18) !important;
  border-color: rgba(50,196,141,.4) !important;
}