/* Clarity board look: light grey page, white rounded cards, soft shadow, system font, blue buttons, Clarity yellow accent, glass top bar. Overrides styles.css. */
:root{--y:#FFD400;--blue:#0A84FF;--blue-d:#0066D6;--blue-t:#E5F1FF;--bg:#F6F7F9;--card:#FFFFFF;--ink:#14171C;--muted:#667085;--line:rgba(20,23,28,.08);--soft:#F0F2F5;
--shadow:0 1px 2px rgba(20,23,28,.05),0 6px 20px rgba(20,23,28,.06);--r:16px;
--green:#0A84FF;--green-d:#14171C;--moss:#FFD400;--stone:#F0F2F5;--mute:#667085;--amber:#0A84FF}
body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3,.gal-h,.big{letter-spacing:-.02em}
a{color:#1A5FD0}
.mockbar{background:#FFF7CC;color:#4a3d00;border-bottom:1px solid rgba(20,23,28,.08);font-weight:600}
.ph-inline{border-color:#b39500}
.top{background:rgba(246,247,249,.82);border-bottom:1px solid var(--line);}
.logo{background:#fff;padding:5px 10px;border-radius:12px;box-shadow:var(--shadow);box-sizing:content-box}
nav a{color:var(--ink)}
nav a:not(.btn):hover{color:var(--blue)}
.btn{background:var(--blue);border-color:var(--blue);color:#fff;border-radius:12px;font-weight:700}
.btn:hover{background:var(--blue-d);border-color:var(--blue-d);color:#fff}
.btn-sm{border-radius:10px;color:#fff!important}
.btn-ghost,.btn-light{background:var(--blue-t);color:var(--blue-d);border-color:var(--blue-t)}
.btn-ghost:hover,.btn-light:hover{background:#d4e7ff;border-color:#d4e7ff;color:var(--blue-d)}
.hero .btn-light{background:var(--blue);color:#fff;border-color:var(--blue)}
.hero .btn-light:hover{background:var(--blue-d);border-color:var(--blue-d);color:#fff}
.hero{color:var(--ink);background:var(--bg)}
.hero-bg{background:radial-gradient(90% 80% at 90% 0%,rgba(255,212,0,.16) 0%,rgba(255,212,0,0) 60%),radial-gradient(80% 80% at 0% 100%,rgba(10,132,255,.10) 0%,rgba(10,132,255,0) 60%),linear-gradient(180deg,#fff 0%,var(--bg) 100%)}
.eyebrow{color:var(--muted);letter-spacing:.08em}
.hero h1{font-weight:800;color:var(--ink)}
.hero h1 em{font-style:normal;color:var(--ink);background:linear-gradient(transparent 62%,var(--y) 62%,var(--y) 92%,transparent 92%);padding:0 .08em}
.lead{color:#2b313a}
.hero-note{color:var(--muted)}
.hero-photo{border-radius:20px;box-shadow:0 2px 6px rgba(20,23,28,.08),0 18px 40px rgba(20,23,28,.14)}
.strip{background:var(--card);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.strip strong{color:var(--ink)}
.strip span{color:var(--muted)}
.sec{background:var(--bg)}
.sec.alt{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
h2{color:var(--ink);font-weight:800}
h2::after{content:"";display:block;width:48px;height:4px;margin-top:12px;background:var(--y);border-radius:999px}
.sub{color:var(--muted)}
h3{color:var(--ink)}
.card{background:var(--card);border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.card p{color:var(--muted)}
.card-ph{border-top:1px solid var(--line)}
.ph{background:#FFFBE6;border:1px dashed #b39500;color:#5c4b00!important}
.gal-h{color:var(--ink)}
.shot a{background:var(--soft);border-radius:var(--r);box-shadow:var(--shadow)}
.shot a:hover{box-shadow:0 0 0 3px var(--blue-t),var(--shadow)}
figcaption{color:var(--ink)}
.ph-cap{color:#7a6300}
.more a{color:#1A5FD0}
.motto{font-size:20px;font-weight:700;color:var(--ink);background:var(--card);border:1px solid var(--line);border-left:4px solid var(--y);border-radius:12px;padding:12px 16px;margin:18px 0;box-shadow:var(--shadow)}
.about-img{border:1px solid var(--line);box-shadow:var(--shadow)}
.towns li{background:var(--card);border:1px solid var(--line);color:var(--ink);box-shadow:0 1px 2px rgba(20,23,28,.04)}
.towns .ph-li{border-color:#b39500;color:#7a6300}
.hours{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-collapse:separate;border-spacing:0}
.hours th,.hours td{border-bottom:1px solid var(--line);color:var(--ink)}
.hours th{color:var(--ink)}
.big a{color:var(--ink)}
.form{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.form label{color:var(--ink)}
.form input,.form select,.form textarea{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:12px}
.form input:focus,.form select:focus,.form textarea:focus,.btn:focus-visible,a:focus-visible{outline:3px solid #64d2ff;outline-offset:2px}
.form-note{background:#FFFBE6;color:#5c4b00;border-color:#b39500}
.form-status{color:var(--ink)}
.foot{background:#14171C;color:#c5cbd4;border-top:0}
.foot a{color:#8AB4FF}
.callbar{background:var(--blue);color:#fff;box-shadow:0 -2px 14px rgba(20,23,28,.18)}
.skip{background:var(--ink);color:#fff}
.game{margin:0 0 14px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-left:4px solid var(--y);padding:10px 14px;border-radius:12px;max-width:780px;box-shadow:var(--shadow)}

/* Big Man quotes 31 Oct */
.bm-quote{padding:22px 0;text-align:center}
.bm-quote .bm-tag{display:inline-block;background:#FFD400;color:#14171C;font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin-bottom:10px}
.bm-quote p{margin:0 auto;max-width:640px;font-size:1.2rem;font-style:italic;line-height:1.45;color:#14171C;white-space:normal}
.bm-bot{background:#fff;border-top:1px solid #e6e8ec}
