/* Community pages (/property-tax-appeal/) -- shared by the hub and every community page.
   The worked example (.ex) and the call-to-action box (.guide) match the versions used on
   the homepage and the first Insights post. */

/* three figures under the headline, on navy */
.cstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule-dark);
        border-top:1px solid var(--rule-dark)}
.post-head + .cstats{margin-top:-6px}
.on-dark:has(> .wrap > .cstats){padding-bottom:clamp(36px,4.5vw,56px)}
.cstats > div{background:var(--navy);padding:22px 24px 6px 0}
.cstats > div + div{padding-left:24px}
.cstat-v{font-family:var(--serif);font-size:clamp(26px,3vw,36px);line-height:1.1;color:var(--paper);margin:0 0 8px}
.cstat-k{font-size:14px;line-height:1.5;color:var(--gray);margin:0;max-width:28ch}
@media (max-width:760px){
  .cstats{grid-template-columns:1fr}
  .cstats > div,.cstats > div + div{padding:18px 0}
}

/* the worked example: the assessor's value against the sale, drawn to scale */
.ex{margin:clamp(24px,3vw,34px) 0 0;border-top:1px solid var(--navy);border-bottom:1px solid var(--navy)}
.ex-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 112px;gap:20px;align-items:center;
        padding:18px 0;border-top:1px solid var(--line)}
.ex-row:first-child{border-top:0}
.ex-k{margin:0 0 4px;font-weight:600;color:var(--navy);font-size:15.5px}
.ex-why{margin:0;font-size:14px;line-height:1.5;color:var(--steel)}
.ex-bar{height:12px;background:var(--line);border-radius:2px;overflow:hidden}
.ex-bar span{display:block;height:100%;background:var(--steel)}
.ex-row.hi .ex-bar span{background:var(--navy)}
.ex-v{margin:0;text-align:right;font-family:var(--serif);font-size:clamp(21px,2vw,25px);color:var(--navy);white-space:nowrap}
.ex-sum{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-top:1px solid var(--navy)}
.ex-sum p{margin:0;font-weight:600;color:var(--navy)}
.ex-sum .ex-v{font-size:clamp(25px,2.6vw,31px)}
@media (max-width:640px){
  .ex-row{grid-template-columns:1fr auto;gap:10px 16px}
  .ex-txt{grid-column:1 / -1}
  .ex-bar{grid-column:1}
}

/* request-a-review box */
.guide{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;
       margin:clamp(32px,4vw,48px) 0 clamp(24px,3vw,32px);padding:clamp(22px,2.6vw,30px) clamp(22px,2.8vw,34px);background:#EEF1F5}
.guide-k{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}
.guide-t{margin:0;font-family:var(--serif);font-size:clamp(18px,1.7vw,21px);line-height:1.4;color:var(--navy);max-width:42ch}
.guide-btn{display:inline-flex;align-items:center;gap:12px;flex:none;background:var(--navy);color:var(--paper);text-decoration:none;
           padding:14px 22px;border-radius:4px;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
           transition:background .15s ease}
.guide-btn:hover{background:#22344f}
.guide-btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px}
@media (max-width:560px){ .guide-btn{width:100%;justify-content:center} }
.calc-cap.method{margin-top:0}

/* hub: one row per community */
.hub-body{padding-block:clamp(40px,5vw,68px) clamp(56px,7vw,96px)}
.hub{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.hub a{display:block;height:100%;background:#fff;border:1px solid var(--line);padding:24px 26px 26px;text-decoration:none;color:inherit;transition:background .15s ease}
.hub a:hover{background:#EEF1F5}
.hub-c{margin:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}
.hub h2{margin:0 0 10px;font-size:clamp(22px,2.2vw,26px)}
.hub-v{margin:0;font-size:15px;line-height:1.5;color:var(--charcoal)}
.post-body > h2:first-child{margin-top:0}