/* City colors (James 2026-09-27): one look for every public page.
   Gables green + Merrick orange from coralgables.com, stucco ground, Lora + Open Sans 18 px. */
:root{
  --cg-ground:#F6F1E6; --cg-surface:#FFFFFF; --cg-ink:#1E2A26; --cg-muted:#4A524C;
  --cg-green:#00706F; --cg-green-deep:#0B4E4D; --cg-orange:#B8531A; --cg-orange-deep:#963F10;
  --cg-line:#DCD3C2; --cg-tint:#E3EFEE; --cg-tint2:#EFE8DA; --cg-band-muted:#CFE3E1;
  --cg-found:#F6D9C9; --cg-serif:"Lora",Georgia,serif; --cg-sans:"Open Sans",system-ui,-apple-system,sans-serif;
  --cg-radius:10px; --cg-gutter:clamp(16px,4vw,56px);
}
html{background:var(--cg-ground)}
body.cg{margin:0;background:var(--cg-ground);color:var(--cg-ink);font:18px/1.6 var(--cg-sans);-webkit-text-size-adjust:100%}
body.cg *{box-sizing:border-box}
.cg a{color:var(--cg-green)} .cg a:hover{color:var(--cg-green-deep)}
.cg h1,.cg h2,.cg h3{font-family:var(--cg-serif);font-weight:600;color:var(--cg-ink);text-wrap:balance;margin:0;line-height:1.2}
.cg p{margin:0}
.cg :focus-visible{outline:3px solid var(--cg-orange);outline-offset:2px}
.cg-wrap{max-width:1280px;margin:0 auto;padding-inline:var(--cg-gutter)}
.cg-muted{color:var(--cg-muted)}
/* header */
.cg-ribbon{background:var(--cg-green-deep);color:#fff;font-size:15px;text-align:center;padding:7px 16px}
.cg-flagrule{height:6px;background:linear-gradient(90deg,var(--cg-green) 0 33.33%,var(--cg-ground) 33.33% 66.66%,#C05818 66.66%)}
.cg-head{background:var(--cg-surface);border-bottom:1px solid var(--cg-line)}
.cg-head .cg-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;flex-wrap:wrap;padding-block:8px}
.cg-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cg-ink)!important}
.cg-brand img{width:40px;height:40px}
.cg-brand span{font-family:var(--cg-serif);font-size:22px;font-weight:600}
.cg-nav{display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center}
.cg-nav a{font-size:17px;font-weight:600;text-decoration:none;color:var(--cg-ink);padding:10px 2px;border-bottom:3px solid transparent;min-height:44px;display:inline-flex;align-items:center}
.cg-nav a.on,.cg-nav a:hover{color:var(--cg-green);border-bottom-color:var(--cg-green)}
/* controls */
.cg-search{display:flex;gap:10px;width:100%}
.cg-search input{flex:1;min-width:0;height:60px;border:2px solid var(--cg-ink);border-radius:var(--cg-radius);padding:0 18px;font:19px var(--cg-sans);background:var(--cg-surface);color:var(--cg-ink)}
.cg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border:0;border-radius:var(--cg-radius);background:var(--cg-orange);color:#fff!important;font:700 19px var(--cg-sans);text-decoration:none;cursor:pointer}
.cg-btn:hover{background:var(--cg-orange-deep)}
.cg-search .cg-btn{height:60px}
.cg-btn.quiet{background:var(--cg-surface);color:var(--cg-ink)!important;border:2px solid var(--cg-ink)}
.cg-chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cg-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--cg-line);border-radius:22px;background:var(--cg-surface);font-weight:600;font-size:17px;text-decoration:none}
.cg-panel{background:var(--cg-surface);border:1px solid var(--cg-line);border-radius:12px;padding:24px 26px}
/* footer */
.cg-foot{margin-top:64px;background:var(--cg-surface);border-top:1px solid var(--cg-line)}
.cg-foot .cg-wrap{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;align-items:center;padding-block:24px;font-size:16px;color:var(--cg-muted)}
.cg-foot nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.cg-foot nav a{font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.cg-foot .credits{flex-basis:100%;font-size:15px}
@media (max-width:720px){.cg-brand span{font-size:19px}.cg-nav{gap:0 16px}.cg-nav a{font-size:16px}.cg-search{flex-direction:column}.cg-search input{flex:none;width:100%}.cg-search .cg-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.cg *{transition:none!important;scroll-behavior:auto!important}}