/* v76 additions layered on styles.css (loaded after it) */
.section-pad{padding:var(--space-xl) 0}
.verified-line{color:#b7e4c7;font-size:.9rem;margin-top:var(--space-md)}
.fact-block th[scope=row]{width:28%;text-align:left;background:var(--green-800);color:#fff;vertical-align:top}
.fact-block td{vertical-align:top;line-height:1.5}
.unit-tag{display:inline-block;margin-left:.4rem;padding:.1rem .5rem;border-radius:999px;background:#e8f5ee;color:#14532d;font-size:.78rem;font-weight:600}
.fact-sources{font-size:.85rem;color:var(--gray-700)}
.fact-sources a,.src{font-weight:600}
.code-quote{border-left:4px solid var(--green-400);background:#f0fdf4;padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0;font-size:.95rem}
.code-quote cite{display:block;margin-top:.4rem;font-size:.82rem;font-style:normal}
.arr-block .inline-cta{display:flex;gap:var(--space-md);align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:var(--space-lg);margin-top:var(--space-md)}
.nearby-links a{font-weight:600}
.btn-outline-light{border:2px solid #fff;color:#fff;background:transparent;padding:12px 26px;border-radius:8px;font-weight:700;display:inline-block}
.v75-fragment{position:relative}
html[data-build=dev] .v75-fragment[data-review=unreviewed]::before{content:"v75 copy — not yet reviewed against the audit";display:block;background:#fff7ed;color:#9a3412;border:1px dashed #fdba74;font-size:.78rem;padding:.25rem .6rem;margin-bottom:.5rem;border-radius:6px}
.v75-fragment .calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}
@media (max-width:768px){.fact-block th[scope=row]{width:36%}.v75-fragment .calc-fields{grid-template-columns:1fr}}
.recent-changes{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0;font-size:.9rem}.recent-changes ul{margin:.3rem 0 0;padding-left:1.2rem}
/* permit checker */
.pc-tool{max-width:820px}.pc-step{margin:0 0 var(--space-xl)}.pc-step h2{font-size:1.15rem;margin-bottom:var(--space-sm)}
.pc-tool select,.pc-tool input[type=number],.pc-tool input[type=text]{font:inherit;padding:.6rem .8rem;border:1px solid var(--gray-300,#cbd5e1);border-radius:8px;min-width:12rem;max-width:100%}
.pc-tool label{display:block;margin:.5rem 0;font-weight:600}.pc-hint{font-size:.9rem;color:var(--gray-700)}.pc-conv{font-size:.9rem;color:#14532d;font-weight:600}
.pc-options{display:flex;flex-wrap:wrap;gap:.5rem}.pc-opt{font:inherit;padding:.7rem 1rem;border:2px solid var(--green-700,#2d6a4f);background:#fff;color:#14532d;border-radius:10px;cursor:pointer;font-weight:600}.pc-opt.on,.pc-opt:hover{background:var(--green-700,#2d6a4f);color:#fff}
.pc-verdict{padding:var(--space-lg);border-radius:12px;margin:var(--space-md) 0;font-family:var(--font-display);font-size:1.35rem;font-weight:700}
.pc-v-yes{background:#fef2f2;color:#991b1b;border:2px solid #fca5a5}.pc-v-no{background:#f0fdf4;color:#14532d;border:2px solid #86efac}.pc-v-maybe{background:#fffbeb;color:#92400e;border:2px solid #fcd34d}.pc-v-info{background:#eff6ff;color:#1e3a8a;border:2px solid #93c5fd}
.pc-why{padding-left:1.2rem}.pc-why li{margin:.4rem 0;line-height:1.5}.pc-fact{margin-top:var(--space-md)}.pc-link{background:none;border:0;color:#14532d;font-weight:700;text-decoration:underline;cursor:pointer;font:inherit}
.pc-disclaimer{margin-top:var(--space-xl);border-top:1px solid var(--gray-200);padding-top:var(--space-md)}
.sr-only{position:absolute;left:-9999px}
/* services */
.svc-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-xl)}.svc-aside{align-self:start;position:sticky;top:90px}
.svc-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.svc-form label{display:block;font-weight:600;margin:.5rem 0}.svc-form input,.svc-form select,.svc-form textarea{display:block;width:100%;font:inherit;padding:.6rem .8rem;border:1px solid #cbd5e1;border-radius:8px;margin-top:.25rem}
.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.service-card{display:block;border:1px solid var(--gray-200);border-radius:12px;padding:var(--space-lg);text-decoration:none;color:inherit;background:#fff}.service-card h2{font-size:1.1rem;margin:0 0 .4rem}.service-card:hover{border-color:var(--green-700,#2d6a4f)}.svc-price{color:#14532d;font-weight:700;margin:0}
@media (max-width:768px){.svc-grid,.svc-form .form-row{grid-template-columns:1fr}.svc-aside{position:static}}
/* home + permits table */
.home-picker{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-top:var(--space-lg)}.home-picker select{font:inherit;padding:.8rem 1rem;border-radius:8px;border:0;min-width:16rem}
.doors .service-card h2{font-size:1.05rem}.table-scroll{overflow-x:auto}.compare td,.compare th{font-size:.85rem;vertical-align:top}.changelog{font-size:.9rem}
.rule-list li{margin:.35rem 0;line-height:1.5}
.converter{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:var(--space-lg);margin:var(--space-md) 0}.converter .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.converter label{font-weight:600}.converter input{display:block;width:100%;font:inherit;padding:.6rem .8rem;border:1px solid #cbd5e1;border-radius:8px;margin-top:.25rem}
.em-city{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:var(--space-lg);margin:var(--space-md) 0}.em-city select{font:inherit;padding:.6rem .8rem;border:1px solid #cbd5e1;border-radius:8px;min-width:14rem}
@media (max-width:768px){.converter .form-row{grid-template-columns:1fr}}
.steps-list li{margin:.5rem 0;line-height:1.55}
/* mobile header: collapse the nav bar stub next to the menu button */
@media (max-width:768px){.site-header .site-nav{padding:0;background:transparent}.site-header .container{flex-wrap:wrap}}

/* comparison tables: sticky first column on desktop, cards on phones */
.table-scroll .compare th:first-child,.table-scroll .compare td:first-child{position:sticky;left:0;background:#fff;z-index:1}
.table-scroll .compare thead th:first-child{background:var(--green-800)}
@media (max-width:768px){
  .table-scroll .compare{display:block}.table-scroll .compare thead{display:none}
  .table-scroll .compare tbody,.table-scroll .compare tr{display:block}
  .table-scroll .compare tr{border:1px solid var(--gray-200);border-radius:10px;margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);background:#fff}
  .table-scroll .compare td{display:grid;grid-template-columns:7.5rem 1fr;gap:.5rem;border:0;padding:.35rem 0;position:static;background:transparent}
  .table-scroll .compare td::before{content:attr(data-label);font-weight:700;color:#14532d;font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}
  .table-scroll .compare td:first-child{grid-template-columns:1fr;border-bottom:1px solid var(--gray-200);padding-bottom:.5rem;margin-bottom:.25rem}
  .table-scroll .compare td:first-child::before{content:none}
  /* mobile nav: left-aligned items, rotating chevron */
  .nav-links{align-items:stretch;text-align:left}.nav-links li{width:100%}.nav-links a{display:block}
  .nav-dropdown-toggle{display:flex!important;justify-content:space-between;align-items:center}
  .nav-chevron{transition:transform .2s;font-size:1rem}.nav-dropdown.open .nav-chevron{transform:rotate(180deg)}
  .nav-dropdown-menu{padding:.25rem 0 .5rem .75rem}.nav-dropdown-menu a{padding:8px 0}
  .nav-cta{display:inline-block;text-align:center}
}