/* IRONScale v358 — unified chrome surfaces and rails */
:root{--iron-shell-dark:#070a08;--iron-shell-dark-2:#090d0a;--iron-shell-gold:#94751f;--iron-shell-gold-hi:#b8922d}
body:not(.light) .topbar{
  background:var(--iron-shell-dark)!important;
  background-image:none!important;
  border-color:rgba(148,117,31,.42)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.34)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.light) .site-footer-v171{
  background:var(--iron-shell-dark)!important;
  background-image:none!important;
  border-color:rgba(148,117,31,.42)!important;
  box-shadow:0 -10px 32px rgba(0,0,0,.26)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.light .topbar,body.light .site-footer-v171{
  background:#f5f1e7!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
/* Rails are structural UI, not steampunk decoration. Never fade them with theme intensity. */
body .ornament-line,body .footer-top-rail,
body.iron-cms-lab .ornament-line,body.iron-cms-lab .footer-top-rail{
  opacity:1!important;filter:none!important
}
body .ornament-line .rail-half,body .ornament-line .top-rail-junction,
body.iron-cms-lab .ornament-line .rail-half,body.iron-cms-lab .ornament-line .top-rail-junction{
  opacity:1!important;filter:none!important
}
body:not(.light) .footer-top-rail{
  height:1px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(148,117,31,.72) 7%,var(--iron-shell-gold-hi) 50%,rgba(148,117,31,.72) 93%,transparent 100%)!important;
  box-shadow:0 0 10px rgba(184,146,45,.12)!important
}
body.light .footer-top-rail{
  opacity:1!important;height:1px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(125,98,22,.55) 7%,#9d7b20 50%,rgba(125,98,22,.55) 93%,transparent 100%)!important
}
/* Reviews used a slightly different page stack; normalize its shell height and chrome. */
body[data-page="reviews"] .topbar,body[data-page="reviews"] .site-footer-v171{isolation:isolate}
body[data-page="reviews"] .ornament-line{opacity:1!important}

/* IRONScale v362 — locked chrome geometry + no nav layout shift */
html{--iron-topbar-h:110px;--iron-nav-w:780px;--iron-actions-w:340px;--iron-logo-gap:148px}
@media (min-width:1101px){
  body .topbar{min-height:var(--iron-topbar-h)!important;height:var(--iron-topbar-h)!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important}
  body .topbar .main-nav{box-sizing:border-box!important;width:min(var(--iron-nav-w),calc(50vw - 120px))!important;min-width:min(620px,calc(50vw - 120px))!important;max-width:var(--iron-nav-w)!important;min-height:52px!important;height:52px!important;align-items:center!important;white-space:nowrap!important}
  body .topbar .top-actions{box-sizing:border-box!important;width:var(--iron-actions-w)!important;min-width:var(--iron-actions-w)!important;min-height:52px!important;justify-content:flex-end!important;align-items:center!important}
  body .topbar .mini-search{width:245px!important;min-width:245px!important}
  body .topbar .brand{z-index:8!important}
}
/* Capacitor nav slot is present in every document. Visibility is decided before body paint by nav-state-v362.php. */
html:not([data-iron-cap-nav="1"]) nav .iron-cap-nav-slot{display:none!important}
html[data-iron-cap-nav="1"] nav.main-nav .iron-cap-nav-slot,
html[data-iron-cap-nav="1"] footer nav .iron-cap-nav-slot{display:inline-flex!important}
/* All pages use the exact same ornamental rail geometry. */
body .ornament-line{position:relative!important;display:block!important;width:100%!important;height:4px!important;min-height:4px!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important;opacity:1!important}
body .ornament-line .rail-half{position:absolute!important;top:1px!important;height:1px!important;width:calc(50% - var(--iron-logo-gap))!important;max-width:none!important;opacity:1!important;filter:none!important}
body .ornament-line .rail-left{left:0!important;right:auto!important}
body .ornament-line .rail-right{right:0!important;left:auto!important}
body .ornament-line .top-rail-junction{position:absolute!important;top:-2px!important;width:7px!important;height:7px!important;border-radius:50%!important;opacity:1!important;filter:none!important}
body .ornament-line .junction-inner-left{left:calc(50% - var(--iron-logo-gap) - 3px)!important}
body .ornament-line .junction-inner-right{right:calc(50% - var(--iron-logo-gap) - 3px)!important}
body .ornament-line .junction-outer-left{left:0!important}
body .ornament-line .junction-outer-right{right:0!important}
body .footer-top-rail{width:100%!important;min-width:100%!important;opacity:1!important;filter:none!important}
@media (max-width:1100px){html{--iron-logo-gap:86px}.iron-cap-nav-slot{display:none!important}}


/* IRONScale v364 — hard-lock cross-page chrome geometry and typography */
:root{
  --iron-chrome-h:110px;
  --iron-chrome-nav-w:780px;
  --iron-chrome-actions-w:340px;
  --iron-chrome-logo-w:230px;
  --iron-chrome-logo-gap:148px;
  --iron-chrome-font:12px;
  --iron-chrome-rail:#a38327;
}
@media (min-width:1101px){
  body .topbar{
    height:var(--iron-chrome-h)!important;min-height:var(--iron-chrome-h)!important;
    display:grid!important;grid-template-columns:minmax(0,var(--iron-chrome-nav-w)) 1fr var(--iron-chrome-actions-w)!important;
    align-items:center!important;column-gap:18px!important;padding:0 30px!important;
  }
  body .topbar .main-nav{
    width:var(--iron-chrome-nav-w)!important;min-width:0!important;max-width:var(--iron-chrome-nav-w)!important;
    min-height:52px!important;height:52px!important;display:flex!important;align-items:center!important;
    justify-content:flex-start!important;gap:0!important;overflow:hidden!important;
    font:600 var(--iron-chrome-font)/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  }
  body .topbar .main-nav>a{
    height:42px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;
    flex:0 0 auto!important;font:600 var(--iron-chrome-font)/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
    white-space:nowrap!important;
  }
  body .topbar .brand{
    position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;
    width:var(--iron-chrome-logo-w)!important;height:110px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;
    z-index:10!important;
  }
  body .topbar .brand img{width:var(--iron-chrome-logo-w)!important;height:110px!important;max-width:none!important;object-fit:contain!important;object-position:50% 0!important}
  body .topbar .top-actions{
    grid-column:3!important;width:var(--iron-chrome-actions-w)!important;min-width:var(--iron-chrome-actions-w)!important;
    max-width:var(--iron-chrome-actions-w)!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:8px!important;font:600 var(--iron-chrome-font)/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  }
  body .topbar .mini-search{width:245px!important;min-width:245px!important;height:42px!important}
  body .topbar .mini-search input{font:500 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important}
  body .topbar .icon-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;font-size:15px!important}
}
/* Reserve the capacitor slot so menu geometry never jumps after nav-state loads. */
nav.main-nav .iron-cap-nav-slot{min-width:138px!important;justify-content:center!important}
html:not([data-iron-cap-nav="1"]) nav.main-nav .iron-cap-nav-slot{display:inline-flex!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}
html:not([data-iron-cap-nav="1"]) footer nav .iron-cap-nav-slot{display:none!important}
html[data-iron-cap-nav="1"] nav.main-nav .iron-cap-nav-slot{display:inline-flex!important;visibility:visible!important;pointer-events:auto!important;opacity:1!important}
/* Rails are fixed structural chrome: no page/CMS opacity inheritance. */
body .ornament-line,body .footer-top-rail,body.iron-cms-lab .ornament-line,body.iron-cms-lab .footer-top-rail{
  opacity:1!important;filter:none!important;visibility:visible!important;
}
body .ornament-line{height:4px!important;min-height:4px!important;background:transparent!important}
body .ornament-line .rail-half{
  top:1px!important;height:1px!important;width:calc(50% - var(--iron-chrome-logo-gap))!important;
  background:linear-gradient(90deg,rgba(163,131,39,.96),rgba(207,173,66,.72))!important;
  opacity:1!important;filter:none!important;
}
body .ornament-line .rail-right{background:linear-gradient(90deg,rgba(207,173,66,.72),rgba(163,131,39,.96))!important}
body .ornament-line .top-rail-junction{opacity:1!important;filter:none!important;background:var(--iron-chrome-rail)!important}
body .footer-top-rail{height:1px!important;background:linear-gradient(90deg,transparent 0%,rgba(163,131,39,.72) 7%,#c7a43d 50%,rgba(163,131,39,.72) 93%,transparent 100%)!important}
@media(max-width:1100px){
  :root{--iron-chrome-logo-gap:86px}
  nav.main-nav .iron-cap-nav-slot{min-width:0!important}
  html:not([data-iron-cap-nav="1"]) nav.main-nav .iron-cap-nav-slot{display:none!important}
}


/* IRONScale v366 — rail contrast + stable footer/header separators */
body .ornament-line{z-index:6!important;isolation:isolate!important;mix-blend-mode:normal!important}
body .ornament-line .rail-half{
  background:#b18c2d!important;
  box-shadow:0 0 0 1px rgba(177,140,45,.08),0 0 8px rgba(196,157,47,.20)!important;
  mix-blend-mode:normal!important;filter:none!important;opacity:1!important;
}
body .ornament-line .top-rail-junction{
  background:#b18c2d!important;box-shadow:0 0 5px rgba(196,157,47,.24)!important;
  mix-blend-mode:normal!important;filter:none!important;opacity:1!important;
}
body .footer-top-rail{
  position:relative!important;z-index:6!important;height:1px!important;min-height:1px!important;
  background:linear-gradient(90deg,rgba(177,140,45,.08) 0%,#8f7124 7%,#c39b32 50%,#8f7124 93%,rgba(177,140,45,.08) 100%)!important;
  box-shadow:0 0 7px rgba(196,157,47,.16)!important;mix-blend-mode:normal!important;
}
body[data-page="database"] .ornament-line .rail-half,
body[data-page="reviews"] .ornament-line .rail-half{background:#b18c2d!important}
body[data-page="reviews"] .footer-top-rail{height:2px!important;min-height:2px!important;opacity:1!important}


/* IRONScale v369 — one chrome geometry for every page + intact brass rail */
:root{
  --iron-v369-rail:#d0aa39;
  --iron-v369-rail-hi:#e2c05a;
  --iron-v369-dot:9px;
  --iron-v369-logo-gap:150px;
}
body .topbar{overflow:visible!important;isolation:isolate!important}
body .ornament-line{
  position:relative!important;display:block!important;width:100%!important;
  height:10px!important;min-height:10px!important;margin:0!important;
  overflow:visible!important;background:transparent!important;opacity:1!important;
  filter:none!important;mix-blend-mode:normal!important;z-index:30!important;
}
body .ornament-line .rail-half{
  position:absolute!important;top:4px!important;height:2px!important;
  width:calc(50% - var(--iron-v369-logo-gap))!important;
  background:linear-gradient(90deg,var(--iron-v369-rail),var(--iron-v369-rail-hi))!important;
  opacity:1!important;filter:none!important;box-shadow:0 0 7px rgba(213,177,66,.28)!important;
}
body .ornament-line .rail-left{left:0!important;right:auto!important}
body .ornament-line .rail-right{right:0!important;left:auto!important;background:linear-gradient(90deg,var(--iron-v369-rail-hi),var(--iron-v369-rail))!important}
body .ornament-line .top-rail-junction{
  position:absolute!important;top:0!important;width:var(--iron-v369-dot)!important;height:var(--iron-v369-dot)!important;
  box-sizing:border-box!important;border:1px solid #f0d06b!important;border-radius:50%!important;
  background:#a98221!important;box-shadow:0 0 0 2px rgba(24,20,8,.85),0 0 8px rgba(225,188,75,.35)!important;
  opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;
}
body .ornament-line .junction-outer-left{left:6px!important}
body .ornament-line .junction-outer-right{right:6px!important}
body .ornament-line .junction-inner-left{left:calc(50% - var(--iron-v369-logo-gap) - 4px)!important}
body .ornament-line .junction-inner-right{right:calc(50% - var(--iron-v369-logo-gap) - 4px)!important}
body .footer-top-rail{height:2px!important;min-height:2px!important;background:linear-gradient(90deg,transparent,#9e7a21 7%,#dfba4b 50%,#9e7a21 93%,transparent)!important;opacity:1!important;filter:none!important}

/* Desktop: identical header on Home/Database/Reviews/About/etc. */
@media (min-width:1101px){
  body .topbar{height:110px!important;min-height:110px!important;display:grid!important;grid-template-columns:minmax(0,780px) 1fr 340px!important;align-items:center!important;column-gap:18px!important;padding:0 30px!important}
  body .topbar .main-nav{width:780px!important;min-width:0!important;max-width:780px!important;height:52px!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow:hidden!important;white-space:nowrap!important}
  body .topbar .main-nav>a{height:42px!important;min-height:42px!important;flex:0 0 auto!important;white-space:nowrap!important}
  body .topbar .brand{position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:230px!important;height:110px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;z-index:40!important}
  body .topbar .brand img{width:230px!important;height:110px!important;max-width:none!important;object-fit:contain!important;object-position:50% 0!important}
  body .topbar .top-actions{grid-column:3!important;width:340px!important;min-width:340px!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;overflow:visible!important}
}

/* Tablet: separate logo row and nav row. No nav/logo collision, no horizontal scrollbar. */
@media (min-width:721px) and (max-width:1100px){
  :root{--iron-v369-logo-gap:108px}
  body .topbar{position:relative!important;height:142px!important;min-height:142px!important;display:block!important;padding:84px 14px 10px!important;box-sizing:border-box!important}
  body .topbar .brand{position:absolute!important;left:50%!important;top:2px!important;transform:translateX(-50%)!important;width:186px!important;height:78px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;z-index:45!important}
  body .topbar .brand img{width:186px!important;height:78px!important;max-width:none!important;object-fit:contain!important;object-position:50% 0!important}
  body .topbar .top-actions{position:absolute!important;right:12px!important;top:19px!important;width:auto!important;min-width:0!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;z-index:46!important}
  body .topbar .mini-search{width:190px!important;min-width:190px!important;height:38px!important}
  body .topbar .main-nav{position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;height:46px!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;flex-wrap:nowrap!important;white-space:nowrap!important;overflow:hidden!important;scrollbar-width:none!important;padding:0!important;margin:0!important}
  body .topbar .main-nav::-webkit-scrollbar{display:none!important}
  body .topbar .main-nav>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:0 9px!important;font-size:11px!important;white-space:nowrap!important}
  body .topbar .main-nav>a span{flex:0 0 auto!important}
}
@media (min-width:721px) and (max-width:860px){body .topbar .mini-search{display:none!important}}

/* Keep page-specific legacy rules from re-darkening or clipping the chrome. */
body[data-page="database"] .ornament-line .rail-half,
body[data-page="reviews"] .ornament-line .rail-half,
body[data-page="about"] .ornament-line .rail-half{opacity:1!important;filter:none!important}
body[data-page="reviews"] .topbar,body[data-page="about"] .topbar{overflow:visible!important}