@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,500;6..72,600;6..72,700&family=Source+Sans+3:wght@400;600;700&display=swap');
/* The Boomer Guide: shared header + footer design (added 2026-10-30) */
:root{--tg-navy:#243763;--tg-navy-d:#1B2C4F;--tg-navy-dd:#131e38;--tg-gold:#C8A96B;--tg-gold-d:#A57422}

/* ---------- Header: one consistent look on every page ---------- */
header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#2b4373 0%,#223660 100%)!important;border-bottom:3px solid var(--tg-gold)!important;box-shadow:0 6px 20px rgba(15,26,52,.22);backdrop-filter:none!important}
header .navbar,header .nav,header>.wrap{max-width:1180px;width:100%;margin:0 auto!important;padding:10px 22px!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px}
header a.brand{display:inline-flex!important;align-items:center;gap:12px;color:#fff!important;font-family:"Newsreader",Georgia,"Times New Roman",serif!important;font-weight:700;font-size:1.4rem!important;letter-spacing:.01em;text-decoration:none;line-height:1.1}
header a.brand:not(:has(.mark))::before{content:"B";flex:none;width:42px;height:42px;border-radius:50%;background:var(--tg-gold);color:var(--tg-navy-d);display:grid;place-items:center;font:700 1.35rem/1 "Newsreader",Georgia,serif;box-shadow:0 0 0 3px rgba(200,169,107,.28)}
header a.brand:not(:has(.mark))>span,header a.brand .sub{display:none!important}
header a.brand .mark{flex:none!important;width:42px!important;height:42px!important;border-radius:50%!important;background:var(--tg-gold)!important;color:var(--tg-navy-d)!important;display:grid!important;place-items:center;font:700 1.35rem/1 "Newsreader",Georgia,serif!important;box-shadow:0 0 0 3px rgba(200,169,107,.28)}
header a.brand .name,header a.brand>span:not(.mark){font-family:inherit!important;font-size:inherit!important;line-height:1.1;color:#fff}
header a.brand .pre{font-weight:500}
header a.brand .boomer{color:var(--tg-gold)!important}
.tbg-nav a,.tbg-nav .dd-btn{font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important}
header .tbg-nav>a{font-size:18px}
@media(min-width:1060px){
  .tbg-nav>a{position:relative;border-radius:10px}
  .tbg-nav>a::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:var(--tg-gold);transform:scaleX(0);transition:transform .2s ease}
  .tbg-nav>a:hover::after,.tbg-nav>a:focus-visible::after{transform:scaleX(1)}
}
header a:focus-visible,header button:focus-visible{outline:3px solid var(--tg-gold);outline-offset:2px;border-radius:8px}
@media(max-width:600px){header .navbar,header .nav{padding:8px 16px!important}header a.brand{font-size:1.2rem!important}header a.brand:not(:has(.mark))::before,header a.brand .mark{width:36px!important;height:36px!important;font-size:1.15rem!important}}

/* ---------- Footer ---------- */
.tbg-foot2{background:radial-gradient(900px 380px at 92% -8%,rgba(200,169,107,.16),transparent 62%),linear-gradient(180deg,#1b2c4f 0%,#131e38 100%);color:#cfd8ec;border-top:4px solid var(--tg-gold);font:400 16px/1.6 "Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;margin-top:48px;clear:both}
.tbg-foot2 *{box-sizing:border-box}
.tf2-wrap{max-width:1180px;margin:0 auto;padding:46px 22px 30px;display:grid;gap:34px 44px;grid-template-columns:1.8fr 1fr 1fr 1fr 1.35fr}
@media(max-width:1020px){.tf2-wrap{grid-template-columns:1fr 1fr}.tf2-brand{grid-column:1/-1}}
@media(max-width:560px){.tf2-wrap{grid-template-columns:1fr;padding:36px 20px 24px}}
.tf2-logo{display:inline-flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important;font:700 1.45rem/1.1 "Newsreader",Georgia,serif}
.tf2-mark{flex:none;width:44px;height:44px;border-radius:50%;background:var(--tg-gold);color:var(--tg-navy-d);display:grid;place-items:center;font:700 1.4rem/1 "Newsreader",Georgia,serif;box-shadow:0 0 0 4px rgba(200,169,107,.25)}
.tf2-logo span:last-child{white-space:nowrap}
.tf2-brand p{margin:14px 0 18px;max-width:36ch;color:#b9c5de}
.tf2-btn{display:inline-block;background:var(--tg-gold);color:#1b2c4f!important;font-weight:700;padding:12px 20px;border-radius:999px;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.tf2-btn:hover,.tf2-btn:focus-visible{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.32)}
.tf2-col h3{margin:0 0 14px;font:700 .8rem/1 "Source Sans 3",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--tg-gold)}
.tf2-col ul{list-style:none;margin:0;padding:0}
.tf2-col li{margin:0 0 10px}
.tf2-col a{color:#e8edf8!important;text-decoration:none!important;transition:color .15s,padding-left .15s}
.tf2-col a:hover,.tf2-col a:focus-visible{color:#fff!important;padding-left:4px;text-decoration:underline!important;text-decoration-color:var(--tg-gold)!important;text-underline-offset:4px}
.tf2-contact li{display:flex;gap:10px;align-items:flex-start}
.tf2-contact svg{flex:none;width:18px;height:18px;margin-top:5px;stroke:var(--tg-gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tf2-bar{border-top:1px solid rgba(255,255,255,.12);background:rgba(8,14,30,.38)}
.tf2-bar-in{max-width:1180px;width:100%;margin:0 auto;padding:20px 22px 26px;display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;align-items:flex-start}
.tf2-legal{flex:1 1 320px;min-width:0;font-size:.88rem;line-height:1.55;color:#a9b6d3}
.tf2-legal p{margin:0 0 6px}
.tf2-legal a{color:#e8edf8!important;text-decoration:underline!important;text-decoration-color:rgba(200,169,107,.65)!important;text-underline-offset:3px}
.tf2-top{display:inline-flex;align-items:center;gap:8px;color:#fff!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.3);padding:9px 16px;border-radius:999px;font-weight:600;font-size:.9rem;white-space:nowrap}
.tf2-top:hover,.tf2-top:focus-visible{background:rgba(255,255,255,.12)}
@media print{header,.tbg-foot2{display:none}}

/* remove leftover space below the footer (the old floating bar no longer exists) */
body{padding-bottom:0!important}
