/* news: rules from the approved mockup that main.css does not already have */
.sec-head p{grid-column:8 / span 5;margin:0;color:var(--dim);max-width:46ch}
.aform .btn{justify-content:center}
.links a.cur{color:var(--ink)}
.hero .display{font-size:clamp(2.2rem,6.4vw,5.4rem)}
.contact-copy .display{font-size:clamp(2.2rem,5vw,4.4rem)}
.contact-copy.end{max-width:760px}
.blog-hero{padding-block:clamp(120px,18vh,190px) clamp(40px,8vh,80px)}
.cover{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;padding:14px;border:1px solid var(--line);color:var(--c1)}
.cover::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,var(--c2),transparent 60%),radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.5),transparent),repeating-radial-gradient(circle at 75% 30%,transparent 0 14px,rgba(255,255,255,.04) 14px 15px),#080b18;opacity:.95}
.cover svg{position:absolute;right:12%;top:14%;width:34%;height:auto;opacity:.9;filter:drop-shadow(0 0 18px var(--c1))}
.cover .hud{position:relative;color:var(--ink);font-size:10px;background:rgba(4,5,11,.6);padding:4px 8px;border-radius:999px}
.c-el{--c1:#e04bf0;--c2:rgba(224,75,240,.35)}
.c-web{--c1:#33d9f2;--c2:rgba(51,217,242,.32)}
.c-fix{--c1:#ff8a3d;--c2:rgba(255,138,61,.32)}
.c-ai{--c1:#7a8cff;--c2:rgba(122,140,255,.38)}
.featured{margin-top:clamp(36px,6vh,60px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;position:relative}
.featured .cover{aspect-ratio:16/10}
.feat-copy{display:flex;flex-direction:column;gap:14px;min-width:0}
.feat-copy h2{font-size:clamp(22px,2.6vw,34px);line-height:1.15}
.feat-copy p{margin:0;color:var(--dim)}
.tag.start{align-self:flex-start;color:var(--cyan);border-color:rgba(51,217,242,.45)}
.post-link{position:absolute;inset:0;z-index:2;border-radius:inherit}
.post-link:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:10.5px}
.post-meta .cat{color:var(--cyan)}
.posts-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:28px}
.posts-head h2{font-size:clamp(1.8rem,3.6vw,3rem)}
.chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:rgba(10,13,26,.6);color:var(--dim);font:600 13.5px/1 var(--body);cursor:pointer;transition:.2s}
.chip:hover{color:var(--ink)}
.chip.on{background:var(--ink);color:var(--void);border-color:var(--ink)}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.post{position:relative;gap:14px;padding:16px 16px 22px}
.post h3{font-size:17px;line-height:1.3}
.post p{font-size:14.5px}
.post:hover h3{color:var(--cyan)}
.more-row{display:flex;justify-content:center;margin-top:30px}
.empty{text-align:center;margin:30px 0 0}
.progress{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);height:3px;z-index:60;background:transparent}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--magenta))}
.post-hero{padding-block:clamp(120px,18vh,180px) clamp(20px,4vh,40px)}
.post-head{max-width:880px;display:flex;flex-direction:column;gap:22px}
.crumbs{display:flex;gap:10px;align-items:center}
.crumbs a{color:var(--cyan);text-decoration:none}
.post-title{font-family:var(--display);font-weight:900;font-size:clamp(2rem,5vw,3.9rem);line-height:1.02;letter-spacing:-.03em;margin:0}
.dek{margin:0;font-size:clamp(17px,1.6vw,20px);color:var(--dim);max-width:62ch}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.byline img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.byline div{display:flex;flex-direction:column;gap:2px}
.byline .btn{margin-left:auto}
.article-wrap{padding-block:clamp(30px,5vh,60px)}
.art-grid{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}
.toc{position:sticky;top:calc(100px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:14px}
.toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--line)}
.toc a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--dim);text-decoration:none;font-size:14px;line-height:1.4}
.toc a:hover,.toc a.on{color:var(--ink);border-left-color:var(--cyan)}
.prose{max-width:720px;min-width:0;padding:clamp(22px,4vw,48px);border-radius:24px;border:1px solid var(--line);background:rgba(8,11,22,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:18px;line-height:1.75;color:#d7dceb}
.prose > * + *{margin-top:1.1em}
.prose p{margin-bottom:0}
.prose > p:first-child{margin-top:0}
.callout p,.post-cta p,.author p{margin:0}
.prose h2{font-family:var(--display);font-weight:700;font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin-top:2em;scroll-margin-top:110px}
.prose h3{font-size:19px;color:var(--ink);margin-top:1.6em}
.prose strong{color:var(--ink)}
.prose a{color:var(--cyan)}
.prose ol,.prose ul{padding-left:1.3em;margin-bottom:0}
.prose li{margin-top:.5em;padding-left:.3em}
.prose li::marker{color:var(--cyan);font-family:var(--mono);font-size:.85em}
.prose code{font-family:var(--mono);font-size:.88em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:6px}
.prose pre{overflow-x:auto;padding:18px;border-radius:14px;background:#05070f;border:1px solid var(--line);font-size:14px}
.callout{padding:18px 20px;border-radius:14px;border:1px solid rgba(51,217,242,.35);background:rgba(51,217,242,.07);display:flex;flex-direction:column;gap:6px}
.callout .hud{color:var(--cyan)}
.post-cta{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:18px;border:1px solid rgba(160,180,255,.3);background:linear-gradient(150deg,rgba(77,124,255,.16),rgba(8,11,22,.6) 50%,rgba(224,75,240,.12))}
.post-cta h3{margin:0 0 4px}
.post-cta p{font-size:15.5px;color:var(--dim)}
.author{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;margin-top:2.4em !important;padding-top:28px;border-top:1px solid var(--line)}
.author img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.author h3{margin:4px 0 6px}
.author p{font-size:15.5px;color:var(--dim)}
.author .more{font-size:12px}
@media (max-width:1080px){
  .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .featured{grid-template-columns:minmax(0,1fr)}
  .art-grid{grid-template-columns:minmax(0,1fr)}
  .toc{position:static}
}
@media (max-width:560px){
  .post-grid{grid-template-columns:minmax(0,1fr)}
  .prose{font-size:17px}
  .author{grid-template-columns:minmax(0,1fr)}
  .byline .btn{margin-left:0}
}
@media (max-width:860px){
  .hero-copy,.sec-head .t,.sec-head p,.seo-copy,.serp,.addons-copy,.contact-copy,.rb-form,.audit-copy,.aform,.faq-head,.faq-list{grid-column:1 / -1}
}
/* WordPress-owned regions inside cards */
.post .post-body,.feat-copy .feat-body,.post-head .post-head-body{display:flex;flex-direction:column;gap:12px}
.post-head .post-head-body{gap:22px}
.cover.cover-img{padding:0}
.cover.cover-img::before{display:none}
.cover.cover-img img{width:100%;height:100%;object-fit:cover;display:block}
.post time{font-variant-numeric:tabular-nums}
.chips + .x{display:none}
.more-row .nav-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.more-row .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--line);color:var(--dim);text-decoration:none}
.more-row .page-numbers.current{background:var(--ink);color:var(--void)}