/* Service v2 page-specific sections (template-parts/svc2-blocks.php, config "blocks"): first user SEO Copywriting
   (/organic-seo/seo-copywriting/, 2026-09-28, from the "Verified Content" deck). Loads after service-v2.css, only on
   pages whose config has "blocks" (inc/service-v2.php ss_svc2_sheets()). Site tokens only (navy / gold / light blue
   #2f7fbf), not the deck palette. Part above "below the fold" is inlined. Reveal policy: nothing hidden on load, no
   entrances, transitions <= 150 ms; the one exception is the pillar triangle's 6 s pulse loop (Mike, 2026-09-28),
   static under prefers-reduced-motion. */

/* hero: "SEO content that / can prove itself." on exactly two lines on desktop */
.svc2--seo-copywriting .ssub-h1{max-width:none;font-size:clamp(36px,4vw,58px)}
@media (min-width:1100px){.svc2--seo-copywriting .ssub-h1 .svc2-h1a{white-space:nowrap}}
/* ==== below the fold ==== */

/* ---------- shared ---------- */
.svb-head--c{justify-items:center;text-align:center;margin-inline:auto}
.svb-head--c .sv2-h2 .hl{margin-inline:auto}
.svb-num{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:999px;background:var(--ss-navy-deep);color:var(--gold);font-size:16px;font-weight:700;letter-spacing:.02em}
.svb-shot{position:relative;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(var(--ss-navy-deep-rgb),.12)}
.svb-shot img{width:100%;height:auto}
.svb-shot--dark{background:#0f1115;border-color:#0f1115}
.svb-stamp{display:block;background:var(--ss-navy-deep);color:#fff;font-size:12px;font-weight:700;line-height:1.2;padding:9px 14px;letter-spacing:.01em}
.svb-stamp:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:7px;vertical-align:1px}

/* ---------- problem ---------- */
.svb-prob__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;counter-reset:none}
.svb-prob__c{display:grid;gap:14px;align-content:start;background:#fff;border-radius:20px;padding:30px 28px;border:1px solid var(--line)}
.svb-prob__c .svb-num{justify-self:start}
.svb-prob__c h3{font-size:22px;font-weight:700;line-height:1.2;color:var(--ink)}
.svb-prob__c p{font-size:16px;color:var(--ink2)}
.svb-prob__close{margin-top:36px;font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.35;color:var(--ink);max-width:40ch;letter-spacing:-.01em}
.svb-prob__close b{color:var(--ss-navy);background:var(--ss-blue-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media (max-width:900px){.svb-prob__cards{grid-template-columns:1fr}}

/* ---------- pillars ---------- */
.svb-pil .svb-head{max-width:880px}
/* the triangle itself: assets/css/pillars-triangle.css (shared with /organic-seo/) */
.svb-rows{display:grid;gap:28px}
.svb-row{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px;align-items:stretch}
.svb-pc{display:grid;gap:14px;align-content:start;background:var(--navy2);border:1px solid var(--navy-line);border-radius:22px;padding:30px 30px 32px;border-top:4px solid var(--ss-blue)}
.svb-pc--left{border-top-color:#fff}
.svb-pc--right{border-top-color:var(--gold)}
.svb-pc__top{display:flex;align-items:center;gap:16px}
.svb-mini{width:56px;height:51px;flex:none}
.svb-pc h3{font-size:clamp(24px,2.2vw,30px);font-weight:700;line-height:1.15;color:#fff}
.svb-pc--base h3{color:#6fb0e8}
.svb-pc--right h3{color:var(--gold)}
.svb-pc__tag{font-size:18px;color:#fff;font-weight:600;line-height:1.45}
.svb-pc ul{display:grid;gap:14px;border-top:1px solid var(--navy-line);padding-top:18px}
.svb-pc li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;font-size:16px;line-height:1.5;color:var(--on-navy)}
.svb-pc li svg{width:20px;height:20px;color:var(--gold);margin-top:3px}
.svb-pc .svb-pc__checks{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;border-top:0;padding-top:4px}
.svb-pc .svb-pc__checks li{display:block}
.svb-pc__checks img{height:24px;width:auto;opacity:.9}
.svb-sample{display:grid;gap:16px;align-content:start;background:rgba(255,255,255,.035);border:1px solid var(--navy-line);border-radius:22px;padding:24px}
.svb-sample__lbl{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.svb-sample .svb-shot{border-color:transparent;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.svb-sample__t{font-size:15.5px;line-height:1.5;color:var(--on-navy)}
.svb-sample__t b{display:block;color:#fff;font-size:18px;line-height:1.3;margin-bottom:4px}
.svb-sample__calls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.svb-sample__calls li{display:grid;gap:6px;align-content:start;background:var(--ss-navy-deep);border-radius:16px;padding:16px 18px;font-size:14.5px;line-height:1.45;color:var(--on-navy)}
.svb-sample__calls i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}
.svb-sample__calls b{font-size:clamp(30px,2.8vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1;width:fit-content;color:var(--gold);background:var(--ss-gold-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.svb-srcrows{display:grid}
.svb-srcrow{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px 24px;align-items:center;padding:16px 0;border-top:1px solid var(--navy-line)}
.svb-srcrow:first-child{border-top:0;padding-top:4px}
.svb-src__h{font-size:13px;color:var(--mist);line-height:1.35}
.svb-src__h b{display:block;color:#fff;font-size:15px}
.svb-src__logos{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.svb-src__logos img{height:26px;width:auto;opacity:.9}
.svb-src__note{font-size:13.5px;color:var(--mist);border-top:1px solid var(--navy-line);padding-top:14px}
.svb-icons{display:grid;gap:12px;border-top:1px solid var(--navy-line);padding-top:16px}
.svb-icons>p{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}
.svb-icons ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.svb-icons li{display:grid;justify-items:center;gap:8px;text-align:center;font-size:12.5px;line-height:1.25;color:var(--on-navy)}
.svb-icons img{height:30px;width:auto}
@media (max-width:1000px){.svb-row{grid-template-columns:1fr;gap:16px}}
@media (max-width:640px){
  .svb-pc{padding:24px 20px 26px}
  .svb-sample{padding:16px}
  .svb-srcrow{grid-template-columns:1fr}
  .svb-src__logos{gap:14px 20px}
  .svb-src__logos img{height:22px}
  .svb-sample__calls{grid-template-columns:1fr}
  .svb-icons ul{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}
}

/* ---------- untouchable comparison (deck slide 7) ---------- */
.svb-cmp__t{display:grid;gap:14px;margin-top:40px;max-width:1120px;margin-inline:auto}
.svb-cmp__hd,.svb-cmp__r{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.25fr);gap:14px}
.svb-cmp__hd span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);padding:0 22px}
.svb-cmp__hd span:last-child{color:var(--gold-ink)}
.svb-cmp__p{display:flex;align-items:center;gap:14px;background:var(--ss-navy-deep);border-radius:18px;padding:20px 22px;color:#fff;font-size:19px;line-height:1.25}
.svb-cmp__r--base .svb-cmp__p b{color:#6fb0e8}
.svb-cmp__r--right .svb-cmp__p b{color:var(--gold)}
.svb-cmp__p .svb-mini{width:46px;height:42px}
.svb-cmp__typ,.svb-cmp__ours{display:grid;gap:10px;align-content:center;border-radius:18px;padding:20px 22px}
.svb-cmp__typ{background:var(--ground)}
.svb-cmp__ours{background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(var(--ss-navy-deep-rgb),.08)}
.svb-cmp__typ li,.svb-cmp__ours li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.45}
.svb-cmp__typ li{color:var(--ink3)}
.svb-cmp__ours li{color:var(--ink);font-weight:600}
.svb-cmp .sv2-ico--ok{background:var(--green-soft);color:var(--green)}
@media (max-width:900px){
  .svb-cmp__hd{display:none}
  .svb-cmp__r{grid-template-columns:1fr;gap:8px;margin-bottom:14px}
  .svb-cmp__typ:before,.svb-cmp__ours:before{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
  .svb-cmp__typ:before{content:"Typical content"}
  .svb-cmp__ours:before{content:"SmartSites";color:var(--gold-ink)}
}

/* ---------- one real article ---------- */
.svb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;align-items:start}
.svb-step{display:grid;gap:22px;align-content:start;min-width:0}
.svb-step__bd{display:grid;gap:10px;align-content:start}
.svb-step__n{margin-bottom:2px}
.svb-step h3{font-size:23px;font-weight:700;line-height:1.2;color:var(--ink)}
.svb-step__bd>p{font-size:15.5px;color:var(--ink2)}
.svb-rec{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:6px 0 0}
.svb-rec>div{display:grid;gap:2px;padding:11px 14px;border-top:1px solid var(--line)}
.svb-rec>div:first-child{border-top:0}
.svb-rec dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.svb-rec dd{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:14px;color:var(--ink2);line-height:1.4}
.svb-rec dd b{color:var(--green);font-size:15px}
.svb-calls{display:grid;gap:12px;margin-top:6px}
.svb-calls li{display:grid;gap:4px;background:var(--ss-navy-deep);border-radius:16px;padding:16px 18px;color:var(--on-navy);font-size:14.5px;line-height:1.45}
.svb-calls b{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1;width:fit-content;color:var(--gold);background:var(--ss-gold-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.svb-story .ssub-note{margin-top:24px}
@media (max-width:1100px){.svb-steps{grid-template-columns:1fr;gap:44px}.svb-step{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}}
@media (max-width:760px){.svb-step{grid-template-columns:1fr;gap:18px}.svb-calls b{font-size:30px}}
/* ---------- fleet ---------- */
.svb-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:36px}
.svb-tiles li{display:grid;gap:6px;align-content:start;background:#fff;border-radius:18px;padding:22px 20px;border:1px solid var(--line)}
.svb-tiles b{font-size:clamp(30px,3vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ss-navy);background:var(--ss-blue-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}
.svb-tiles span{font-size:14.5px;color:var(--ink2);line-height:1.4}
.svb-fleet__row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;margin-top:20px}
.svb-chart{background:var(--ss-navy-deep);border-radius:22px;padding:24px 24px 16px;display:grid;gap:12px}
.svb-chart figcaption{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
.svb-chart svg{width:100%;height:auto;display:block}
.svb-top{background:#fff;border-radius:22px;border:1px solid var(--line);padding:24px;display:grid;gap:14px;align-content:start}
.svb-top__h,.svb-top__f{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.svb-top__f{font-weight:600;letter-spacing:.04em;text-transform:none;font-size:12.5px}
.svb-top ol{display:grid;gap:14px}
.svb-top li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:baseline;font-size:14.5px;color:var(--ink)}
.svb-top li b{font-size:15px}
.svb-top__bar{grid-column:1/-1;grid-row:2;height:8px;border-radius:99px;background:var(--ground);overflow:hidden}
.svb-top__bar i{display:block;height:100%;border-radius:99px;background:var(--ss-blue)}
.svb-top li:first-child .svb-top__bar i{background:var(--gold)}
@media (max-width:1100px){.svb-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.svb-fleet__row{grid-template-columns:1fr}}
@media (max-width:560px){.svb-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.svb-tiles li{padding:16px 14px}.svb-tiles li:last-child{grid-column:1/-1}.svb-chart{padding:16px 12px 10px}}

/* ---------- process: seven steps in one row on desktop ---------- */
@media (min-width:1101px){.svc2--seo-copywriting .s-steps{grid-template-columns:repeat(7,minmax(0,1fr))}.svc2--seo-copywriting .s-step h3{font-size:18px}.svc2--seo-copywriting .s-step p{font-size:14px}}

/* ---------- close ---------- */
.svb-close{border-top:1px solid var(--line)}
.svb-close__in{display:grid;gap:16px;justify-items:center;text-align:center}
.svb-close .sv2-ctas{justify-content:center;margin-top:12px}
.svb-close .svb-btn-ink{color:var(--ink)!important;border-color:var(--ss-line-strong)}