/* SKYY Law Solutions — site styles (dark SKYY | LAW design) */
:root{
  --bg:#1f2124; --band:#17181a; --card:#2a2c30; --line:#3a3d42; --field-line:#5a5d63;
  --text:#f2efe8; --strong:#ffffff; --soft:#c9c5bd; --muted:#b9b5ad; --faint:#a9a59d;
  --gold:#A4895E; --gold-btn:#c9b48a; --gold-text:#d8c08f; --gold-hover:#f0dcb0;
  --wrap:1200px;
  --orange:#d8c08f; --text-dim:#c9c5bd; --ff-m:Inter,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--gold-text)}a:hover{color:var(--gold-hover)}
img{max-width:100%}
:focus-visible{outline:2px solid var(--gold-btn);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--gold-btn);color:var(--bg);padding:8px 14px;border-radius:4px;z-index:100}
.skip:focus{left:8px}

/* header */
.site-header{background:var(--band);border-bottom:1px solid var(--gold);position:sticky;top:0;z-index:50}
.site-header .in{max-width:var(--wrap);margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lockup{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.lockup .skyy{height:32px;width:auto;display:block}.lockup .law{height:12px;width:auto;display:block}
.lockup .div{width:1.5px;height:26px;background:var(--gold);display:block}
.site-nav{display:flex;align-items:center;gap:24px;font-size:14px}
.site-nav a{color:#d9d6cf;text-decoration:none;padding:4px 0}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--strong)}
.site-nav a[aria-current=page]{border-bottom:1px solid var(--gold)}
.hdr-actions{display:flex;align-items:center;gap:10px}
.hdr-phone{font-size:14px;color:var(--text);text-decoration:none;white-space:nowrap}
.menu-btn{display:none;background:none;border:1px solid var(--field-line);border-radius:4px;color:var(--text);width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center}
@media (max-width:1060px){
  .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--band);border-bottom:1px solid var(--gold);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 16px}
  .site-nav.open{display:flex}
  .site-nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
  .site-nav a[aria-current=page]{border-bottom:1px solid var(--line);color:var(--gold-text)}
  .menu-btn{display:inline-flex}
  .hdr-actions .hdr-phone,.hdr-actions .hdr-onb{display:none}
  .site-nav .nav-m{display:block}
}
.site-nav .nav-m{display:none}
.site-nav .nav-m.gold{color:var(--gold-text)}
@media (max-width:560px){ .hdr-actions .hdr-book{display:none} .lockup .skyy{height:28px} }

/* buttons */
.btn,.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:4px;font:inherit;font-size:15px;text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap}
.btn-primary{background:var(--gold-btn);color:var(--bg) !important;font-weight:600;border-color:var(--gold-btn)}
.btn-primary:hover{background:#d6c29b;border-color:#d6c29b}
.btn-ghost{background:transparent;color:var(--text) !important;border-color:var(--field-line)}
.btn-ghost:hover{border-color:var(--gold-btn)}
.btn-sm{min-height:44px;padding:0 16px;font-size:14px}

/* page frame for older content */
main{display:block}
.hero-narrow{max-width:var(--wrap);margin:0 auto;padding:80px 24px 64px;border-bottom:1px solid var(--line)}
.hero-narrow>*{max-width:820px}
.hero-eyebrow,.section-mono,.cta-band-eyebrow,.post-tag,.blog-tag,.panel-label,.modal-eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-text);font-family:Inter,Arial,sans-serif}
.page-title{margin:16px 0 0;font-size:48px;line-height:1.1;font-weight:500;letter-spacing:-.6px;color:var(--strong)}
.hero-sub{margin:18px 0 0;font-size:18px;color:var(--soft)}
.container,.container-narrow{max-width:var(--wrap);margin:0 auto;padding:72px 24px}
.container-narrow>*{max-width:860px}
.container-narrow>.cta-band,.container-narrow>.three-col{max-width:none}
.container-narrow+.container-narrow{border-top:1px solid var(--line)}
.section-head{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.section-title{margin:0;font-size:34px;line-height:1.2;font-weight:500;color:var(--strong)}
.section-sub{margin:0;color:var(--soft)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:28px 30px;margin:0 0 18px;color:var(--soft)}
.panel p{margin:0 0 14px}.panel p:last-child{margin-bottom:0}
.panel strong,.panel b{color:var(--strong);font-weight:600}
.panel h3{margin:0 0 6px;font-size:13px;letter-spacing:2px;color:var(--gold-text);font-weight:500}
.panel ul,.panel ol{margin:0 0 14px;padding-left:20px}.panel li{margin:4px 0}
.p-name{font-size:19px;font-weight:600;color:var(--strong);margin-bottom:8px}
.three-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:18px;max-width:none !important}
.three-col .panel{margin:0}
.highlight-box,.info-box,.warning-box,.cost-box{border:1px solid var(--line);border-left:0;border-top:1px solid var(--gold);background:var(--band);border-radius:0 0 6px 6px;padding:20px 24px;margin:18px 0;color:var(--soft)}
.warning-box{border-top-color:#d9a54a}
.cost-box-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-text)}
.compare-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.compare-table th,.compare-table td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.compare-table th{color:var(--muted);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}
.compare-table td{color:var(--soft)}
.col-box{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:22px}
.col-box-title{color:var(--strong);font-weight:600;margin-bottom:8px}
.step-block{display:grid;grid-template-columns:110px 1fr;gap:4px 20px;padding:18px 0;border-top:1px solid var(--line)}
.step-num{grid-row:span 2;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-text);padding-top:3px}
.step-title{color:var(--strong);font-weight:600;font-size:17px}
.step-body{color:var(--soft)}
@media (max-width:600px){.step-block{grid-template-columns:1fr}.step-num{grid-row:auto}}
.trust-cell,.why-cell{border-top:1px solid var(--gold);padding-top:14px}
.why-title{color:var(--strong);font-weight:600}.why-body{color:var(--soft)}

/* FAQ (old markup) */
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{display:flex;justify-content:space-between;gap:16px;width:100%;background:none;border:0;padding:18px 0;font:inherit;font-size:17px;font-weight:500;color:var(--strong);text-align:left;cursor:pointer}
.faq-arrow{color:var(--gold-text)}
.faq-a{display:none;padding:0 0 18px;color:var(--soft)}
.faq-item.open .faq-a{display:block}

/* towns */
.nearby-tags{display:flex;flex-wrap:wrap;gap:10px;max-width:none !important}
.nearby-tag,.area-tag{display:inline-block;padding:9px 15px;border:1px solid var(--line);border-radius:4px;font-size:14px;color:var(--soft);text-decoration:none}
.nearby-tag.linked,.area-tag.linked{border-color:var(--gold);color:var(--text)}
.nearby-tag.linked:hover,.area-tag.linked:hover{background:var(--card)}

/* call-to-action band */
.cta-band{background:var(--card);border-top:1px solid var(--gold);border-bottom:1px solid var(--line)}
.cta-band>*{max-width:var(--wrap);margin:0 auto}
.cta-band{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding:64px max(24px,calc((100% - var(--wrap)) / 2 + 24px))}
.cta-band-l{display:flex;flex-direction:column;gap:8px;max-width:640px;margin:0}
.cta-band-title{font-size:32px;font-weight:500;line-height:1.2;color:var(--strong)}
.cta-band-sub{color:var(--soft)}
.cta-band .cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0}

/* blog post */
.post-wrap{max-width:780px;margin:0 auto;padding:56px 24px 72px}
.post-back,.back-link{display:inline-block;margin-bottom:24px;font-size:14px;color:var(--muted);text-decoration:none}
.post-back:hover,.back-link:hover{color:var(--gold-text)}
.post-title{margin:12px 0 10px;font-size:42px;line-height:1.15;font-weight:500;color:var(--strong);letter-spacing:-.4px}
.post-meta{font-size:14px;color:var(--muted);padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px}
.post-wrap{color:#e0dcd4;font-size:17px;line-height:1.75}
.post-wrap h2{margin:40px 0 12px;font-size:26px;font-weight:500;color:var(--strong);line-height:1.3}
.post-wrap h3{margin:28px 0 8px;font-size:19px;font-weight:600;color:var(--strong)}
.post-wrap p{margin:0 0 18px}
.post-wrap ul,.post-wrap ol{margin:0 0 18px;padding-left:22px}.post-wrap li{margin:6px 0}
.post-wrap strong{color:var(--strong)}
.post-wrap blockquote{margin:24px 0;padding:18px 22px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);font-size:19px;color:var(--strong)}
.post-cta{margin-top:40px;background:var(--card);border:1px solid var(--line);border-top:1px solid var(--gold);border-radius:0 0 6px 6px;padding:28px 30px}
.post-cta h3,.post-cta h2{margin:0 0 8px;color:var(--strong);font-weight:500}
.post-cta p{color:var(--soft)}
@media (max-width:640px){.post-title{font-size:32px}.page-title{font-size:34px}.section-title{font-size:27px}.container,.container-narrow{padding:56px 20px}.hero-narrow{padding:56px 20px 44px}.panel{padding:22px}}

/* blog index */
.blog-hero{max-width:var(--wrap);margin:0 auto;padding:80px 24px 40px}
.blog-index-grid{max-width:var(--wrap);margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.blog-card,.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:26px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--soft)}
.blog-card:hover,.card:hover{border-color:var(--gold)}
.blog-title,.card-title{font-size:19px;font-weight:600;line-height:1.35;color:var(--strong)}
.blog-excerpt,.card-body{font-size:15px;color:var(--soft)}
.blog-foot{margin-top:auto;font-size:13px;color:var(--muted);display:flex;justify-content:space-between}

/* footer */
.site-footer{background:var(--band);border-top:1px solid var(--gold)}
.site-footer .in{max-width:var(--wrap);margin:0 auto;padding:56px 24px 28px}
.ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.ft-col{display:flex;flex-direction:column;gap:8px;font-size:14px}
.ft-col a{color:#d9d6cf;text-decoration:none}.ft-col a:hover{color:var(--gold-text)}
.ft-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.ft-brand{display:flex;flex-direction:column;gap:14px;font-size:14px;color:var(--soft)}
.ft-brand .lockup .skyy{height:26px}.ft-brand .lockup .law{height:10px}.ft-brand .lockup .div{height:22px}
.ft-addr{color:var(--soft)}
.ft-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--faint)}