:root{--paper:#f8f5ee;--cream:#fffaf1;--warm-line:#ddd3c4;--green:#315b49}
body{background:var(--paper)}
.site-header{position:sticky;top:0;box-shadow:0 3px 18px rgba(0,0,0,.16)}
.site-header>nav a{position:relative;font-weight:700}
.site-header>nav a:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--orange);transform:scaleX(0);transition:.2s}
.site-header>nav a:hover:after,.site-header>nav a[aria-current=page]:after{transform:scaleX(1)}
.button{border-radius:999px;box-shadow:0 7px 18px rgba(0,0,0,.16)}
.mobile-menu{display:none}
.local-ribbon{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:16px 20px;background:var(--cream);border-bottom:1px solid var(--warm-line);color:#3d4650}
.local-ribbon>span{font-weight:900;color:var(--green)}
.local-ribbon a{font-size:.9rem;font-weight:800;text-decoration:none;border-bottom:2px solid transparent}
.local-ribbon a:hover{border-color:var(--orange)}
.answer-box,.service-grid article,.content-split aside,.related-card,.directory-grid>a,.article-list article,.checklist{border-radius:10px}
.service-grid{gap:16px;background:transparent}
.service-grid article{border:1px solid #e6dfd4;box-shadow:0 8px 26px rgba(16,19,24,.05)}
.map-card{border-radius:12px;overflow:hidden}
.permit-note{background:var(--cream);border-color:var(--orange);border-radius:10px}
.page-hero{background:linear-gradient(135deg,#101318 0%,#18242b 68%,#254536 125%)}
.local h2:after{content:'North Okaloosa neighbors, one straightforward local crew.';display:block;margin-top:18px;font-size:1rem;line-height:1.5;letter-spacing:0;color:var(--green);font-weight:800}
@media(max-width:800px){
  .site-header{height:68px;padding:0 18px;z-index:50}
  .site-header>nav,.site-header>.button-small{display:none}
  .mobile-menu{display:block;margin-left:auto;position:relative}
  .mobile-menu summary{list-style:none;cursor:pointer;background:var(--orange);color:#fff;border:2px solid #fff;border-radius:999px;padding:10px 16px;font-size:.88rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 4px 12px rgba(0,0,0,.25)}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:before{content:'☰';margin-right:7px;font-size:1rem}
  .mobile-menu[open] summary:before{content:'×'}
  .mobile-menu nav{position:absolute;display:grid;right:0;top:52px;width:min(88vw,340px);padding:14px;background:#101318;color:#fff;border:2px solid var(--orange);border-radius:12px;box-shadow:0 16px 42px rgba(0,0,0,.42)}
  .mobile-menu nav a{padding:15px 16px;color:#fff;text-decoration:none;font-size:1rem;line-height:1.3;font-weight:900;letter-spacing:.01em;border-bottom:1px solid rgba(255,255,255,.2);border-radius:7px}
  .mobile-menu nav a:hover,.mobile-menu nav a:focus-visible{background:#25313a;outline:2px solid #fff;outline-offset:-2px}
  .mobile-menu nav a:last-child{border:0;background:var(--orange);color:#fff;border-radius:8px;margin-top:7px;text-align:center}
  .local-ribbon{justify-content:flex-start;gap:9px 14px;padding:14px 20px}
  .local-ribbon>span{width:100%}
  .service-grid{padding-left:20px;padding-right:20px}
  footer{line-height:1.7}
}