/* 청소의신 · shared components for journal, counter and local */
.local-head{background:var(--tint);border-bottom:1px solid var(--line);padding:clamp(1.4rem,4vw,3.5rem) 0}
.local-head .eyebrow{margin:1.3rem 0 .55rem}.local-head h1{max-width:24ch}
.local-intro{max-width:53rem;margin:.9rem 0;color:var(--muted)}
.local-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.3rem}
.local-guide{padding-block:clamp(2rem,5vw,4rem);display:grid;gap:clamp(1.8rem,4vw,3.25rem)}
.local-guide h2{font-size:clamp(1.35rem,3vw,1.9rem);margin-bottom:.8rem}
.field-reading,.field-scenario{max-width:76ch}.field-reading{border-inline-start:3px solid var(--brand);padding-inline-start:clamp(1rem,2vw,1.6rem)}.field-reading p,.field-scenario p{line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}.field-reading .eyebrow{margin:0 0 .4rem}.field-reading .text-link{font-size:.88rem}.field-scenario p strong{font-weight:650}.field-scenario p+p{margin-top:.55rem}
.local-guide ul{padding-inline-start:1.2rem;margin:.5rem 0}.local-guide li{margin:.35rem 0}
.local-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,4vw,4rem)}
.local-visit,.local-end{padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}
.local-visit p,.local-faq p{margin:.6rem 0}.local-end{background:var(--tint);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.local-index{margin-top:1rem}.local-index h3{font-size:1rem;margin:1rem 0 .5rem}
@media(max-width:650px){.local-columns{grid-template-columns:1fr}.local-actions a{flex:1 1 auto}.local-end .button{width:100%}}
.finder {scroll-margin-top:6rem}
.finder .finder-head,.finder .finder-row {display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.finder .finder-kicker {font-size:.78rem;font-weight:750;color:var(--brand);letter-spacing:.06em;margin:0 0 .4rem}
.finder h2 {font-size:clamp(1.55rem,3vw,2.3rem)}
.finder .finder-intro,.finder .finder-foot {color:var(--muted);margin:.65rem 0 1.2rem}
.finder .finder-foot {font-size:.86rem;margin:1rem 0 0}
.finder-zones {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.finder-zones a {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(.8rem,2.2vw,1.65rem);background:var(--surface)}
.finder-zones a span {font-size:clamp(1.22rem,2.8vw,2rem);font-weight:750;line-height:1.2}
.finder-zones small {margin-top:.33rem;font-size:.84rem;color:var(--muted)}
.finder-zones i {position:absolute;right:1rem;top:.9rem;font:inherit}
.finder-zones [aria-current] {background:var(--brand);border-color:var(--brand);color:white}
.finder-zones [aria-current] small {color:white}
.finder-panel {margin-top:1rem;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:clamp(1rem,3vw,2rem)}
.finder-row h3 small {font-size:.9rem;color:var(--brand)}
.finder-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.5rem;margin-top:1rem}
.finder-grid a {display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:.65rem .8rem;min-height:44px;font-weight:650}
.finder-grid a span {font-size:.8rem;color:var(--muted)}
.finder-grid [aria-current],.finder-grid a:hover,.finder-zones a:not([aria-current]):hover {background:var(--tint);border-color:var(--brand);color:var(--brand)}
.finder-detail {margin-top:1.1rem;border-inline-start:3px solid var(--brand);padding:1rem;background:var(--tint);scroll-margin-block:6rem}
.finder-detail h4 {font-size:1.1rem}
.local-form {display:flex;gap:.8rem;align-items:flex-end;flex-wrap:wrap;margin-block:1rem}
.local-form .field {flex:1 1 12rem}
.area-hub {padding-block:clamp(1.5rem,5vw,4rem)}
.area-index {padding-bottom:2rem}
.place-directory .place-groups {display:flex;flex-wrap:wrap;align-items:flex-start;gap:.45rem;margin:1rem 0}
.place-groups>span,.place-groups>details {padding:.28rem .65rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:.94rem}
.place-groups>details[open] {flex-basis:100%}
.field[hidden] {display:none!important}
@media(max-width:550px){.finder-zones{gap:.35rem}.finder-zones i{right:.4rem;top:.25rem;font-size:.8rem}.finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.local-form .button{width:100%}}
:root {
  --ink:#192e29; --muted:#4e615a; --brand:#07584a; --strong:#003f35;
  --paper:#fbfaf6; --surface:#fff; --line:#d1ddd4; --tint:#eaf2eb;
  --dark:#14372f; --on-dark:#fff; --warm:#8a4a30; --radius:5px;
  --gutter:clamp(1rem,4vw,3rem); --measure:73rem;
  --heading:clamp(2.6rem,5.4vw,5rem); --space:clamp(2.7rem,6vw,6rem);
  color-scheme:light;
}
body[data-skin="counter"] {
  --ink:#132137; --muted:#4a5c75; --brand:#1554c7; --strong:#063d9b;
  --paper:#f8fafc; --surface:#fff; --line:#d4dfeb; --tint:#e9f1ff;
  --dark:#122134; --radius:10px;
}
body[data-skin="local"] {
  --ink:#162f25; --muted:#4f614c; --brand:#185438; --strong:#0e3f2c;
  --paper:#faf8f2; --surface:#fffdfa; --line:#d6dacb; --tint:#eaf0e0;
  --dark:#153d2e; --warm:#a14b1c; --radius:6px;
}
*,*::before,*::after { box-sizing:border-box }
html { scroll-behavior:smooth; scroll-padding-top:78px }
body {
  margin:0; background:var(--paper); color:var(--ink);
  font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:1rem; line-height:1.65; word-break:keep-all; overflow-wrap:anywhere;
  -webkit-font-smoothing:antialiased;
}
::selection { background:var(--tint); color:var(--strong) }
a { color:inherit; text-decoration:none }
button,input,select,textarea { font:inherit; color:inherit }
button { cursor:pointer }
button:disabled { opacity:.55; cursor:default }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible {
  outline:3px solid var(--brand); outline-offset:3px;
}
img { display:block; max-width:100%; height:auto }
figure,dl,dd,p,h1,h2,h3,h4 { margin:0 }
h1,h2,h3,h4 { line-height:1.2; letter-spacing:-.04em; text-wrap:balance }
h1 { font-size:clamp(2.2rem,5vw,4.3rem) }
h2 { font-size:clamp(1.65rem,3vw,2.85rem) }
h3 { font-size:clamp(1.1rem,1.7vw,1.4rem) }
[hidden] { display:none!important }
.container,.wrap { width:min(100%,calc(var(--measure) + var(--gutter)*2)); margin-inline:auto; padding-inline:var(--gutter) }
.skip-link { position:absolute; z-index:1000; inset-block-start:0; inset-inline-start:1rem; padding:.7rem 1rem; background:var(--strong); color:white; transform:translateY(-120%) }
.skip-link:focus { transform:none }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line); background:var(--surface) }
.header-inner { display:flex; align-items:center; gap:clamp(.7rem,3vw,2.8rem); min-height:70px; position:relative }
.brand,.wordmark { color:var(--brand); font-size:1.64rem; font-weight:850; line-height:1.15; letter-spacing:-.09em; white-space:nowrap }
.site-nav { display:flex; gap:clamp(.5rem,1.6vw,1.6rem); align-items:center; flex:1; justify-content:flex-end }
.site-nav a { display:flex; align-items:center; min-height:44px; font-size:.93rem; font-weight:680 }
.site-nav a:hover,.site-nav [aria-current="page"] { color:var(--brand); text-decoration:underline; text-underline-offset:7px }
.button,.btn,a.primary,button.primary,.mobile-bar a,.admin-main button[type="submit"],.submit-button {
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  min-height:44px; border:1px solid var(--brand); border-radius:var(--radius); padding:.6rem 1.05rem;
  background:var(--brand); color:white; line-height:1.3; font-weight:740; text-align:center;
}
.button:hover,.btn:hover,a.primary:hover,button.primary:hover,.submit-button:hover { background:var(--strong); border-color:var(--strong); color:white }
.button.secondary,.btn.secondary,.button.outline,.btn-outline,.btn-line,.button.ghost { color:var(--brand); background:transparent; border-color:var(--line) }
.button.secondary:hover,.btn.secondary:hover,.button.outline:hover,.btn-outline:hover,.btn-line:hover,.button.ghost:hover { color:var(--strong); background:var(--tint); border-color:var(--brand) }
.text-link,.inline-link,.more { color:var(--brand); text-decoration:underline; text-underline-offset:4px; font-weight:680 }
.menu-toggle,[data-menu-toggle] { display:none; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:.5rem .65rem; min-height:44px; line-height:1.1 }
.hero { background:var(--paper); border-bottom:1px solid var(--line) }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr); align-items:center; gap:clamp(1.5rem,5vw,5.5rem); padding-block:clamp(2.2rem,5vw,4.8rem) }
.hero-copy { min-width:0 }
.hero h1 { max-width:14em; font-size:var(--heading); font-weight:790; line-height:1.05; letter-spacing:-.065em; margin-block:.5rem 1rem }
.hero p,.intro p,.page-head p,.page-header p,.lead { max-width:55ch; color:var(--muted); font-size:clamp(1rem,1.4vw,1.17rem) }
.eyebrow,.kicker,.overline,.eyeline,.section-label { color:var(--brand); font-size:.86rem; font-weight:730; letter-spacing:.015em }
.hero-media { align-self:stretch; display:flex; flex-direction:column; min-width:0; justify-content:center }
.hero-media img,.hero-photo { object-fit:cover; object-position:center; width:100%; aspect-ratio:1.03; max-height:35rem; border-radius:var(--radius) }
.hero-media figcaption,.caption,figcaption { color:var(--muted); font-size:.78rem; padding-top:.48rem }
.quick-quote,.hero-form,.quote-start { margin-block:1.35rem .8rem; display:flex; flex-wrap:wrap; align-items:end; gap:.65rem; max-width:41rem }
.quick-quote .field,.hero-form .field,.quick-quote>label,.hero-form>label { flex:1 1 9rem; min-width:0 }
.quick-quote .button,.quick-quote .btn,.quick-quote button[type="submit"],.hero-form button[type="submit"] { flex:1 0 100%; width:100% }
.field,label { font-weight:650 }
.field { display:grid; align-content:start; gap:.35rem }
.field label,.form-grid label,.quick-quote label,.hero-form label { font-size:.93rem }
input:not([type]),input[type="text"],input[type="tel"],input[type="search"],input[type="email"],
input[type="url"],input[type="password"],input[type="number"],input[type="datetime-local"],input[type="date"],select,textarea {
  width:100%; min-width:0; min-height:46px; display:block; margin:0;
  padding:.57rem .76rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); color:var(--ink); font-size:1rem; font-weight:500; line-height:1.44;
}
select { padding-inline-end:1.6rem }
textarea { min-height:7rem; resize:vertical }
input[type="checkbox"],input[type="radio"] { accent-color:var(--brand) }
fieldset { border:0; padding:0; margin:0; min-width:0 }
legend { padding:0; font-weight:710; margin-bottom:.36rem }
.section,.section-block { padding-block:var(--space) }
.section + .section,.section-block + .section-block { border-top:1px solid var(--line) }
.section-head,.section-heading { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:.85rem; margin-bottom:clamp(1.1rem,2.5vw,2.2rem) }
.section-head h2,.section-heading h2 { max-width:29ch }
.section-head p,.section-heading p,.muted,.sub,.help,.note { color:var(--muted) }
.grid,.service-grid,.case-grid,.card-grid,.region-grid { display:grid; gap:clamp(.7rem,1.4vw,1.15rem); grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)) }
.service-card,.case-card,.region-card,.card,.panel { background:var(--surface); border:1px solid var(--line); padding:clamp(1rem,2vw,1.6rem); border-radius:var(--radius); min-width:0 }
.service-card,.case-card,.region-card { display:flex; flex-direction:column; align-items:flex-start; gap:.6rem }
.service-card h3,.case-card h3,.region-card h3 { color:var(--ink); margin:0 }
.service-card p,.case-card p,.region-card p,.card p,.panel p { color:var(--muted); margin-block:.35rem }
a.service-card:hover,a.case-card:hover,a.region-card:hover,a.card:hover { border-color:var(--brand); background:var(--tint) }
.service-card a:hover,.case-card a:hover,.region-card a:hover,.card h3 a:hover { color:var(--brand); text-decoration:underline; text-underline-offset:3px }
.case-card img,.card img,.service-card img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:var(--radius) }
.case-card small,.card small,.meta { font-size:.85rem; color:var(--muted) }
.region-list,.pills,.tags,.chips,.actions,.link-list { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center }
.region-list a,.pills a,.chips a,.tags a { display:inline-flex; align-items:center; padding:.43rem .85rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface) }
.region-list a:hover,.pills a:hover,.chips a:hover,.tags a:hover { border-color:var(--brand); background:var(--tint) }
.region-list [aria-current="page"],.pills [aria-current="page"],.chips .active { background:var(--brand); color:#fff; border-color:var(--brand) }
.breadcrumb,.breadcrumbs { display:flex; flex-wrap:wrap; gap:.5rem; color:var(--muted); font-size:.85rem; margin-bottom:.95rem }
.breadcrumb a:hover,.breadcrumbs a:hover { color:var(--brand); text-decoration:underline }
.page-head,.page-header { padding-block:clamp(2rem,5vw,4.7rem) clamp(1.2rem,3vw,2.3rem); border-bottom:1px solid var(--line) }
.page-head h1,.page-header h1 { margin-block:.4rem .85rem }
.detail-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(250px,1fr); gap:clamp(1rem,3vw,2.5rem); align-items:start }
.detail-layout>*,.form-grid>* { min-width:0 }
.content,.prose { max-width:75ch }
.content :is(p,ul,ol,dl),.prose :is(p,ul,ol,dl) { margin-block:.8rem; line-height:1.8 }
.content :is(h2,h3),.prose :is(h2,h3) { margin-block:1.65rem .7rem }
.content a,.prose a { color:var(--brand); text-decoration:underline; text-underline-offset:3px }
.content img,.prose img { height:auto; max-width:100% }
.panel h2,.panel h3 { margin-block:0 .65rem }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem }
.full,.span-2,.form-grid>.wide,.form-grid>.full-width { grid-column:1/-1 }
.form-card,.quote-form { background:var(--surface); padding:clamp(1rem,3vw,2.5rem); border-radius:var(--radius); border:1px solid var(--line) }
.form-card label,.quote-form label { display:block; margin-bottom:.3rem }
.notice,.flash,.alert,.message { padding:.74rem 1rem; margin-block:.7rem 1.15rem; color:var(--strong); background:var(--tint); border-inline-start:3px solid var(--brand); border-radius:2px; overflow-wrap:anywhere }
.error,.alert-error,.notice.error { color:#812625; background:#fff1ef; border-color:#ac3634 }
.status,.badge { display:inline-block; padding:.14rem .5rem; background:var(--tint); color:var(--strong); font-size:.84rem; font-weight:700; border-radius:3px }
.hero-local-nav { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center }
.site-footer { color:#edf5f0; background:var(--dark); padding-block:2.5rem }
.site-footer .brand,.site-footer h2,.site-footer h3,.site-footer strong,.site-footer a { color:#fff }
.site-footer p,.site-footer small { color:#ceded4 }
.site-footer a:hover { text-decoration:underline }
.footer-grid,.footer-inner { display:flex; align-items:flex-start; justify-content:space-between; gap:1.7rem; flex-wrap:wrap }
.footer-links { display:flex; gap:.8rem; flex-wrap:wrap }
.mobile-bar { display:none }
.admin-shell { min-height:100vh; display:grid; grid-template-columns:clamp(11rem,18vw,15rem) minmax(0,1fr); background:var(--paper) }
.admin-nav { align-self:stretch; background:var(--dark); color:#e6eee8; padding:1.3rem .8rem }
.admin-nav .brand,.admin-nav h2,.admin-nav strong { color:white; display:block; padding:.3rem .55rem .95rem }
.admin-nav a { display:block; color:#edf4ef; padding:.62rem .7rem; border-radius:4px; min-height:44px; font-weight:610 }
.admin-nav a:hover,.admin-nav .active,.admin-nav a[aria-current="page"] { background:rgba(255,255,255,.16); color:white }
.admin-main { min-width:0; width:100%; max-width:92rem; padding:clamp(1.2rem,3vw,3rem) }
.admin-main h1 { font-size:clamp(1.85rem,3vw,2.8rem); margin-block:0 1rem }
.admin-main h2 { font-size:1.4rem; margin-block:.5rem .8rem }
.admin-main h3 { font-size:1.1rem; margin-block:.4rem }
.admin-main form+.panel,.admin-main .panel+.panel,.admin-main form+form { margin-block-start:1rem }
.admin-header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.8rem; border-bottom:1px solid var(--line); margin-bottom:1.3rem; padding-bottom:.85rem }
.table-wrap { overflow:auto; max-width:100% }
table { width:100%; border-collapse:collapse; background:var(--surface); text-align:left }
th,td { padding:.7rem .8rem; border-bottom:1px solid var(--line); vertical-align:top }
th { color:var(--muted); font-size:.88rem; background:var(--tint) }
td a { color:var(--brand); text-decoration:underline; text-underline-offset:3px }
details { border-bottom:1px solid var(--line); padding:.65rem 0 }
summary { cursor:pointer; font-weight:690 }
.skin-grid,.skin-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.9rem }
.skin-card { display:grid; gap:.55rem; padding:.65rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface) }
.skin-card:has(input:checked),.skin-card.active { outline:2px solid var(--brand); outline-offset:-2px }
.skin-card img { width:100%; aspect-ratio:3/2; object-fit:cover }
.skin-banner,.preview-banner { background:var(--dark); color:white; padding:.55rem var(--gutter); text-align:center }
.skin-banner a,.preview-banner a { color:white; text-decoration:underline }
body[data-skin="journal"] .service-grid { gap:0; background:var(--surface); border-block:1px solid var(--line) }
body[data-skin="journal"] .service-card { border:0; border-radius:0; border-bottom:1px solid var(--line); padding:1.3rem }
body[data-skin="counter"] .hero { background:var(--surface) }
body[data-skin="counter"] .hero-grid { grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr) }
body[data-skin="counter"] .hero-media img { aspect-ratio:1.1; border-radius:0 }
body[data-skin="counter"] .quick-quote { border-top:1px solid var(--line); padding-top:1rem }
body[data-skin="counter"] .site-nav [aria-current="page"] { text-decoration-thickness:3px }
body[data-skin="local"] .hero-grid { grid-template-columns:minmax(0,1fr); gap:1.15rem; align-items:start }
body[data-skin="local"] .hero-media { order:2 }
body[data-skin="local"] .hero-media img { aspect-ratio:5.4; max-height:11rem; border-radius:0 }
body[data-skin="local"] .hero :is(.eyebrow,.kicker,.eyeline) { color:var(--warm) }
body[data-skin="local"] .region-list a,body[data-skin="local"] .chips a { border-radius:999px }
body[data-skin="local"] .quick-quote,.hero[data-variant="local"] .quick-quote { max-width:49rem }
body[data-skin="local"] .quick-quote .button,body[data-skin="local"] .quick-quote button[type="submit"] { flex:0 1 auto; width:auto }
@media(max-width:900px){
  .header-inner{flex-wrap:wrap;gap:.48rem .85rem;min-height:60px;padding-block:.55rem}
  .site-nav{flex-basis:100%;order:3;justify-content:flex-start;flex-wrap:wrap;border-top:1px solid var(--line);gap:.15rem 1.1rem}
  .header-inner>.button,.header-inner>.btn{margin-inline-start:auto}
  .is-nav-ready [data-menu-toggle],.is-nav-ready .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .is-nav-ready .site-nav:not(.open){display:none}
  .admin-shell{grid-template-columns:1fr}
  .admin-nav{padding:.7rem var(--gutter);display:flex;align-items:center;gap:.2rem;flex-wrap:wrap}
  .admin-nav .brand,.admin-nav h2,.admin-nav strong{padding:.35rem .55rem;font-size:1.2rem}
  .admin-nav a{display:inline-flex;align-items:center}
  .admin-nav ul{display:flex;flex-wrap:wrap;gap:.2rem;margin:0;padding:0;list-style:none}
}
@media(max-width:680px){
  html{scroll-padding-top:64px}
  .hero-grid,body[data-skin="counter"] .hero-grid,.detail-layout{grid-template-columns:1fr}
  .hero-grid{padding-block:1.9rem 1.3rem;gap:1.45rem}
  .hero h1{font-size:clamp(2.28rem,8.5vw,3.45rem);line-height:1.12}
  .hero-media img,body[data-skin="counter"] .hero-media img{height:clamp(10rem,45vw,15rem);aspect-ratio:auto;object-position:center 58%}
  body[data-skin="local"] .hero-media img{height:clamp(5.5rem,22vw,8.7rem)}
  .quick-quote,.hero-form,.quote-start{margin-top:1.1rem}
  .quick-quote .field,.hero-form .field,.quick-quote>label,.hero-form>label{flex-basis:calc(50% - .4rem)}
  body[data-skin="local"] .quick-quote .button,body[data-skin="local"] .quick-quote button[type="submit"]{flex:1 0 100%;width:100%}
  .form-grid,.skin-grid,.skin-list{grid-template-columns:1fr}
  .mobile-bar{position:fixed;z-index:25;bottom:0;inset-inline:0;display:flex;align-items:stretch;gap:.55rem;background:var(--surface);border-top:1px solid var(--line);padding:.45rem var(--gutter) calc(.45rem + env(safe-area-inset-bottom,0px))}
  .mobile-bar a{flex:1}
  .mobile-bar a[href^="tel:"]{background:var(--surface);color:var(--brand);border-color:var(--line);flex:.72}
  body:has(.mobile-bar){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .site-footer{padding-block:2rem}
  .footer-grid,.footer-inner{flex-direction:column}
  th,td{padding:.5rem}
}
@media(max-width:360px){
  .quick-quote .field,.hero-form .field,.quick-quote>label,.hero-form>label{flex-basis:100%}
  .header-inner>.button,.header-inner>.btn{font-size:.86rem;padding:.5rem .6rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.site-header,.site-footer,.mobile-bar,.admin-nav,.menu-toggle,.preview-banner{display:none!important}body{color:#111;background:white}.admin-shell,.detail-layout{display:block}.container{max-width:none;padding:0}.section{padding-block:1rem}}
.faq-board,.local-request,.faq-group,.local-criteria{scroll-margin-block-start:5.5rem}
.faq-board,.local-request{width:100%;min-width:0}
.faq-jumps{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.5rem}
.faq-jumps a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.6rem;padding:.4rem .8rem;border:1px solid var(--line);background:var(--surface);color:var(--strong);text-decoration:none;border-radius:.35rem;font-weight:650;font-size:.94rem}
.faq-jumps small{font-variant-numeric:tabular-nums;color:var(--brand)}
.faq-jumps a:hover,.faq-jumps a:focus-visible{color:var(--brand);border-color:var(--brand)}
.page-jumps{margin:1.25rem 0 0}.page-jumps a{background:transparent}
.faq-group{max-width:56rem;margin-block:1.5rem}.faq-group h3{margin:0 0 .45rem;color:var(--brand);font-size:1.08rem}
.faq-item{border-block-start:1px solid var(--line);padding:0}.faq-item:last-child{border-block-end:1px solid var(--line)}
.faq-item>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3.4rem;cursor:pointer;list-style:none;font-weight:700;padding:.65rem .15rem;color:var(--strong);line-height:1.55}
.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary::after{content:'+';font-size:1.32rem;color:var(--brand);font-weight:500;flex-shrink:0}.faq-item[open]>summary::after{content:'−'}
.faq-item>p{margin:0;max-width:51rem;padding:0 1.8rem 1rem .2rem;line-height:1.8}
.cost-points{display:flex;flex-wrap:wrap;list-style:none;counter-reset:cost;gap:.6rem;padding:0;margin:1rem 0}.cost-points li{counter-increment:cost;margin:0;padding:.5rem .85rem;border-inline-start:2px solid var(--brand);background:var(--tint)}.cost-points li:before{content:counter(cost,decimal-leading-zero) ' · ';color:var(--brand);font-weight:650}
.local-request{background:var(--tint);border:1px solid var(--line);border-radius:.35rem;padding:clamp(1rem,3vw,2.2rem)}.local-request .quote-form{background:var(--surface);margin:1rem 0 0}
.proof-grid,.proof-pair{display:grid;gap:1rem}.proof-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.proof-thumb{display:grid;gap:.3rem;align-content:start;text-decoration:none;font-weight:650}.proof-thumb img{width:100%;height:clamp(8rem,22vw,16rem);object-fit:cover}.proof-thumb span{color:var(--brand)}
.proof-dialog{background:var(--surface);color:var(--strong);max-width:min(92vw,70rem);border:0;padding:1rem}.proof-dialog::backdrop{background:rgba(16,26,23,.78)}.proof-dialog img{max-width:100%;max-height:69vh;margin:.6rem auto;display:block;object-fit:contain}.proof-dialog strong{display:block}.proof-dialog button{float:right}
.case-filter{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;padding:1rem;background:var(--tint);margin:0 0 1rem}.case-filter label{display:grid;gap:.25rem;font-weight:650;min-width:min(13rem,100%)}.case-filter select{width:100%;min-height:2.7rem}
.desk-phone{display:none}
.chip-branch{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .7rem;padding-inline-start:.5rem;border-inline-start:2px solid var(--line)}
.neighborhoods{scroll-margin-block-start:5.8rem}.local-reading{margin:.75rem 0 1rem;background:var(--surface);padding:.85rem 1rem;border-inline-start:3px solid var(--brand)}
.local-reading strong,.local-reading a{display:block}.local-reading strong{font-size:.84rem;color:var(--muted)}.local-reading a{width:fit-content;color:var(--brand);font-weight:750;margin:.2rem 0}.local-reading p{line-height:1.65;max-width:73ch;margin:.4rem 0 0}
.finder-detail h5{font-size:1rem;margin:.9rem 0 .2rem}.chip-hint{font-size:.93rem;margin:.4rem 0 .65rem}.place-choices{display:flex;align-items:start;flex-wrap:wrap;gap:.5rem}.chip-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;width:100%}
.chip-line .place-chip,.chip-group>summary{display:inline-flex;gap:.35rem;align-items:center;justify-content:center;min-height:42px;padding:.45rem .8rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface);color:var(--strong);text-decoration:none;cursor:pointer;font-weight:600;line-height:1.35}
.chip-group{border:0;margin:0;padding:0}.chip-group>summary::after{content:'▾';font-size:.75rem}.chip-group[open]>summary::after{content:'▴'}.chip-group small{color:var(--muted)}.chip-group[open]{width:100%}.chip-group[open]>.chip-line{margin:.5rem 0 .7rem;padding-inline-start:.5rem;border-inline-start:2px solid var(--line)}
.place-chip:hover,.chip-group>summary:hover{border-color:var(--brand)}.place-chip[aria-current],.place-chip:has(input:checked){background:var(--brand);border-color:var(--brand);color:white}.place-chip:focus-visible,.place-chip:focus-within{outline:2px solid var(--brand);outline-offset:2px}
.place-chip input[type=radio]{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.quote-places{min-width:0}.quote-places[hidden]{display:none}.chip-result{margin:.7rem 0}.finder-services{margin:1rem 0}.finder-services summary{cursor:pointer;font-weight:700}.finder-services .region-list{margin-top:.6rem}
@media(max-width:680px){.chip-line .place-chip,.chip-group>summary{min-height:44px}.chip-line{gap:.33rem}.local-reading{padding:.7rem .8rem}.quote-places{padding:.7rem}}
@media screen and (min-width:681px){.mobile-bar{position:fixed;bottom:1rem;right:1rem;z-index:24;display:flex;gap:.35rem;padding:.35rem;border:1px solid var(--line);background:var(--surface);box-shadow:0 3px 14px #14241a18;border-radius:.4rem}.mobile-bar a{padding:.45rem .7rem;min-height:2.7rem}.mobile-bar a[href^="tel:"]{background:var(--surface);color:var(--brand);border-color:var(--line)}.desk-phone{display:inline}.site-footer{padding-bottom:4.7rem}}
@media(max-width:680px){.case-filter label{flex:1 0 100%}}
@media(max-width:680px){.faq-jumps{gap:.35rem}.faq-jumps a{font-size:.87rem;min-height:2.75rem;padding-inline:.55rem}.faq-item>p{padding-right:.2rem}.local-request .quote-form{padding:.8rem}}

.quick-quote .choice-field {flex:1 0 100%}
.option-strip {display:flex;flex-wrap:wrap;align-items:stretch;gap:.4rem}
.option-chip {position:relative;display:inline-flex;min-height:44px;align-items:center;gap:.45rem;padding:.45rem .8rem;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);font-weight:600;cursor:pointer}
.option-chip input {margin:0;width:1rem;height:1rem}
.option-chip:has(input:checked) {color:var(--brand);border-color:var(--brand);background:var(--tint)}
.option-chip:focus-within {outline:2px solid var(--brand);outline-offset:2px}
.secondary-link {display:inline-flex;min-height:44px;align-items:center;color:var(--brand);font-weight:660;text-decoration:underline;text-underline-offset:.22em}
.service-area-level .service-area-level {margin:.25rem 0 .45rem .38rem;padding-inline-start:.9rem;border-inline-start:1px solid var(--line)}
.service-area-level .region-list {margin-block:.4rem}
.finder-zones i {top:50%;font-size:1rem;transform:translateY(-50%);right:.85rem}
.finder-zones a {padding-inline-end:2rem}
.finder-zones a:hover {border-color:var(--brand)}
.finder-grid a {justify-content:flex-start;gap:.3rem}
.finder-grid a .city-name {font:inherit;line-height:1.35;color:inherit}
.finder-grid .city-caret {margin-inline-start:auto;color:var(--muted)}
.finder-grid [aria-current] .city-caret {transform:rotate(180deg)}
.case-signal {font-size:.7rem;line-height:1.4;font-weight:700;color:var(--strong);background:var(--tint);border:1px solid var(--line);border-radius:3px;padding:.05rem .24rem}
.finder-detail {border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:var(--radius);padding:clamp(1rem,2.5vw,1.85rem);color:var(--ink)}
.finder-detail:focus:not(:focus-visible) {outline:none}
.finder-detail .finder-detail-head {align-items:center}
.finder-detail h4 {font-size:clamp(1.2rem,2.1vw,1.6rem)}
.finder-detail .finder-guide-cta {white-space:nowrap;min-height:46px}
.finder-block {margin-top:1.15rem}
.finder-block h5,.finder-case-block h5 {font-size:1rem;line-height:1.5;margin:0 0 .45rem;font-weight:720;letter-spacing:-.025em}
.finder-block h5 small {font-size:.83rem;font-weight:500;color:var(--muted)}
.finder-case-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.65rem}
.finder-case {display:flex;gap:.65rem;align-items:center;min-width:0;padding:.55rem .75rem;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}
.finder-case:hover,.finder-sublinks a:hover {border-color:var(--brand);color:var(--brand)}
.finder-case img {width:clamp(3.6rem,7vw,5.2rem);height:4.2rem;object-fit:cover;border-radius:3px;margin:0;flex-shrink:0}
.finder-case>span {display:grid;min-width:0;gap:.13rem}
.finder-case small {font-size:.75rem;color:var(--muted)}
.finder-case strong {font-size:1.02rem;line-height:1.4;color:var(--ink)}
.finder-case .case-read,.finder-reading {font-size:.87rem;color:var(--brand);font-weight:670}
.finder-sublinks {display:flex;flex-wrap:wrap;gap:.45rem}
.finder-sublinks a {display:inline-flex;align-items:center;min-height:44px;gap:.45rem;padding:.45rem .8rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-weight:650}
.finder-localities {border-top:1px solid var(--line);padding-top:1rem}
.finder-reading {display:inline-flex;align-items:center;gap:.4rem;min-height:44px;text-decoration:underline;text-underline-offset:.24em}
.finder-localities .featured-places {margin-block:0 .2rem}
.featured-places a {min-height:44px;gap:.4rem}
.featured-places a::before {content:'#';color:var(--muted)}
.finder-localities .chip-group>summary {text-decoration:none}
.finder .local-form {margin:.9rem 0 .4rem}
.finder .local-form .button {border-color:var(--line);background:var(--surface);color:var(--brand)}
.finder .local-form .button:hover {border-color:var(--brand)}
@media(max-width:550px){
  .finder-zones a {padding:.75rem .5rem}
  .finder-zones i {right:.35rem;top:.38rem;font-size:.75rem;transform:none}
  .finder-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem}
  .finder-grid a {padding:.45rem .5rem;flex-wrap:wrap;align-content:center;font-size:.91rem}
  .finder-grid .city-caret {display:none}
  .finder-detail .finder-guide-cta {flex:1 1 100%}
  .finder-detail .local-form .button {width:auto}
}
@media(max-width:350px){.finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
