/* Queen City Fee Board — emergency-plumber-gainesville-ga.com (PRICE-FIRST). System font stacks only. */
:root{--brand:#3b3486;--brand-deep:#221d57;--brand-soft:#ecebf8;--coral:#b8361e;--coral-soft:#fbe9e4;--surface-1:#f6f6f9;--surface-2:#ffffff;--ink:#181a24;--muted:#4c5063;--line:#d9dae6;--mint:#e3f3ec;--mint-ink:#14533d;
--font-display:'Space Grotesk','Avenir Next','Century Gothic','URW Gothic',Futura,sans-serif;--font-text:'IBM Plex Sans','Segoe UI','Helvetica Neue','Noto Sans',Arial,sans-serif;--font-num:'IBM Plex Mono','SFMono-Regular',Menlo,'Cascadia Mono','Liberation Mono',monospace;--size-1:.3rem;--size-2:.6rem;--size-3:1.05rem;--size-4:1.6rem;--size-5:2.4rem;--radius-card:14px;--radius-pill:999px;--radius-input:6px;--measure:44rem;--wide:74rem}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.hp{margin:0;background:var(--surface-1);color:var(--ink);font:400 1.03rem/1.62 var(--font-text)}
.hp a{color:var(--brand);text-underline-offset:.18em}
.hp a:hover{color:var(--coral)}
.hp-skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:50}
.hp-skip:focus{left:.5rem}
.hp-top{position:sticky;top:0;z-index:20;background:var(--surface-2);border-bottom:1px solid var(--line)}
.hp-top__row{max-width:var(--wide);margin:0 auto;display:flex;align-items:center;gap:var(--size-3);padding:.55rem var(--size-3);min-height:62px}
.hp-logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--brand-deep);font:600 1.02rem/1.15 var(--font-display);letter-spacing:-.01em}
.hp-logo__ic{width:34px;height:34px;color:var(--brand);flex:0 0 34px}
.hp-logo__t b{display:block;font-weight:700;color:var(--brand)}
.hp-nav{display:flex;gap:1.1rem;margin-left:auto}
.hp-nav__a{text-decoration:none;font-weight:500;font-size:.94rem;color:var(--ink);padding:.7rem 0;border-bottom:2px solid transparent}
.hp-nav__a.is-on,.hp-nav__a:hover{border-bottom-color:var(--brand);color:var(--brand)}
.hp-pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.55rem 1.25rem;border-radius:var(--radius-pill);background:var(--coral);color:#fff;font:600 .98rem/1.2 var(--font-display);text-decoration:none;border:0;cursor:pointer;text-align:center}
.hp .hp-pill{color:#fff}
.hp-pill:hover{background:#962a15}
.hp-pill--lg{min-height:52px;padding:.7rem 1.6rem;font-size:1.05rem}
.hp-pill--wide{width:100%;margin-top:.4rem}
.hp-pill--top{margin-left:.4rem}
.hp-ghost{display:inline-flex;align-items:center;min-height:46px;font-weight:600;color:var(--brand-deep)}
.hp-hero{background:linear-gradient(180deg,var(--brand-soft),var(--surface-1))}
.hp-hero__grid{max-width:var(--wide);margin:0 auto;padding:var(--size-5) var(--size-3) var(--size-4);display:grid;gap:var(--size-4);align-items:center}
.hp-eyebrow{margin:0 0 .5rem;font:600 .76rem/1.4 var(--font-display);letter-spacing:.14em;color:var(--brand)}
.hp-hero h1{margin:0 0 .7rem;font:700 clamp(1.9rem,4.2vw,2.9rem)/1.06 var(--font-display);letter-spacing:-.025em;color:var(--brand-deep)}
.hp-sub{margin:0 0 1.2rem;max-width:38rem;color:var(--muted);font-size:1.07rem}
.hp-hero__acts{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center}
.hp-fees{background:var(--surface-2);border-radius:var(--radius-card);box-shadow:0 12px 32px -18px rgba(34,29,87,.45);padding:var(--size-3) var(--size-3) .8rem;border:1px solid var(--line)}
.hp-fees__h{margin:0 0 .4rem;font:700 1.02rem/1.3 var(--font-display);color:var(--brand-deep)}
.hp-fees__list{margin:0}
.hp-fees__row{display:flex;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-top:1px dashed var(--line)}
.hp-fees__row dt{font-size:.9rem;color:var(--muted);max-width:60%}
.hp-fees__row dd{margin:0;text-align:right}
.hp-fees__v{display:block;font:600 1.04rem/1.25 var(--font-num);color:var(--ink);font-variant-numeric:tabular-nums}
.hp-fees__src{font-size:.75rem}
.hp-fees__note{margin:.5rem 0 0;font-size:.78rem;color:var(--muted)}
.hp-body{max-width:var(--wide);margin:0 auto;padding:0 var(--size-3) var(--size-5);display:grid;gap:var(--size-4)}
.hp-rail__card{background:var(--surface-2);border:2px solid var(--brand);border-radius:var(--radius-card);padding:var(--size-3)}
.hp-rail__h{margin:0;font:700 1.25rem/1.2 var(--font-display);color:var(--brand-deep)}
.hp-rail__lede{margin:.2rem 0 .5rem;font-size:.9rem;color:var(--muted)}
.hp-form{display:grid;gap:.2rem}
.hp-form label{font-weight:600;font-size:.88rem;margin-top:.45rem}
.hp-form input,.hp-form select{width:100%;min-height:46px;font:inherit;padding:.45rem .6rem;border:1.5px solid #b9bbcd;border-radius:var(--radius-input);background:#fff;color:var(--ink)}
.hp-form input:focus,.hp-form select:focus{outline:3px solid var(--brand-soft);border-color:var(--brand)}
.hp-form__fine{margin:.55rem 0 0;font-size:.8rem;line-height:1.45;color:var(--muted)}
main{min-width:0}
main h2{display:flex;gap:.65rem;align-items:baseline;margin:var(--size-5) 0 var(--size-2);font:700 1.45rem/1.2 var(--font-display);letter-spacing:-.015em;color:var(--brand-deep);max-width:var(--measure)}
main>h2:first-child{margin-top:var(--size-4)}
.hp-num{flex:0 0 auto;font:600 .78rem/1 var(--font-num);color:#fff;background:var(--brand);border-radius:6px;padding:.32rem .42rem;transform:translateY(-.15rem)}
main p{margin:0 0 1rem;max-width:var(--measure)}
.hp-ledger{margin:var(--size-3) 0 var(--size-4);max-width:50rem}
.hp-ledger__scroll{overflow-x:auto;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface-2)}
.hp-ledger table{width:100%;border-collapse:collapse;font-size:.9rem}
.hp-ledger caption{caption-side:top;text-align:left;padding:.7rem .8rem .4rem;font:600 .95rem/1.3 var(--font-display);color:var(--brand-deep)}
.hp-ledger th{background:var(--brand-deep);color:#fff;text-align:left;font-weight:600;padding:.5rem .7rem;white-space:nowrap}
.hp-ledger td{padding:.5rem .7rem;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.hp-ledger tbody tr:nth-child(even){background:#fafafd}
.hp-ledger td:last-child{font-size:.78rem;color:var(--muted)}
.hp-ledger figcaption{font-size:.8rem;color:var(--muted);margin-top:.4rem}
.cta{max-width:var(--measure);margin:var(--size-4) 0;background:var(--mint);border-radius:var(--radius-card);padding:var(--size-3);display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;justify-content:space-between}
.hp-cta__t{margin:0;font:600 1.05rem/1.35 var(--font-display);color:var(--mint-ink);flex:1 1 18rem}
.hp-srcbox{max-width:var(--measure);margin-top:var(--size-4);padding:var(--size-3);border-left:4px solid var(--brand);background:var(--surface-2);font-size:.85rem;line-height:1.55;border-radius:0 var(--radius-card) var(--radius-card) 0}
.hp-srcbox p{margin:0}
.faq,.related{max-width:var(--measure)}
.faq h2,.related h2{font-size:1.25rem}
.hp-q{border-bottom:1px solid var(--line)}
.hp-q summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:600;list-style:none}
.hp-q summary::-webkit-details-marker{display:none}
.hp-q summary::after{content:"+";font:700 1.3rem/1 var(--font-num);color:var(--coral)}
.hp-q[open] summary::after{content:"\2212"}
.hp-rel{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}
.hp-rel a{display:flex;min-height:44px;align-items:center;padding:.3rem .8rem;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--surface-2);text-decoration:none;font-weight:500}
.hp-calc{max-width:var(--measure);margin:var(--size-3) 0 var(--size-4);padding:var(--size-3);border-radius:var(--radius-card);background:var(--surface-2);border:2px dashed var(--brand)}
.hp-calc__f{display:grid;gap:.25rem}
.hp-calc__f label{font-weight:600;font-size:.88rem;margin-top:.4rem}
.hp-calc__f input,.hp-calc__f select{min-height:46px;font:inherit;padding:.4rem .6rem;border:1.5px solid #b9bbcd;border-radius:var(--radius-input);background:#fff}
.hp-calc__out{display:block;margin-top:var(--size-3);padding:var(--size-3);background:var(--brand-soft);border-radius:var(--radius-input);font-family:var(--font-num);font-size:.92rem;line-height:1.8}
.hp-foot{background:var(--brand-deep);color:#dcdaf3;font-size:.9rem}
.hp-foot__in{max-width:var(--wide);margin:0 auto;padding:var(--size-5) var(--size-3) 6.5rem}
.hp-foot__cols{display:grid;gap:var(--size-3)}
.hp-foot__h{margin:0 0 .3rem;font:700 .82rem/1.3 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.hp-foot ul{margin:0;padding:0;list-style:none}
.hp-foot li a{display:inline-flex;min-height:40px;align-items:center;color:#dcdaf3;text-decoration:none}
.hp-foot li a:hover{color:#fff;text-decoration:underline}
.hp-foot__disc{margin:var(--size-4) 0 0;padding-top:var(--size-3);border-top:1px solid #3d3787;line-height:1.55;max-width:60rem}
.hp-foot__meta{color:#aeabd8;font-size:.8rem}
.hp-dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:3fr 1fr;background:var(--surface-2);border-top:1px solid var(--line);box-shadow:0 -6px 18px -12px rgba(0,0,0,.35)}
.hp-dock a{display:flex;align-items:center;justify-content:center;min-height:56px;font:600 1rem/1 var(--font-display);text-decoration:none}
.hp .hp-dock__go{background:var(--coral);color:#fff}
.hp-dock__alt{color:var(--brand-deep)}
@media(min-width:880px){.hp-hero__grid{grid-template-columns:1.25fr .9fr;padding-top:3.4rem}.hp-body{grid-template-columns:minmax(0,1fr) 21rem}.hp-rail{grid-column:2;grid-row:1}main{grid-column:1;grid-row:1}
 .hp-rail__card{position:sticky;top:84px;margin-top:var(--size-4)}.hp-foot__cols{grid-template-columns:repeat(3,1fr)}.hp-dock{display:none}.hp-foot__in{padding-bottom:var(--size-5)}}
@media(max-width:879px){.hp-nav{display:none}.hp-pill--top{margin-left:auto}.hp-rail{margin-top:var(--size-3)}}
@media(max-width:420px){.hp-pill--top{display:none}.hp-logo__t{font-size:.95rem}}