/* Shared header, footer and mobile tab bar for the static pages (#158).
   Markup comes from tools/chrome.js. Loaded after each page's own <style>. */
.wtb-hd,.wtb-hd *,.wtb-ft,.wtb-ft *,.wtb-tabs,.wtb-tabs *{box-sizing:border-box}
.wtb-hd{position:sticky;top:0;margin:0;padding:0;z-index:40;background:rgba(11,29,23,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;line-height:1.2}
.wtb-hd-in{max-width:1100px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:10px}
.wtb-brand{display:flex;align-items:center;gap:10px;margin-right:auto;min-height:44px;text-decoration:none!important;color:#fff!important;font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:900;font-size:20px;letter-spacing:-.01em;white-space:nowrap}
.wtb-brand svg{flex:0 0 auto}
.wtb-brand i{color:#62d095;font-style:italic}
.wtb-brand b{color:#62d095;font-weight:900}
.wtb-nav{display:flex;align-items:center;gap:2px}
.wtb-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 11px;border-radius:9px;color:#c9d8cf!important;font-size:14px;font-weight:600;text-decoration:none!important;white-space:nowrap;margin:0}
.wtb-nav a:hover{color:#fff!important;background:rgba(255,255,255,.07)}
.wtb-nav a[aria-current=page]{color:#fff!important;background:rgba(98,208,149,.16)}
.wtb-nav a.wtb-cta{background:#62d095;color:#062112!important;font-weight:800;margin-left:8px;min-height:38px;padding:0 14px}
.wtb-nav a.wtb-cta:hover{background:#7adba7;color:#062112!important}
.wtb-ft{margin:56px 0 0;padding:32px 16px 28px;background:#0b1d17;color:#a9c4b6;border:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;font-size:14px;line-height:1.4;text-align:left;max-width:none}
.wtb-ft-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.wtb-ft h2{margin:0 0 6px;font:700 11px/1.4 Inter,-apple-system,'Segoe UI',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7fb89c}
.wtb-ft a{display:block;margin:0;padding:7px 0;color:#e2ede7!important;text-decoration:none!important}
.wtb-ft a:hover{color:#62d095!important}
.wtb-ft-note{max-width:1100px;margin:24px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#8fae9f}
.wtb-tabs{display:none}
@media (max-width:900px){
  .wtb-d{display:none!important}
  .wtb-hd-in{padding:6px 12px}
  .wtb-brand{font-size:18px;gap:8px}
  .wtb-brand svg{width:28px;height:28px}
  .wtb-nav a{padding:0 9px}
  .wtb-ft-in{grid-template-columns:1fr 1fr}
  .wtb-ft{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .wtb-tabs{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(11,29,23,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);padding:6px 4px calc(6px + env(safe-area-inset-bottom));font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}
  .wtb-tabs a{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:48px;padding:4px 0;color:#a9c4b6!important;font-size:10.5px;font-weight:700;letter-spacing:.02em;line-height:1.2;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
  .wtb-tabs svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .wtb-tabs .wtb-listen span{width:54px;height:54px;margin-top:-24px;border-radius:999px;background:#2f7d5b;border:3px solid #0b1d17;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.35)}
  .wtb-tabs .wtb-listen svg{stroke:#fff;width:24px;height:24px}
  /* comfortable tap targets for in-content links on phones */
  .crumb a,.breadcrumb a{display:inline-block;padding:6px 0}
}
@media (max-width:360px){.wtb-brand span{font-size:16px}.wtb-nav a{padding:0 7px;font-size:13px}}
/* Quick picks block on buying guides (tools/fix-buying-guides.py) */
.wtb-quick{margin:20px 0 28px;padding:14px 16px 8px;background:#fffdf7;border:1px solid #2f7d5b;border-radius:14px}
.wtb-quick h2{margin:0 0 6px!important;font-size:18px!important}
.wtb-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e2dac8;text-decoration:none!important;color:#20302a!important;min-height:56px}
.wtb-q:first-of-type{border-top:0}
.wtb-q b{display:block;font-size:15px;line-height:1.3}
.wtb-q b i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#2f7d5b;color:#fff;padding:2px 6px;border-radius:4px;margin-left:4px;vertical-align:middle;white-space:nowrap}
.wtb-q small{display:block;font-size:12.5px;color:#6f7d75;line-height:1.35}
.wtb-q em{flex:0 0 auto;font-style:normal;font-weight:700;font-size:13px;background:#2f7d5b;color:#fff;padding:9px 12px;border-radius:8px;white-space:nowrap}
.wtb-q:hover em{background:#256649}