/* v10 SEO depth and verified-authority enhancements */

.about-proof-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:34px 0 14px;
}
.about-proof-stats article{
  min-width:0;
  padding:24px;
  border:1px solid #d7e1e5;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f2f7f8);
}
.about-proof-stats strong,.about-proof-stats span{display:block}
.about-proof-stats strong{
  color:#062033;
  font-family:'Plus Jakarta Sans',Manrope,sans-serif;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1;
}
.about-proof-stats span{margin-top:10px;color:#526b78;font-size:.94rem;line-height:1.6}
.evidence-note{
  padding:13px 16px;
  border-left:3px solid #f7901e;
  border-radius:0 10px 10px 0;
  background:#fff7eb;
  color:#6f5a3f;
  font-size:.9rem;
}
.real-business-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:28px 0;
}
.real-business-gallery figure{margin:0;overflow:hidden;border:1px solid #d7e1e5;border-radius:18px;background:#fff}
.real-business-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.real-business-gallery figcaption{padding:12px 14px;color:#607783;font-size:.78rem;line-height:1.5}

.local-evidence-section{background:#fff}
.completed-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.completed-job-grid article{
  min-width:0;
  padding:24px;
  border:1px solid #d7e1e5;
  border-radius:20px;
  background:linear-gradient(160deg,#fff 50%,#f5f9fa);
  box-shadow:0 14px 42px rgba(7,34,51,.06);
}
.completed-job-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.completed-job-top span{padding:7px 10px;border-radius:999px;background:#ddf5e9;color:#157052;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.completed-job-top time{color:#69808b;font-size:.78rem}
.completed-job-grid h3{margin:20px 0 16px;color:#062033;font-size:1.18rem}
.completed-job-grid dl{margin:0}
.completed-job-grid dl>div{padding:12px 0;border-top:1px solid #e3eaed}
.completed-job-grid dt{color:#788b94;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.completed-job-grid dd{margin:5px 0 0;color:#304d5d;font-size:.9rem;line-height:1.65;overflow-wrap:anywhere}
.local-evidence-section .evidence-note{margin:22px 0 0}
.public-case-editor{
  margin-top:24px;
  padding:22px;
  border:1px solid #cfe0e5;
  border-radius:16px;
  background:#f5fafb;
}
.public-case-editor .panel-head{align-items:center;margin-bottom:8px}
.public-case-editor .panel-head h3{margin:4px 0 0;color:#062033;font-size:1.15rem}
.public-case-editor .checkbox-label{margin:0;max-width:320px}
.public-case-editor>p,.public-case-editor>small{font-size:.82rem;line-height:1.65}
.public-case-editor>small{display:block;color:#607783}

/* Long-form guides stay readable at browser zoom and on narrow screens. */
.article-content p,.article-content li,.blog-article p,.blog-article li,.article-reading p,.article-reading li,.prose p,.prose li{
  font-size:clamp(1rem,.965rem + .12vw,1.075rem);
  line-height:1.82;
  overflow-wrap:anywhere;
}
.article-content h2,.blog-article h2,.article-reading h2,.prose h2{scroll-margin-top:110px;line-height:1.2}
.article-content a,.blog-article a,.article-reading a,.prose a{text-underline-offset:3px}

@media (max-width:900px){
  .completed-job-grid{grid-template-columns:1fr 1fr}
  .real-business-gallery{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .about-proof-stats,.completed-job-grid,.real-business-gallery{grid-template-columns:1fr}
  .about-proof-stats article,.completed-job-grid article{padding:20px}
  .completed-job-top{align-items:flex-start;flex-direction:column}
  .public-case-editor{padding:18px}
  .public-case-editor .panel-head{align-items:flex-start;flex-direction:column}
  .content-page .container,.blog-article .container{width:min(100% - 32px,1180px)}
}
@media (max-width:380px){
  .about-proof-stats article,.completed-job-grid article{padding:18px;border-radius:16px}
  .content-page .container,.blog-article .container{width:min(100% - 24px,1180px)}
}
