/* One palette and one navigation system across Sarasota FHA pages. */
:root {
  --paper:#f7f2e9;
  --shell:#fffdf8;
  --shell-2:#e8e3d6;
  --ink:#0d2340;
  --ink-2:#304253;
  --ink-3:#5c675f;
  --coral:#cb642d;
  --coral-text:#a84722;
  --coral-deep:#a94820;
  --line:#cfc5b5;
  --rule:rgba(13,35,64,.16);
  --ok:#58776a;
  --green:#58776a;
  --gold:#cb642d;
  --light:#f7f2e9;
  --accent:#cb642d;
  --dark:#0d2340;
  --navy:#0d2340;
  --blue:#304253;
  --cream:#f7f2e9;
  --card:#fffdf8;
}

/* The menu is rendered by site.js on every public page. These rules also cover
   recent guides that previously had no shared stylesheet. */
#site-nav .topbar {position:sticky;top:0;z-index:100;background:rgba(255,253,248,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);color:var(--ink)}
#site-nav .topbar__inner {max-width:1440px;min-height:76px;margin:auto;padding:12px clamp(16px,3vw,48px);display:flex;align-items:center;gap:20px}
#site-nav .brand {font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(17px,2vw,25px);letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:5px;line-height:1.1}
#site-nav .brand::before {content:'✦';color:var(--coral);font-size:.72em}
#site-nav .brand sup {display:none}
#site-nav .nav-links {display:flex;align-items:center;gap:clamp(12px,1.7vw,28px);margin-left:auto;font:500 14px/1.3 Inter,system-ui,sans-serif}
#site-nav .nav-links a {color:var(--ink);text-decoration:none;white-space:nowrap;padding:8px 0;border-bottom:1px solid transparent}
#site-nav .nav-links a:hover,#site-nav .nav-links a:focus-visible {border-color:var(--coral)}
#site-nav .topbar__phone {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;color:var(--ok);font:700 14px/1 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;margin:0}
#site-nav .topbar__phone svg {width:18px;height:18px;flex:none}
#site-nav .apex-cta-group {display:inline-flex;align-items:center;gap:8px;margin:0;flex:none}
#site-nav .apex-cta {min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--ink);border-radius:4px;font:700 13px/1.1 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
#site-nav .apex-cta--schedule {background:transparent;color:var(--ink)}
#site-nav .apex-cta--apply {background:var(--coral);border-color:var(--coral);color:#fff}
#site-nav .apex-cta__short,#site-nav .header__apply-sub {display:none}
#site-nav .header__apply-wrap {display:inline-flex}
#site-nav .burger {width:44px;height:44px;flex:0 0 44px;display:none;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;border-radius:4px;color:var(--ink);cursor:pointer;padding:10px}
#site-nav .burger svg {display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}

#site-nav .drawer {position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);transform:translateX(100%);transition:transform .25s ease;max-width:100vw}
#site-nav .drawer[data-open="true"] {transform:translateX(0)}
#site-nav .drawer__head {display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}
#site-nav .drawer__close {width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;padding:10px}
#site-nav .drawer__close svg {width:22px;height:22px}
#site-nav .drawer__body {flex:1;overflow-y:auto;padding:20px 22px}
#site-nav .drawer__body a {display:block;padding:12px 0;border-bottom:1px solid var(--rule);font:700 clamp(23px,5vw,34px)/1.2 'Bricolage Grotesque',system-ui,sans-serif;color:var(--ink);text-decoration:none}
#site-nav .drawer__foot {padding:14px 22px max(22px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--shell);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#site-nav .drawer__foot a {display:grid;place-items:center;min-height:44px;padding:10px;background:var(--ink);color:#fff;text-align:center;text-decoration:none;font:700 13px/1.2 Inter,system-ui,sans-serif;margin:0}
#site-nav .drawer__foot a.coral,#site-nav .drawer__foot a.drawer__cta--apply {background:var(--coral)}
#site-nav :focus-visible {outline:2px solid var(--coral);outline-offset:3px}

/* Legacy article pages keep their content layout but use the site's colors. */
body.standalone-guide {background:var(--shell);color:var(--ink);font-family:Inter,system-ui,sans-serif}
body.standalone-guide a {color:var(--coral-text)}
body.standalone-guide .hero {background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
body.standalone-guide .hero h1 {color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}
body.standalone-guide .hero p,body.standalone-guide .hero .meta,body.standalone-guide .hero .crumbs {color:var(--ink-2)}
body.standalone-guide .hero .eyebrow,body.standalone-guide .hero .kicker {color:var(--coral-text)}
body.standalone-guide .hero .crumbs a {color:var(--coral-text)}
body.standalone-guide .answer,body.standalone-guide .local,body.standalone-guide .card,body.standalone-guide .callout,body.standalone-guide .outside,body.standalone-guide .social {background:var(--paper)!important;border-color:var(--line)!important}
body.standalone-guide .answer {border-left:5px solid var(--coral)!important}
body.standalone-guide .side,body.standalone-guide .sidebox,body.standalone-guide .content section {border-color:var(--line)}
body.standalone-guide th {background:var(--paper)}
body.standalone-guide th,body.standalone-guide td {border-color:var(--line)}
body.standalone-guide .button {background:var(--coral);color:#fff!important;border-color:var(--coral)}
body.standalone-guide .footer,body.standalone-guide .sidecard,body.standalone-guide .mobile-cta {background:var(--ink);color:#fff}
body.standalone-guide .footer a,body.standalone-guide .sidecard a {color:#fff}
body.standalone-guide .disclosure {color:var(--ink-2)}
body.standalone-guide .layout > article {min-width:0}
body.standalone-guide .table-wrap {max-width:100%;overflow-x:auto}

@media(max-width:1180px) {
  #site-nav .nav-links {display:none}
  #site-nav .burger {display:inline-flex;margin-left:auto}
  #site-nav .topbar__phone {margin-left:auto}
  #site-nav .apex-cta-group {margin-left:0}
}
@media(max-width:680px) {
  #site-nav .topbar__inner {min-height:64px;gap:8px;padding:10px 16px}
  #site-nav .brand {font-size:17px}
  #site-nav .topbar__phone-num,#site-nav .apex-cta--schedule {display:none}
  #site-nav .topbar__phone {width:44px;flex:0 0 44px;margin-left:auto}
  #site-nav .apex-cta__full {display:none}
  #site-nav .apex-cta__short {display:inline}
  #site-nav .apex-cta--apply {padding:9px 11px}
  #site-nav .burger {margin-left:0;display:inline-flex!important;width:44px!important;height:44px!important;flex-basis:44px!important}
}
@media(max-width:800px) {
  body.standalone-guide .layout {display:block}
}
@media(max-width:380px) {
  #site-nav .topbar__inner {gap:6px;padding:10px 12px}
  #site-nav .brand {font-size:15px!important}
  #site-nav .topbar__phone {display:none}
  #site-nav .apex-cta-group {margin-left:auto}
}
@media(prefers-reduced-motion:reduce) {#site-nav .drawer {transition:none}}