/* LF-SITE-001B: Dashboard-family site chrome on the four sibling tools.
   My Dashboard is the locked source; workspace styling stays with each tool. */
.lf-family{position:relative!important;inset:auto!important;z-index:80;width:100%;background:#041713;color:#f8f4ea;font-family:Arial,Helvetica,sans-serif}
.lf-family *{box-sizing:border-box}
.lf-family .site-header{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;height:60px!important;display:grid!important;grid-template-columns:minmax(235px,310px) minmax(0,1fr) 170px;align-items:center;padding:0 clamp(20px,5.74vw,96px)!important;border-top:1px solid rgba(223,189,103,.2);border-bottom:1px solid rgba(166,197,178,.18);background:#041713!important;box-shadow:none!important;color:#f8f4ea!important}
.lf-family .brand{display:flex!important;align-items:center;gap:13px;min-width:0;white-space:nowrap;color:#fff;text-decoration:none}
.lf-family .brand img{width:46px;height:38px;max-width:none}
.lf-family .brand-copy{display:flex;flex-direction:column;line-height:1}
.lf-family .brand-copy strong{font:normal 23px Georgia,serif;letter-spacing:.055em}
.lf-family .brand-copy small{font:normal 8px Arial,sans-serif;letter-spacing:.37em;margin-top:5px}
.lf-family .primary-nav{display:flex!important;justify-content:center;align-items:stretch;height:100%;gap:clamp(12px,1.8vw,30px);margin:0;min-width:0}
.lf-family .primary-nav a{position:relative;display:flex;align-items:center;white-space:nowrap;color:#f4f2e8!important;text-decoration:none;font:600 13px Arial,sans-serif;padding:0!important;opacity:1;text-shadow:none}
.lf-family .primary-nav a span{color:#dfbd67;margin-left:6px}
.lf-family .primary-nav a.active{color:#f4d685!important}
.lf-family .primary-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:9px;height:1px;background:#dfbd67}
.lf-family .get-started{justify-self:end;width:132px;height:38px;border:1px solid #f5d77f;background:linear-gradient(#f4da8f,#d5ae51);color:#10231d!important;text-decoration:none;font:700 13px Arial,sans-serif;border-radius:3px;box-shadow:0 5px 14px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
.lf-family .get-started svg{width:14px;height:14px;fill:currentColor}
.lf-family .subnav{position:relative!important;inset:auto!important;height:35px!important;display:flex!important;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,28px);background:#082621!important;border-bottom:1px solid rgba(126,178,152,.22);font:11px Arial,sans-serif;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}
.lf-family .subnav-label{font-size:10px;font-weight:700;letter-spacing:.06em;color:#dfbd67;margin-right:4px}
.lf-family .subnav a{color:#e9efe9!important;text-decoration:none;padding:7px 9px!important;border-radius:6px;font:11px Arial,sans-serif;opacity:1;text-shadow:none}
.lf-family .subnav a.active{border:1px solid rgba(223,189,103,.58);background:rgba(223,189,103,.08);color:#f4d986!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.lf-family a:hover{color:#f4d685!important}
.lf-family .get-started:hover{color:#10231d!important;filter:brightness(1.07)}
.lf-family a:focus-visible{outline:2px solid #f5d77f;outline-offset:2px}
/* Earlier tool pages reserved room for an absolutely positioned news/header stack. */
body[data-page="radar"] .radar-page,body[data-page="strategy-lab"] .lab-page{padding-top:clamp(16px,2vw,28px)!important}
body[data-page="market-weather"] .mw21-site{padding-top:clamp(10px,1.3vw,22px)!important}
/* Explainer search is kept as its own tool row under the shared family navigation. */
.explainer-tools.sitebar{height:auto;min-height:48px;justify-content:flex-end;padding:5px clamp(16px,2.5vw,44px);gap:0;background:#09241e;border-bottom:1px solid rgba(126,178,152,.22)}
.explainer-tools.sitebar>.brand,.explainer-tools.sitebar>nav,.explainer-tools.sitebar>.utility,.explainer-tools.sitebar>.avatar{display:none!important}
.explainer-tools.sitebar .search{width:min(420px,100%);margin:0;height:36px}
@media(max-width:1100px){.lf-family .site-header{grid-template-columns:215px minmax(0,1fr) 130px;padding-inline:20px!important}.lf-family .brand img{width:38px}.lf-family .brand-copy strong{font-size:18px}.lf-family .primary-nav{gap:12px}.lf-family .primary-nav a{font-size:11px}.lf-family .get-started{width:115px}.lf-family .subnav{justify-content:flex-start;padding-inline:16px;gap:12px}}
@media(max-width:760px){.lf-family .site-header{min-height:64px;height:auto!important;grid-template-columns:minmax(0,1fr) auto;padding:8px 16px!important}.lf-family .primary-nav{display:none!important}.lf-family .get-started{width:110px}.lf-family .subnav-label{display:none}.lf-family .subnav{padding-inline:14px}.lf-family .subnav a{flex:none}.explainer-tools.sitebar{padding-inline:14px}}