/*
 * First Light Beacon Help Center — premium production theme.
 * This layer intentionally sits after the documentation component styles.
 * It changes presentation only; routes, search, forms, and ticket links stay intact.
 */

:root{
  --flb-ink:#0b1116;
  --flb-ink-2:#111a21;
  --flb-navy:#0f1b24;
  --flb-navy-2:#152631;
  --flb-slate:#4f626f;
  --flb-steel:#8aa1ae;
  --flb-ivory:#f3f0e8;
  --flb-warm:#e9e4d8;
  --flb-paper:#faf9f5;
  --flb-white:#fff;
  --flb-brass:#b79a67;
  --flb-brass-light:#d5c29a;
  --flb-brass-dark:#8d7143;
  --flb-brass-ink:#71572f;
  --flb-line:rgba(18,31,40,.14);
  --flb-line-dark:rgba(255,255,255,.13);
  --flb-copy:#52616a;
  --flb-shadow:0 24px 70px rgba(6,13,18,.14);

  /* Map the legacy documentation accents onto the approved FLB palette. */
  --cyan:var(--flb-brass-light);
  --cyan-dim:var(--flb-brass);
  --purple:var(--flb-steel);
  --purple-deep:#607984;
  --black:var(--flb-ink);
  --elevated:var(--flb-navy);
  --card:var(--flb-ink-2);
  --card-hover:var(--flb-navy-2);
  --surface:#172630;
  --text:#f8f7f2;
  --secondary:#b8c1c6;
  --muted:#829099;
  --border:var(--flb-line-dark);
  --border-bright:rgba(255,255,255,.22);
  --gradient:linear-gradient(135deg,var(--flb-brass-light),var(--flb-steel));
  --sidebar:288px;
  --topbar:80px;
}

html{background:var(--flb-paper);color:var(--flb-ink);scrollbar-color:#9b8b70 var(--flb-warm)}
body{background:var(--flb-paper);color:var(--flb-ink);font-size:16px;line-height:1.62}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--flb-brass-light)}
::selection{background:rgba(183,154,103,.3);color:var(--flb-ink)}
::-webkit-scrollbar-track{background:var(--flb-warm)}
::-webkit-scrollbar-thumb{background:#9b8b70;border-color:var(--flb-warm)}
.skip-link{border-radius:0;background:var(--flb-brass-light);color:var(--flb-ink)}
.reading-progress{background:var(--flb-brass-light);box-shadow:none}

/* Documentation shell */
.docs-sidebar{background:rgba(11,17,22,.99);border-right-color:var(--flb-line-dark)}
.sidebar-brand{padding-inline:20px;border-bottom-color:var(--flb-line-dark)}
.sidebar-brand>a{min-width:0;gap:11px}
.sidebar-brand img{width:39px;height:39px;filter:drop-shadow(0 5px 12px rgba(183,154,103,.2))}
.sidebar-brand span{min-width:0}
.sidebar-brand strong{color:var(--flb-white);font-size:10px;font-weight:600;letter-spacing:.17em;white-space:nowrap}
.sidebar-brand small{margin-top:5px;color:rgba(255,255,255,.53);font-size:8px;font-weight:600;letter-spacing:.2em;line-height:1}
.sidebar-scroll{padding-top:24px}
.docs-nav-link{border-radius:0;color:rgba(255,255,255,.58);font-size:13px}
.docs-nav-link:hover{color:var(--flb-white);background:rgba(255,255,255,.045)}
.docs-nav-link.active{color:var(--flb-brass-light);background:rgba(183,154,103,.1)}
.docs-nav-link.active:before{background:var(--flb-brass-light);box-shadow:none}
.nav-icon{color:rgba(255,255,255,.38)}
.nav-signal{background:var(--flb-brass)!important;box-shadow:none}
.nav-label{color:rgba(255,255,255,.58);font-size:9px}
.nav-rule,.sidebar-footer{border-color:var(--flb-line-dark)}
.sidebar-footer p{color:rgba(255,255,255,.45)}
.sidebar-footer a{color:var(--flb-brass-light)}
.docs-topbar{background:rgba(11,17,22,.97);border-bottom-color:var(--flb-line-dark);backdrop-filter:blur(16px)}
.mobile-brand{color:var(--flb-white)}
.mobile-brand img{filter:drop-shadow(0 4px 9px rgba(183,154,103,.18))}
.mobile-brand span{color:var(--flb-white);font-size:9px;font-weight:600;letter-spacing:.16em;white-space:nowrap}
.search-trigger{border-radius:0;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.045);color:rgba(255,255,255,.62)}
.search-trigger:hover{border-color:rgba(213,194,154,.48);color:var(--flb-white)}
.search-trigger svg{color:var(--flb-brass-light)}
kbd{border-radius:0;border-color:rgba(255,255,255,.16);background:rgba(0,0,0,.23);color:rgba(255,255,255,.58)}
.topbar-links a{color:rgba(255,255,255,.7);font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.topbar-links a:hover{color:var(--flb-white)}
.topbar-cta{min-height:42px;display:inline-flex;align-items:center;border:1px solid var(--flb-brass-light)!important;border-radius:0!important;background:var(--flb-brass-light);color:var(--flb-ink)!important;padding:0 18px!important;font-size:10px!important;font-weight:600!important;letter-spacing:.09em!important}
.topbar-cta:hover{background:var(--flb-ivory);border-color:var(--flb-ivory)!important;color:var(--flb-ink)!important}

/* Shared premium typography and controls */
.eyebrow{color:var(--flb-brass-ink)!important;font-size:10px!important;font-weight:600;letter-spacing:.2em}
.button{min-height:48px;border-radius:0;padding-inline:23px;font-size:10px;font-weight:600;letter-spacing:.1em}
.button.primary{background:var(--flb-ink);color:var(--flb-white)}
.button.primary:hover{background:var(--flb-navy-2);box-shadow:none}
.button.ghost{border-color:rgba(11,17,22,.3);color:var(--flb-ink)}
.button.ghost:hover{border-color:var(--flb-ink);color:var(--flb-ink)}

/* Help Center home */
.help-hero{min-height:560px;border-bottom-color:var(--flb-line-dark);background:radial-gradient(circle at 50% 38%,rgba(183,154,103,.12),transparent 30%),radial-gradient(circle at 82% 8%,rgba(90,135,153,.18),transparent 33%),var(--flb-navy)}
.help-hero:after{background:linear-gradient(90deg,transparent,rgba(213,194,154,.46),transparent)}
.help-hero .hero-grid-glow{background-size:82px 82px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
.help-halo{border-color:rgba(213,194,154,.13)}
.halo-b{border-color:rgba(138,161,174,.11)}
.halo-a:before{background:var(--flb-brass-light);box-shadow:0 0 15px rgba(213,194,154,.6)}
.halo-b:after{background:var(--flb-steel);box-shadow:0 0 15px rgba(138,161,174,.55)}
.help-hero-inner>img{filter:drop-shadow(0 8px 24px rgba(183,154,103,.25))}
.help-hero .eyebrow{color:var(--flb-brass-light)!important}
.help-hero h1{color:var(--flb-white)}
.help-hero h1 em{background:none;color:var(--flb-brass-light);-webkit-text-fill-color:currentColor}
.help-hero-inner>p:not(.eyebrow){color:rgba(255,255,255,.68);font-size:17px}
.help-search-field{border-radius:0;border-color:rgba(255,255,255,.2);background:rgba(11,17,22,.9);box-shadow:0 24px 65px rgba(0,0,0,.3);color:rgba(255,255,255,.66)}
.help-search-field:hover{border-color:var(--flb-brass-light);box-shadow:0 24px 65px rgba(0,0,0,.36)}
.help-search-field svg{stroke:var(--flb-brass-light)}
.popular-inline{color:rgba(255,255,255,.42)}
.popular-inline a{color:rgba(255,255,255,.7)}
.popular-inline a:hover{color:var(--flb-brass-light)}

.help-topics{background:var(--flb-paper)}
.section-heading h2,.popular-section h2,.library-section h2{color:var(--flb-ink)}
.section-heading>p{color:var(--flb-copy)}
.topic-grid>a{border-color:var(--flb-line);border-radius:0;background:rgba(255,255,255,.8);box-shadow:0 12px 36px rgba(11,17,22,.035)}
.topic-grid>a:hover{border-color:rgba(141,113,67,.5);background:var(--flb-white);box-shadow:0 18px 45px rgba(11,17,22,.08)}
.topic-icon{border-color:rgba(141,113,67,.34);border-radius:0;background:rgba(183,154,103,.1);color:var(--flb-brass-dark)}
.topic-grid p{color:var(--flb-brass-ink)}
.topic-grid h3{color:var(--flb-ink)}
.topic-grid small{color:var(--flb-copy)}
.topic-grid>a>b{color:#58676f}

.popular-section{padding-top:88px;padding-bottom:96px;background:var(--flb-warm)}
.popular-articles{border-top-color:var(--flb-line)}
.popular-articles a{border-bottom-color:var(--flb-line)}
.popular-articles a:hover strong{color:var(--flb-brass-dark)}
.popular-articles span,.popular-articles b{color:#52616a}
.popular-articles strong{color:var(--flb-ink);font-size:14px}

.framework-strip{border-bottom-color:var(--flb-line-dark);background:var(--flb-navy);color:var(--flb-white)}
.framework-strip .eyebrow{color:var(--flb-brass-light)!important}
.framework-strip h2{color:var(--flb-white)}
.framework-strip li{border-right-color:var(--flb-line-dark)}
.framework-strip li>span{color:var(--flb-brass-light)}
.framework-strip p{color:rgba(255,255,255,.62)}
.framework-strip p strong{color:var(--flb-white)}

.library-section{background:#f7f4ed}
.filter-chip{min-height:38px;border-color:var(--flb-line);border-radius:0;background:transparent;color:#5d6b72}
.filter-chip:hover,.filter-chip.active{border-color:var(--flb-brass);background:rgba(183,154,103,.12);color:var(--flb-brass-ink)}
.filter-chip span{color:#52616a}
.indicator-card{--accent:var(--flb-brass-dark)!important;border-color:var(--flb-line);border-radius:0;background:rgba(255,255,255,.78);box-shadow:0 15px 38px rgba(11,17,22,.035)}
.indicator-card:before{height:1px;background:var(--flb-brass)}
.indicator-card:after{background:rgba(183,154,103,.09)}
.indicator-card:hover{border-color:rgba(141,113,67,.45);background:var(--flb-white);box-shadow:0 22px 48px rgba(11,17,22,.08)}
.indicator-orb{border-color:rgba(141,113,67,.35);border-radius:0;background:rgba(183,154,103,.1);color:var(--flb-brass-dark)}
.card-category{color:var(--flb-brass-ink)!important}
.indicator-card h3{color:var(--flb-ink)}
.indicator-card>p{color:var(--flb-copy)}
.card-meta{border-top-color:var(--flb-line);color:#69767d}

.home-cta{border-color:var(--flb-line-dark);border-radius:0;background:radial-gradient(circle at 0 0,rgba(183,154,103,.14),transparent 40%),var(--flb-navy);color:var(--flb-white)}
.home-cta .eyebrow{color:var(--flb-brass-light)!important}
.home-cta h2{color:var(--flb-white)}
.home-cta h2 em{background:none;color:var(--flb-brass-light);-webkit-text-fill-color:currentColor}
.home-cta>div:last-child>p{color:rgba(255,255,255,.65)}
.home-cta .button.primary{background:var(--flb-ivory);color:var(--flb-ink)}
.home-cta .button.primary:hover{background:var(--flb-white)}

.site-footer{margin:80px 0 0;padding:34px clamp(24px,5vw,72px);border-top-color:var(--flb-line-dark);background:var(--flb-ink);color:rgba(255,255,255,.48)}
.site-footer div{color:var(--flb-white)}
.site-footer img{filter:drop-shadow(0 4px 10px rgba(183,154,103,.18))}

/* Guides, getting started, and troubleshooting */
.guide-layout{--guide-accent:var(--flb-brass-dark)!important;color:var(--flb-ink)}
.breadcrumbs{color:#52616a}
.breadcrumbs a:hover{color:var(--flb-brass-dark)}
.breadcrumbs span:last-child{color:var(--flb-copy)}
.guide-hero{margin-bottom:34px;padding:46px 48px;background:radial-gradient(circle at 100% 0,rgba(90,135,153,.15),transparent 42%),var(--flb-navy);color:var(--flb-white);box-shadow:var(--flb-shadow)}
.guide-hero .eyebrow{color:var(--flb-brass-light)!important}
.guide-hero h1{color:var(--flb-white)}
.guide-tagline{color:var(--flb-brass-light)}
.guide-summary{color:rgba(255,255,255,.67)}
.guide-meta{color:rgba(255,255,255,.42)}
.guide-meta b{color:rgba(255,255,255,.76)}
.guide-meta span+span{border-left-color:var(--flb-line-dark)}
.compact-hero h1 em{background:none;color:var(--flb-brass-light);-webkit-text-fill-color:currentColor}
.signal-card{--guide-accent:var(--flb-brass-light);border-color:var(--flb-line-dark);border-radius:0;background:linear-gradient(145deg,var(--flb-ink-2),var(--flb-ink));box-shadow:0 25px 70px rgba(0,0,0,.26)}
.signal-zone{border-bottom-color:rgba(138,161,174,.28);background:linear-gradient(180deg,rgba(213,194,154,.08),rgba(138,161,174,.045))}
.signal-trace i{box-shadow:0 0 9px rgba(213,194,154,.65)}
.signal-badge{border-radius:0}
.guide-product-hero{border-radius:0;border-color:var(--flb-line-dark)}
.guide-product-hero figcaption{color:rgba(255,255,255,.45)}
.guide-product-hero figcaption strong{color:rgba(255,255,255,.7)}

.quick-read{border-color:var(--flb-line);border-radius:0;background:var(--flb-white);box-shadow:0 15px 40px rgba(11,17,22,.04)}
.quick-read h2{color:var(--flb-ink)}
.quick-read-grid{border-top-color:var(--flb-line)}
.quick-read-grid article+article{border-left-color:var(--flb-line)}
.quick-read-grid span{color:var(--flb-brass-dark)}
.quick-read-grid p{color:var(--flb-copy)}
.decision-band{border-color:var(--flb-line);border-radius:0;background:var(--flb-white)}
.decision-band>div{background:transparent}
.decision-band>div+div{border-left-color:var(--flb-line)}
.decision-icon{border-color:rgba(141,113,67,.34);background:rgba(183,154,103,.1);color:var(--flb-brass-dark)}
.decision-band small{color:#596870}
.decision-band strong{color:var(--flb-copy)}
.manual-divider{color:#596870}
.manual-divider:before,.manual-divider:after{background:var(--flb-line)}

.content-section{border-bottom-color:var(--flb-line)}
.section-kicker{color:var(--flb-brass-ink)}
.content-section h2{color:var(--flb-ink)}
.copy-anchor{color:#768187}
.content-section p{color:var(--flb-copy);font-size:15px;line-height:1.78}
.content-section .section-lede{color:var(--flb-ink)}
.content-section b,.content-section strong{color:var(--flb-ink)}
.content-section p a{color:#71572f;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.inline-insight,.callout{border-left-color:var(--flb-brass);border-radius:0;background:linear-gradient(90deg,rgba(183,154,103,.12),transparent)}
.inline-insight>span,.callout>span{color:var(--flb-brass-dark)}
.inline-insight p,.callout p{color:var(--flb-copy)}
.callout.warning{--guide-accent:var(--flb-brass-dark);background:linear-gradient(90deg,rgba(183,154,103,.15),transparent)}
.page-nav>a{border-color:var(--flb-line);border-radius:0;background:var(--flb-white);box-shadow:0 11px 30px rgba(11,17,22,.03)}
.page-nav>a:hover{border-color:rgba(141,113,67,.5)}
.page-nav span{color:#596870}
.page-nav strong{color:var(--flb-ink)}
.on-this-page{border-left-color:var(--flb-line)}
.on-this-page>p{color:var(--flb-ink)}
.on-this-page>a{color:#68757c}
.on-this-page>a:hover,.on-this-page>a.active{color:var(--flb-brass-dark)}
.on-this-page>a.active:before{background:var(--flb-brass);box-shadow:none}
.toc-help{border-top-color:var(--flb-line)}
.toc-help span{color:#596870}
.toc-help a{color:#71572f}

.start-sequence,.question-grid,.diagnostic-strip{border-color:var(--flb-line);border-radius:0}
.start-sequence>div,.question-grid>div,.diagnostic-strip>div{background:var(--flb-white)}
.start-sequence>div+div,.question-grid>div+div,.diagnostic-strip>div+div{border-color:var(--flb-line)}
.start-sequence>div>span,.diagnostic-strip small{color:#596870}
.start-sequence .mini-label,.start-sequence a,.question-grid span,.diagnostic-strip span{color:var(--flb-brass-ink)}
.start-sequence h2,.diagnostic-strip strong{color:var(--flb-ink)}
.start-sequence>div>p:not(.mini-label){color:var(--flb-copy)}
.step-list li,.principle-grid article,.platform-paths>article,.article-platform-access article,.troubleshoot-paths article,.resolution-list li,.support-handoff{border-color:var(--flb-line);border-radius:0;background:var(--flb-white)}
.step-list li>span,.resolution-list li>span{border-color:rgba(141,113,67,.34);background:rgba(183,154,103,.1);color:var(--flb-brass-dark)}
.question-grid p,.principle-grid h3,.platform-paths h3,.article-platform-access h3,.troubleshoot-paths h3{color:var(--flb-ink)!important}
.principle-grid article>span{color:var(--flb-brass-dark)}
.platform-paths>article{background:var(--flb-white)}
.platform-paths ol,.troubleshoot-paths ol{color:var(--flb-copy)}
.platform-badge{border-radius:0}
.platform-badge.windows,.platform-badge.web{border-color:rgba(113,87,47,.45);background:rgba(183,154,103,.1);color:var(--flb-brass-ink)}
.platform-paths .mini-label{color:#707d83}
.article-platform-access a{color:#71572f}
.connection-callout{border-color:rgba(141,113,67,.25);border-radius:0;background:rgba(183,154,103,.1)}
.connection-callout p{color:var(--flb-copy)!important}
.subsection-divider{color:#596870}
.subsection-divider:before,.subsection-divider:after{background:var(--flb-line)}
.support-handoff span{color:#596870}
.support-handoff strong{color:var(--flb-ink)}

.product-proof{border-color:var(--flb-line);border-radius:0;background:var(--flb-warm)}
.product-proof-heading h2{color:var(--flb-ink)}
.product-proof-heading>p:last-child{color:var(--flb-copy)}
.product-proof-card{border-radius:0;border-color:var(--flb-line-dark);background:var(--flb-ink)}
.product-proof-image{background:radial-gradient(circle at 50% 30%,rgba(183,154,103,.08),transparent 55%),#070a0f}
.product-proof-card figcaption{border-top-color:var(--flb-line-dark)}
.product-proof-card figcaption strong{color:var(--flb-white)}
.product-proof-card figcaption span{color:rgba(255,255,255,.48)}

/* Search and feedback stay dark for focus and consistency with the shell. */
.search-dialog{background:rgba(3,7,10,.78);color:var(--flb-white)}
.search-box{border-color:rgba(255,255,255,.2);border-radius:0;background:var(--flb-ink);color:var(--flb-white)}
.search-input-wrap{border-bottom-color:var(--flb-line-dark)}
.search-input-wrap input{color:var(--flb-white)}
.search-input-wrap input::placeholder{color:rgba(255,255,255,.4)}
.search-empty{color:rgba(255,255,255,.48)}
.search-empty span{color:var(--flb-brass-light)}
.search-result{border-radius:0}
.search-result:hover,.search-result.active{background:var(--flb-navy-2)}
.search-result-icon{border-color:rgba(213,194,154,.3);border-radius:0;color:var(--flb-brass-light)}
.search-result strong{color:var(--flb-white)}
.search-result small,.search-result>span:last-child{color:rgba(255,255,255,.48)}
.search-help{border-top-color:var(--flb-line-dark);color:rgba(255,255,255,.45)}
.toast{border-color:rgba(213,194,154,.45);border-radius:0;background:var(--flb-navy-2);color:var(--flb-white)}
.not-found{color:var(--flb-ink)}
.not-found h1 em{background:none;color:var(--flb-brass-dark);-webkit-text-fill-color:currentColor}
.not-found>p:not(.eyebrow){color:var(--flb-copy)}

@media(max-width:920px){
  .sidebar-brand strong{font-size:10px}
  .mobile-brand{margin-right:14px}
  .guide-layout{padding-top:36px}
}

@media(max-width:700px){
  :root{--topbar:70px}
  .docs-topbar{min-height:70px}
  .mobile-brand span{display:none}
  .topbar-links{margin-left:8px}
  .topbar-cta{min-height:44px;padding-inline:12px!important}
  .help-hero{min-height:510px;padding-top:72px;padding-bottom:72px}
  .help-hero-inner>p:not(.eyebrow){font-size:15px}
  .popular-section{padding-top:70px}
  .framework-strip li{border-color:var(--flb-line-dark)}
  .home-cta{margin-inline:20px}
  .site-footer{margin:55px 0 0;padding:30px 20px}
  .guide-layout{padding-top:28px}
  .guide-hero{margin-inline:0;margin-bottom:26px;padding:35px 24px}
  .guide-hero h1{font-size:52px}
  .guide-meta span+span{border-left-color:var(--flb-line-dark)}
  .quick-read-grid article+article,.decision-band>div+div,.start-sequence>div+div,.diagnostic-strip>div+div{border-color:var(--flb-line)}
  .product-proof{padding:22px}
}

@media(max-width:420px){
  .topbar-links>a:first-child{display:none}
  .topbar-cta{font-size:9px!important;padding-inline:10px!important}
  .help-hero h1{font-size:46px}
  .help-search-field{padding-inline:14px}
  .guide-hero{padding:31px 20px}
  .guide-hero h1{font-size:46px}
}

@media(prefers-reduced-motion:reduce){
  .indicator-card:hover,.topic-grid>a:hover,.page-nav>a:hover{transform:none}
}