/* San Angelo site additions (Oct 4, 2026). Loaded after site.css on every page. Only new components; site.css is unchanged from usmammoth.com. */
a[href^="tel:"]{white-space:nowrap}
/* services list on a dark section */
.svc-dark li{border-bottom-color:var(--rule)}
.svc-dark h3,.svc-dark h3 a{color:#fff}
.svc-dark p{color:var(--soft)}
.svc h3 a{text-decoration:none;background:linear-gradient(var(--red),var(--red)) 0 100%/0 2px no-repeat;transition:background-size .3s var(--ease)}
.svc h3 a:hover,.svc h3 a:focus-visible{background-size:100% 2px}
.light .svc-read .pcards{margin-top:0}
/* anchor clients */
.anchors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px)}
.anchors li{background:#fff;border-top:3px solid var(--red);padding:clamp(24px,2.6vw,36px)}
.anchors .n{display:block;font:700 13px/1 Barlow,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:18px}
.anchors h3{color:var(--txt);margin-bottom:14px;text-wrap:balance}
.anchors p{margin:0}
@media (max-width:860px){.anchors{grid-template-columns:1fr}}
/* blog cards */
.pcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px)}
.pcards.all{grid-template-columns:repeat(2,1fr)}
.pcards li a{display:flex;flex-direction:column;height:100%;padding:clamp(24px,2.4vw,32px);background:#fff;color:var(--txt);text-decoration:none;border:1px solid var(--rule-d);transition:border-color .25s var(--ease),transform .3s var(--ease)}
.pcards li a:hover{border-color:var(--red);transform:translateY(-2px)}
.pcards .pc-k{font:600 12px/1 Barlow,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.pcards h3{font-size:clamp(21px,1.8vw,25px);color:var(--txt);margin-bottom:14px;text-wrap:balance}
.pcards p{color:var(--txt2);font-size:16px;line-height:1.55;margin:0 0 22px;flex:1}
.pcards .tlink{align-self:flex-start;color:var(--txt)}
.pcards.dark li a{background:var(--ink3);border-color:var(--rule);color:#fff}
.pcards.dark h3{color:#fff}.pcards.dark p{color:var(--soft)}.pcards.dark .tlink{color:#fff}
.pcards.dark li a:hover{border-color:var(--red)}
@media (max-width:960px){.pcards,.pcards.all{grid-template-columns:1fr}}
/* post and blog intro */
.post-intro{padding-top:clamp(120px,11vw,160px)!important}
.post-intro h1{font-size:clamp(38px,5vw,72px);line-height:.98;max-width:16em;text-wrap:balance}
.blog-intro .lead{margin-top:26px}
.crumbs{display:flex;gap:12px;align-items:center;margin-bottom:26px;font:600 13px/1.3 Barlow,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--red)}
.crumbs span{color:var(--mute)}
.post-meta{margin:26px 0 0;color:var(--soft);font-size:16px}
.post-meta a{text-decoration:none;border-bottom:1px solid var(--red)}
.post-cover{margin:clamp(20px,3vw,40px) auto clamp(28px,3.4vw,48px)}
.post-cover img{width:100%;aspect-ratio:16/7;object-fit:cover}
.post-cover figcaption{margin-top:10px;font-size:13px;letter-spacing:.06em;color:var(--mute)}
.post-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(40px,6vw,96px);align-items:start}
.post-body{max-width:44em;color:var(--txt2);font-size:clamp(17px,1.35vw,19px);line-height:1.75}
.post-body p{margin:0 0 1.15em}
.post-body h2{color:var(--txt);font-size:clamp(28px,2.8vw,40px);line-height:1.02;margin:1.6em 0 .6em;text-wrap:balance}
.post-body h3{color:var(--txt);font-size:clamp(20px,1.7vw,24px);margin:1.5em 0 .5em;text-wrap:balance}
.post-body > :first-child{margin-top:0}
.post-body ul,.post-body ol{margin:0 0 1.3em;padding-left:1.2em}
.post-body li{margin:0 0 .45em;padding-left:.2em}
.post-body li::marker{color:var(--red)}
.post-body strong{color:var(--txt)}
.post-body a{color:var(--txt);text-decoration-color:var(--red);text-underline-offset:3px}
.post-side{position:sticky;top:110px}
.ps-card{background:var(--ink);color:#fff;padding:30px 28px}
.ps-card .eyebrow{margin-bottom:18px}
.ps-card p{color:var(--soft);font-size:16px}
.ps-h{font:800 30px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#fff!important;margin-bottom:12px!important}
.ps-tel{font:700 30px/1 "Barlow Condensed",sans-serif;letter-spacing:.02em;color:#fff;text-decoration:none;border-bottom:2px solid var(--red)}
.ps-card .btn{width:100%;justify-content:center;padding:0 18px}
.ps-mail a{color:var(--soft);font-size:15px;text-decoration:none;border-bottom:1px solid var(--rule)}
@media (max-width:960px){.post-grid{grid-template-columns:1fr}.post-side{position:static}}
.cmail{text-decoration:none;border-bottom:1px solid var(--red);overflow-wrap:anywhere}