/* Guide and company pages, group "definition" (6 Oct 2026, Mohamed: "keep going and leave the quote form and checkout for
   now"): the v2 bodies of pages.definition-template (/translation-costs-uk, /sworn-translation,
   /how-long-does-certified-translation-take, /welsh-language-standards-guide), pages.glossary (/translation-glossary) and
   pages.how-we-work (/how-we-work). Loaded after site-v2.css and site-v2-pages.css; every rule is scoped to the three page
   wrappers (sv2-pg-def, sv2-pg-glossary, sv2-pg-hww). Same visual language as the homepage and the live v2 pages: blended
   photo hero, one card at most in the hero, navy bands with an orange rule, hairline lists, big orange numbers, the house
   table and answer cards, the photo call to action. */

/* ===== hero ===== */
:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) .sv2-hero.is-plain{border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 90% at 85% 10%,#1b2d47 0%,rgba(16,29,48,0) 60%),linear-gradient(135deg,#0b1626 0%,#101d30 55%,#0b1626 100%)}
/* breadcrumb words light enough to read over the lighter photo shade (the shade itself is shared and stays) */
:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) .sv2-hero .sv2-crumbs ol{color:#eef2f6}
:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) .sv2-hero .sv2-crumbs li[aria-current]{color:#ffe3d2}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-pg-kicker{display:inline-block;margin-top:20px;padding:7px 14px;border-radius:999px;background:rgba(4,16,33,.66);box-shadow:inset 0 0 0 1px rgba(255,145,78,.5);font:600 14px/1.4 Inter,sans-serif;color:#fff}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-pg-kicker+h1{margin-top:16px}
@media(min-width:601px){:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) .sv2-hero h1{max-width:15em;font-size:clamp(40px,3.8vw,60px)}}
:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) .sv2-hero-lead.is-long{max-width:680px;font-size:17px;line-height:1.6}
/* hero words pure white (the intent of site-v2-pages.css "hero words pure white"), so the lead reads over the lighter photo shade */
:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) .sv2-hero .sv2-hero-lead{color:#fff}
:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) .sv2-hero-tp a{gap:10px 14px}
:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) .sv2-hero-tp a>span:last-child{font-size:15px;color:#e3e8ee}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-date{font:500 14px/1.5 Inter,sans-serif;color:#fff}
.sv2-pg-glossary .sv2-gl-date{margin-top:22px;text-shadow:0 1px 2px rgba(0,0,0,.45),0 2px 18px rgba(0,0,0,.35)}
.sv2-pg-def .sv2-hero-copy>.sv2-def-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px;margin-top:26px}
/* the definition card: the old hero's definition box, its date and Trustpilot row (one card, never two) */
.sv2-pg-def .sv2-hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center}
.sv2-pg-def .sv2-def-side{min-width:0;width:100%;max-width:500px;justify-self:end}
.sv2-pg-def .sv2-def-card{border-radius:18px;padding:30px 32px 26px;background:#0d1729;border:1px solid rgba(255,255,255,.13);box-shadow:0 1px 2px rgba(0,0,0,.3),0 24px 60px rgba(0,0,0,.4)}
.sv2-pg-def .sv2-def-label{display:flex;align-items:center;gap:12px;font:600 12px/1.5 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark)}
.sv2-pg-def .sv2-def-label::before{content:"";flex:0 0 auto;width:28px;height:2px;background:var(--accent)}
.sv2-pg-def .sv2-def-text{margin-top:14px;font-size:17px;line-height:1.65;color:#eef2f6}
.sv2-pg-def .sv2-def-card .sv2-def-meta{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:14px}
.sv2-pg-def .sv2-def-card .sv2-def-date{color:var(--on-dark)}

/* ===== in short (TL;DR): one calm line under the hero, with the orange rule ===== */
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-short{padding-block:56px}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-short-box{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1.45fr);gap:16px 72px;align-items:start}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-short-label{display:flex;align-items:center;gap:12px;padding-top:6px;font:600 12px/1.5 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-short-label::before{content:"";flex:0 0 auto;width:28px;height:2px;background:var(--accent)}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-short-text{max-width:860px;padding-inline-start:28px;border-inline-start:3px solid var(--accent);font:400 21px/1.6 Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-short-text strong{font-weight:600}

/* ===== the early quote strip: a short navy band, words left, button right ===== */
.sv2-pg-def .sv2-def-strip{padding-block:44px}
.sv2-pg-def .sv2-def-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:20px 48px}
.sv2-pg-def .sv2-def-strip-title{font:600 clamp(24px,2.2vw,32px)/1.2 Poppins,"Poppins Fallback",sans-serif;letter-spacing:-.025em;color:#fff}
.sv2-pg-def .sv2-def-strip-text{margin-top:8px;max-width:760px;font-size:17px;line-height:1.6;color:var(--on-dark)}
.sv2-pg-def .sv2-def-strip .sv2-btn{flex:0 0 auto}

/* ===== key facts: a clean four-column list with hairlines and the orange tick ===== */
.sv2-pg-def .sv2-def-facts-title{font-size:clamp(28px,2.6vw,40px);line-height:1.15;letter-spacing:-.03em;margin-bottom:30px}
.sv2-pg-def .sv2-def-facts-title::before{content:"";display:block;width:36px;height:3px;border-radius:2px;background:var(--accent);margin-bottom:22px}
.sv2-pg-def .sv2-def-factlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 36px;border-top:1px solid var(--line-strong)}
.sv2-pg-def .sv2-def-factlist.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv2-pg-def .sv2-def-factlist li{position:relative;padding-block:18px;padding-inline-start:32px;border-bottom:1px solid var(--line-strong);font-size:16px;line-height:1.55;color:var(--ink)}
.sv2-pg-def .sv2-def-factlist li::before{content:"";position:absolute;inset-inline-start:0;top:21px;width:18px;height:18px;background:var(--orange);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5L19.5 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5L19.5 7'/%3E%3C/svg%3E") center/contain no-repeat}

/* ===== long sections: heading beside the text (site-v2.css .sv2-article), one photo beside a section where it fits ===== */
.sv2-pg-def .sv2-def-sections .sv2-prose{max-width:760px}
.sv2-pg-def .sv2-def-figure{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--paper)}
.sv2-pg-def .sv2-def-figure img{width:100%;height:100%;object-fit:cover}
@media(min-width:851px){
.sv2-pg-def .sv2-article.has-photo{grid-template-rows:auto 1fr}
.sv2-pg-def .sv2-article.has-photo>h2{grid-column:1;grid-row:1;position:static}
.sv2-pg-def .sv2-article.has-photo>.sv2-def-figure{grid-column:1;grid-row:2;align-self:start;max-width:420px;margin-top:8px}
.sv2-pg-def .sv2-article.has-photo>.sv2-article-body{grid-column:2;grid-row:1/3}
}

/* ===== cost factors: navy columns (site-v2.css .sv2-know-grid) ===== */
.sv2-pg-def .sv2-def-points .sv2-head{margin-bottom:44px}

/* ===== pricing: the house table, then the same live calculator in the house frame ===== */
.sv2-pg-def .sv2-def-table-card{max-width:1180px}
.sv2-pg-def .sv2-def-table td:first-child{font-weight:600;color:var(--ink)}
.sv2-pg-def .sv2-def-table td:nth-child(2){font-weight:600;color:var(--orange);white-space:nowrap}
.sv2-pg-def .sv2-def-table td:last-child{font-weight:400;color:var(--muted)}
.sv2-pg-def .sv2-def-calc{max-width:1180px}
.sv2-pg-def #price-calculator{max-width:none;margin-top:40px}
.sv2-pg-def #price-calculator>div{border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(16,29,48,.04),0 20px 40px -30px rgba(16,29,48,.3)}
.sv2-pg-def #price-calculator>div>div:first-child{background:var(--navy)!important}
.sv2-pg-def #price-calculator h3{font:600 26px/1.25 Poppins,"Poppins Fallback",sans-serif;letter-spacing:-.025em;color:#fff}
.sv2-pg-def #price-calculator h3+p{color:var(--on-dark)}
.sv2-pg-def #price-calculator :is(select,input){border-color:var(--line-strong)}
.sv2-pg-def #price-calculator :is(select,input):focus{border-color:var(--orange)}
.sv2-pg-def #price-calculator .bg-orange-50{background:var(--paper)}
.sv2-pg-def #price-calculator a.inline-flex[style]{background:var(--orange)!important;border-radius:12px;font-weight:600;min-height:56px;box-shadow:0 12px 28px -12px rgba(199,66,13,.9)}
.sv2-pg-def #price-calculator a.inline-flex[style]:hover{background:var(--orange-hover)!important}
.sv2-pg-def #price-calculator a.underline{color:var(--orange)!important;text-underline-offset:4px;display:inline-block;padding-block:8px}

/* ===== FAQ (site-v2.css answer cards) and related links (site-v2.css link list) ===== */
.sv2-pg-def .sv2-faq-more a{color:var(--ink)}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-related .sv2-head{margin-bottom:36px}

/* ===== glossary: search and category buttons ===== */
.sv2-pg-glossary .sv2-gl-tools{padding-block:30px 32px;border-top:1px solid var(--line);background:#fff}
.sv2-pg-glossary .sv2-gl-tools .sv2-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.sv2-pg-glossary .sv2-gl-search{position:relative;flex:0 1 360px;min-width:240px}
.sv2-pg-glossary .sv2-gl-input{width:100%;height:52px;padding:0 16px;padding-inline-start:46px;border:1.5px solid var(--line-strong);border-radius:12px;background:#fff;font:400 16px/1.4 Inter,sans-serif;color:var(--ink)}
.sv2-pg-glossary .sv2-gl-input::placeholder{color:var(--soft)}
.sv2-pg-glossary .sv2-gl-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(199,66,13,.15)}
.sv2-pg-glossary .sv2-gl-search-icon{position:absolute;top:16px;inset-inline-start:16px;color:var(--soft);pointer-events:none}
.sv2-pg-glossary .sv2-gl-cats{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 520px}
.sv2-pg-glossary .sv2-gl-cat{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font:500 14px/1.3 Inter,sans-serif;color:var(--ink);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.sv2-pg-glossary .sv2-gl-cat:hover{box-shadow:inset 0 0 0 1px var(--orange);color:var(--orange)}
.sv2-pg-glossary .sv2-gl-cat.is-on{background:var(--navy);box-shadow:none;color:#fff}

/* ===== glossary: A to Z jump row, then each letter as a big orange letter beside a clean list of terms ===== */
.sv2-pg-glossary .sv2-gl-terms{padding-top:56px}
.sv2-pg-glossary .sv2-gl-az{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:56px;padding-bottom:28px;border-bottom:1px solid var(--line-strong)}
.sv2-pg-glossary .sv2-gl-az a{display:flex;align-items:center;justify-content:center;width:42px;height:44px;border-radius:10px;font:600 16px/1 Poppins,"Poppins Fallback",sans-serif;color:var(--ink);transition:background .18s,color .18s}
.sv2-pg-glossary .sv2-gl-az a:hover{background:#fff;color:var(--orange);box-shadow:inset 0 0 0 1px var(--line)}
.sv2-pg-glossary .sv2-gl-group{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1.45fr);gap:16px 72px;padding-block:40px;border-top:1px solid var(--line-strong);scroll-margin-top:24px}
.sv2-pg-glossary .sv2-gl-group:first-of-type{padding-top:0;border-top:0}
.sv2-pg-glossary .sv2-gl-letter span{display:block;font:600 clamp(68px,6.4vw,100px)/.9 Poppins,"Poppins Fallback",sans-serif;letter-spacing:-.06em;color:var(--accent)}
@media(min-width:1024px){.sv2-pg-glossary .sv2-gl-letter{position:sticky;top:calc(var(--header) + 24px);align-self:start}}
.sv2-pg-glossary .sv2-gl-list{display:grid}
.sv2-pg-glossary .sv2-gl-term{padding-block:24px;scroll-margin-top:24px}
.sv2-pg-glossary .sv2-gl-term:first-child{padding-top:6px}
.sv2-pg-glossary .sv2-gl-term+.sv2-gl-term{border-top:1px solid var(--line)}
.sv2-pg-glossary .sv2-gl-term:target h3{color:var(--orange)}
.sv2-pg-glossary .sv2-gl-term-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px}
.sv2-pg-glossary .sv2-gl-term h3{font-size:22px;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
.sv2-pg-glossary .sv2-gl-tag{font:600 12px/1.5 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.sv2-pg-glossary .sv2-gl-def{margin-top:10px;max-width:820px;font-size:16px;line-height:1.75;color:var(--muted)}
.sv2-pg-glossary .sv2-gl-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 24px;margin-top:10px}
.sv2-pg-glossary .sv2-gl-related{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:14px;line-height:1.5}
.sv2-pg-glossary .sv2-gl-related-label{font-weight:600;color:var(--soft)}
.sv2-pg-glossary .sv2-gl-related a{display:inline-block;padding-block:8px;color:var(--ink);text-decoration:underline;text-decoration-color:rgba(199,66,13,.45);text-underline-offset:4px}
.sv2-pg-glossary .sv2-gl-related a:hover{color:var(--orange);text-decoration-color:var(--orange)}
.sv2-pg-glossary .sv2-gl-more{display:inline-flex;align-items:center;gap:8px;min-height:40px;font:600 15px/1.3 Inter,sans-serif;color:var(--orange)}
.sv2-pg-glossary .sv2-gl-more:hover{color:var(--orange-hover)}

/* ===== how we work: overview copy beside four big figures ===== */
.sv2-pg-hww .sv2-hww-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px 88px;align-items:center}
.sv2-pg-hww .sv2-hww-copy>h2{font-size:clamp(34px,3.2vw,50px)}
.sv2-pg-hww .sv2-hww-copy>h2::before{content:"";display:block;width:36px;height:3px;border-radius:2px;background:var(--accent);margin-bottom:22px}
.sv2-pg-hww .sv2-hww-copy .sv2-lead+.sv2-lead{margin-top:16px}
.sv2-pg-hww .sv2-hww-copy .sv2-checklist{margin-top:30px}
.sv2-pg-hww .sv2-checklist li{font-size:16px;line-height:1.6;color:var(--muted)}
.sv2-pg-hww .sv2-checklist strong{display:inline;font:600 16px/1.6 Inter,sans-serif;color:var(--ink)}
.sv2-pg-hww .sv2-hww-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line-strong)}
.sv2-pg-hww .sv2-hww-stats li{position:relative;display:flex;flex-direction:column;padding:34px 28px 34px 0;border-bottom:1px solid var(--line-strong)}
.sv2-pg-hww .sv2-hww-stats li:nth-child(even){padding-inline:28px 0;border-inline-start:1px solid var(--line-strong)}
.sv2-pg-hww .sv2-hww-stats li::before{content:"";position:absolute;top:-2px;inset-inline-start:0;width:40px;height:3px;background:var(--accent)}
.sv2-pg-hww .sv2-hww-stats li:nth-child(even)::before{inset-inline-start:28px}
.sv2-pg-hww .sv2-hww-stats strong{font:600 clamp(48px,4.6vw,72px)/1 Poppins,"Poppins Fallback",sans-serif;letter-spacing:-.05em;color:var(--ink)}
.sv2-pg-hww .sv2-hww-stats span{margin-top:12px;font-size:16px;line-height:1.5;color:var(--muted)}

/* ===== how we work: six stages, big orange numbers on navy (homepage process) ===== */
.sv2-pg-hww .sv2-hww-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 48px}
.sv2-pg-hww .sv2-hww-steps>li{position:relative;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}
.sv2-pg-hww .sv2-hww-steps>li::before{content:"";position:absolute;top:-2px;inset-inline-start:0;width:56px;height:3px;background:var(--accent)}
.sv2-pg-hww .sv2-hww-steps .sv2-step-no{font-size:clamp(64px,5.6vw,92px)}
.sv2-pg-hww .sv2-hww-steps h3{margin:22px 0 10px;font-size:22px;line-height:1.3;color:#fff}
.sv2-pg-hww .sv2-hww-steps p{max-width:380px;font-size:16px;line-height:1.65;color:var(--on-dark)}
.sv2-pg-hww .sv2-hww-tags{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;font:500 14px/1.5 Inter,sans-serif;color:#fff}
.sv2-pg-hww .sv2-hww-tags li{display:flex;align-items:center}
.sv2-pg-hww .sv2-hww-tags li::before{content:"";flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-inline-end:8px}

/* ===== how we work: turnaround options as four clean columns ===== */
.sv2-pg-hww .sv2-hww-speedlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-strong)}
.sv2-pg-hww .sv2-hww-speedlist li{position:relative;padding:32px 28px 30px;border-bottom:1px solid var(--line-strong)}
.sv2-pg-hww .sv2-hww-speedlist li:first-child{padding-inline-start:0}
.sv2-pg-hww .sv2-hww-speedlist li+li{border-inline-start:1px solid var(--line-strong)}
.sv2-pg-hww .sv2-hww-speedlist li:last-child{padding-inline-end:0}
.sv2-pg-hww .sv2-hww-speedlist li::before{content:"";position:absolute;top:-2px;inset-inline-start:0;width:40px;height:3px;background:var(--line-strong)}
.sv2-pg-hww .sv2-hww-speedlist li+li::before{inset-inline-start:28px}
.sv2-pg-hww .sv2-hww-speedlist li.is-accent::before{background:var(--accent)}
.sv2-pg-hww .sv2-hww-speedlist h3{font-size:20px;line-height:1.3;color:var(--ink)}
.sv2-pg-hww .sv2-hww-time{margin-top:10px;font:600 clamp(34px,3vw,44px)/1.1 Poppins,"Poppins Fallback",sans-serif;letter-spacing:-.035em;color:var(--ink)}
.sv2-pg-hww .sv2-hww-speedlist li.is-accent .sv2-hww-time{color:var(--orange)}
.sv2-pg-hww .sv2-hww-speedtext{margin-top:12px;font-size:16px;line-height:1.65;color:var(--muted)}
.sv2-pg-hww .sv2-hww-note{margin-top:24px;font-size:15px;line-height:1.6;color:var(--soft)}

/* ===== how we work: related pages as a clean list with hairlines ===== */
.sv2-pg-hww .sv2-hww-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;border-top:1px solid var(--line-strong)}
.sv2-pg-hww .sv2-hww-rows a{position:relative;display:flex;flex-direction:column;height:100%;padding-block:24px 26px;padding-inline-end:36px;border-bottom:1px solid var(--line-strong)}
.sv2-pg-hww .sv2-hww-rows a::after{content:"";position:absolute;inset-inline-end:2px;top:28px;width:18px;height:18px;background:var(--orange);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:translate .18s}
.sv2-pg-hww .sv2-hww-rows h3{font-size:20px;line-height:1.3;color:var(--ink);transition:color .18s}
.sv2-pg-hww .sv2-hww-rows p{margin-top:6px;font-size:15px;line-height:1.6;color:var(--muted)}
.sv2-pg-hww .sv2-hww-rows a:hover h3{color:var(--orange)}
.sv2-pg-hww .sv2-hww-rows a:hover::after{translate:3px 0}
/* the six differentiators: the navy columns of the live pages on a light band, hairlines in the light line colour */
.sv2-pg-hww .sv2-hww-diffs .sv2-know-grid li{border-color:var(--line-strong)}

/* outline buttons over photos keep a dark fill (as site-v2-pages.css gives the hero one) and the house white hover */
:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) .sv2-cta .sv2-btn-outline-light{background:rgba(4,16,33,.55)}
:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) :is(.sv2-hero,.sv2-cta) .sv2-btn-outline-light:hover{background:#fff;color:var(--ink)}

/* ===== short laptop screens (14-inch, 740px tall) ===== */
@media(min-width:1024px) and (max-height:820px){
.sv2-pg-def .sv2-hero-inner{padding-top:26px;padding-bottom:34px}
.sv2-pg-def .sv2-def-card{padding:24px 28px 20px}
.sv2-pg-def .sv2-def-text{font-size:16px;line-height:1.6}
}

/* ===== laptops below 1100px ===== */
@media(max-width:1100px){
.sv2-pg-def .sv2-hero-grid{grid-template-columns:minmax(0,1fr)}
.sv2-pg-def .sv2-def-side{justify-self:start;max-width:640px}
.sv2-pg-def .sv2-def-factlist,.sv2-pg-def .sv2-def-factlist.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv2-pg-def .sv2-def-strip-inner{flex-direction:column;align-items:flex-start}
.sv2-pg-glossary .sv2-gl-group{gap:16px 44px}
.sv2-pg-hww .sv2-hww-split{grid-template-columns:minmax(0,1fr)}
.sv2-pg-hww .sv2-hww-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv2-pg-hww .sv2-hww-speedlist{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv2-pg-hww .sv2-hww-speedlist li,.sv2-pg-hww .sv2-hww-speedlist li:first-child,.sv2-pg-hww .sv2-hww-speedlist li:last-child{padding:30px 28px 28px 0}
.sv2-pg-hww .sv2-hww-speedlist li:nth-child(even){padding-inline:28px 0}
.sv2-pg-hww .sv2-hww-speedlist li:nth-child(odd){border-inline-start:0}
.sv2-pg-hww .sv2-hww-speedlist li:nth-child(odd)::before{inset-inline-start:0}
.sv2-pg-hww .sv2-hww-rows{grid-template-columns:minmax(0,1fr)}
}

/* ===== tablets and large phones ===== */
@media(max-width:850px){
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-short-box{grid-template-columns:minmax(0,1fr);gap:14px}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-short-label{padding-top:0}
.sv2-pg-glossary .sv2-gl-group{grid-template-columns:minmax(0,1fr);gap:18px}
.sv2-pg-def .sv2-def-table{min-width:640px}
.sv2-pg-def .sv2-def-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* ===== phones ===== */
@media(max-width:600px){
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-pg-kicker{margin-top:16px;font-size:13px;padding:6px 12px}
:is(.sv2-pg-def,.sv2-pg-glossary,.sv2-pg-hww) .sv2-hero-lead.is-long{font-size:15px;line-height:1.55}
.sv2-pg-def .sv2-hero-inner{padding-bottom:40px}
.sv2-pg-def .sv2-hero-grid{gap:28px}
.sv2-pg-def .sv2-def-side{max-width:none}
.sv2-pg-def .sv2-def-card{padding:22px 20px 20px;border-radius:16px}
.sv2-pg-def .sv2-def-text{font-size:15px;line-height:1.6}
.sv2-pg-def .sv2-hero-copy>.sv2-def-meta{margin-top:20px}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-short{padding-block:44px}
:is(.sv2-pg-def,.sv2-pg-glossary) .sv2-def-short-text{padding-inline-start:18px;font-size:17px;line-height:1.6}
.sv2-pg-def .sv2-def-strip{padding-block:40px}
.sv2-pg-def .sv2-def-strip .sv2-btn{width:100%;white-space:normal;text-align:center}
.sv2-pg-def .sv2-def-strip-text{font-size:16px}
.sv2-pg-def .sv2-def-facts-title::before{width:30px;margin-bottom:18px}
.sv2-pg-def .sv2-def-factlist,.sv2-pg-def .sv2-def-factlist.is-3{grid-template-columns:minmax(0,1fr)}
.sv2-pg-def .sv2-def-factlist li{padding-block:14px;font-size:16px}
.sv2-pg-def .sv2-def-factlist li::before{top:17px}
.sv2-pg-def .sv2-def-figure{border-radius:14px;aspect-ratio:16/10}
.sv2-pg-def .sv2-def-table{min-width:0;width:640px;table-layout:fixed}
/* service and price stay fully in view on the first screen of the table; languages and best-for scroll beside them */
.sv2-pg-def .sv2-def-table :is(th,td):nth-child(1){width:140px}
.sv2-pg-def .sv2-def-table :is(th,td):nth-child(2){width:150px}
.sv2-pg-def .sv2-def-table :is(th,td):nth-child(3){width:120px}
.sv2-pg-def .sv2-def-table :is(th,td):nth-child(4){width:230px}
.sv2-pg-def .sv2-def-table th{padding:12px 14px;font-size:13px}
.sv2-pg-def .sv2-def-table td{padding:14px;font-size:14px}
.sv2-pg-def #price-calculator{margin-top:28px}
.sv2-pg-def #price-calculator>div>div:first-child{padding:20px 20px}
.sv2-pg-def #price-calculator>div>div+div{padding:22px 20px}
.sv2-pg-def #price-calculator h3{font-size:22px}
.sv2-pg-def #price-calculator a.inline-flex[style]{width:100%}
.sv2-pg-glossary .sv2-gl-tools{padding-block:24px}
.sv2-pg-glossary .sv2-gl-search{flex-basis:100%;min-width:0}
.sv2-pg-glossary .sv2-gl-cats{flex-basis:100%;gap:8px 6px}
.sv2-pg-glossary .sv2-gl-cat{padding:0 14px;font-size:13px}
.sv2-pg-glossary .sv2-gl-terms{padding-top:40px}
.sv2-pg-glossary .sv2-gl-az{gap:2px;margin-bottom:36px;padding-bottom:20px}
.sv2-pg-glossary .sv2-gl-az a{width:44px;height:44px;font-size:15px}
.sv2-pg-glossary .sv2-gl-group{padding-block:32px}
.sv2-pg-glossary .sv2-gl-letter span{font-size:58px}
.sv2-pg-glossary .sv2-gl-term{padding-block:22px 20px}
.sv2-pg-glossary .sv2-gl-term h3{font-size:19px}
.sv2-pg-glossary .sv2-gl-def{font-size:15px;line-height:1.7}
.sv2-pg-hww .sv2-hww-split{gap:40px}
.sv2-pg-hww .sv2-hww-copy>h2::before{width:30px;margin-bottom:18px}
.sv2-pg-hww .sv2-hww-stats li,.sv2-pg-hww .sv2-hww-stats li:nth-child(even){padding:26px 14px 24px 0}
.sv2-pg-hww .sv2-hww-stats li:nth-child(even){padding-inline:18px 0}
.sv2-pg-hww .sv2-hww-stats li:nth-child(even)::before{inset-inline-start:18px}
.sv2-pg-hww .sv2-hww-stats strong{font-size:44px}
.sv2-pg-hww .sv2-hww-stats span{font-size:14px}
.sv2-pg-hww .sv2-hww-steps{grid-template-columns:minmax(0,1fr);gap:0}
.sv2-pg-hww .sv2-hww-steps>li{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;padding:22px 0 24px;border-top:1px solid rgba(255,255,255,.16)}
.sv2-pg-hww .sv2-hww-steps>li::before{width:40px}
.sv2-pg-hww .sv2-hww-steps .sv2-step-no{font-size:54px}
.sv2-pg-hww .sv2-hww-steps h3{margin:2px 0 6px;font-size:20px}
.sv2-pg-hww .sv2-hww-steps p{font-size:15px}
.sv2-pg-hww .sv2-hww-tags{margin-top:12px;font-size:13px}
.sv2-pg-hww .sv2-hww-speedlist{grid-template-columns:minmax(0,1fr)}
.sv2-pg-hww .sv2-hww-speedlist li,.sv2-pg-hww .sv2-hww-speedlist li:nth-child(n){padding:24px 0 22px;border-inline-start:0}
.sv2-pg-hww .sv2-hww-speedlist li:nth-child(n)::before{inset-inline-start:0}
.sv2-pg-hww .sv2-hww-time{font-size:32px}
.sv2-pg-hww .sv2-hww-speedtext{font-size:15px}
.sv2-pg-hww .sv2-hww-rows a{padding-block:20px 22px}
.sv2-pg-hww .sv2-hww-rows h3{font-size:18px}
}
@media(max-width:374px){
.sv2-pg-glossary .sv2-gl-az a{width:40px;height:40px}
.sv2-pg-hww .sv2-hww-stats strong{font-size:38px}
}