/* r88 group D (2026-10-13): pricing, trust-center, company, partners, contact, tools, resources (template pages, built
   from vx-sections.css) and the reading documents (methodology, the two standards, sample-passport, release-gate,
   resources/custody, why-independent, brand-claims, counsel, privacy, terms). Layout only: grid, spacing and order. Every
   colour, font and radius below is one vx-sections.css or vx-pages.css already uses. */

/* =====================================================================================================================
   1. TEMPLATE PAGES (.pg-light.d-tpl): the light sheet hands straight to the first dark section, as the homepage's
      hero hands to its law section, and the old page sheets' paddings stand down.
   ===================================================================================================================== */
:root .pg .pg-light.d-tpl{border-radius:0!important;margin-top:0!important;padding-top:0!important;background:#f9f9f9}
.d-tpl>.vs-statement:first-child,.d-tpl>.vs-dark:first-child{margin-top:0}
.d-tpl>.vs-sec:first-child{padding-top:120px}
/* the FAQ and Keep reading close the page at the section rhythm */
:root .pg .pg-light.d-tpl>.pg-faq{padding-top:144px!important}
:root .pg .pg-light.d-tpl>.related{padding-top:144px!important;padding-bottom:144px!important}
.d-tpl>.vs-dark+.pg-faq,.d-tpl>.vs-dark+.related{margin-top:0}


/* lists inside an open accordion row read like a vs-split row's list (the layout itself is shared) */
.d-acc .vs-acc-b>div ul{margin:4px 0 0;padding:0;list-style:none}
.d-acc .vs-acc-b>div li{position:relative;padding:8px 0 8px 22px;font:400 15px/23px var(--vs-sans);color:var(--vs-mut)}
.d-acc .vs-acc-b>div li::before{content:"";position:absolute;left:2px;top:16px;width:8px;height:8px;border-radius:2px;background:#2554e8}

/* a section that is only a head and caption columns sits closer to the section above */
.vs-sec.d-tight{padding-top:112px}

@media (max-width:767px){
  :root .pg .pg-light.d-tpl>.pg-faq{padding-top:88px!important}
  :root .pg .pg-light.d-tpl>.related{padding-top:88px!important;padding-bottom:88px!important}
  .d-tpl>.vs-sec:first-child{padding-top:72px}
  .vs-sec.d-tight{padding-top:72px}
}

/* two plain lists side by side (the boundary: does / does not), hairline rows like the caption columns */
.d-lists ul{margin:12px 0 0;padding:0;list-style:none}
.d-lists li{position:relative;padding:11px 0 11px 22px;border-top:1px solid rgba(16,24,40,.06);font:400 15px/23px var(--vs-sans);color:var(--vs-mut)}
.d-lists li:first-child{border-top:0}
.d-lists li::before{content:"";position:absolute;left:2px;top:19px;width:8px;height:8px;border-radius:2px;background:#2554e8}
.d-lists>div+div li::before{background:#a1a1aa}
.d-lists>div>b{font-size:17px;line-height:24px}
.vs-spec-list dd a{color:#2554e8;text-decoration:none}

/* ---------- contact: the booking block on the light sheet (was a black block) ---------- */
.d-contact>#book{padding-top:56px}
.d-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);column-gap:96px;align-items:start}
.d-book .vs-steps{margin-top:0;row-gap:0}
.d-book .vs-steps>div{padding:20px 0 26px}
.d-book .vs-steps p{font-size:16px;line-height:26px;max-width:520px}
.d-direct{margin-top:28px;padding-top:24px;border-top:1px solid var(--vs-line)}
.d-direct p:not(.vs-k){margin:0;max-width:520px;font:400 16px/26px var(--vs-sans);color:var(--vs-mut)}
.d-direct a{color:#2554e8;text-decoration:none}
.d-direct a:hover{color:var(--vs-ink)}
:root .pg .d-contact .contact-form.cf2{box-shadow:0 0 0 1px rgba(15,23,42,.07),0 1px 2px rgba(15,23,42,.04)!important;border:0!important}
.d-book+.vs-caps{margin-top:96px}
@media (max-width:1099px){.d-book{grid-template-columns:1fr;row-gap:48px}.d-book .contact-form{order:-1}}
@media (max-width:767px){.d-contact>#book{padding-top:32px}.d-book+.vs-caps{margin-top:64px}}

/* =====================================================================================================================
   2. THE READING DOCUMENT (.pg-light.art): one centred measure of 720px, the sticky contents in the left margin,
      Schibsted 32/36 heads with their label above, 17/28 body, hairline tables and definition rows, big pictures
      between sections at the measure, and no box inside a box.
   ===================================================================================================================== */
:root .pg .pg-light.art{--d-m:720px}
/* the frame: contents | measure | balance */
:root .pg .pg-light.art .art-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,var(--d-m)) minmax(0,1fr)!important;column-gap:48px!important;max-width:1440px!important;margin:0 auto!important;padding:120px 75px 144px!important;box-sizing:border-box;align-items:start}
:root .pg .pg-light.art .art-side{grid-column:1;justify-self:start;width:100%;max-width:232px;position:sticky;top:104px}
:root .pg .pg-light.art .art-body{grid-column:2;max-width:none!important;min-width:0;width:100%}
/* the contents: plain grey links on a hairline rail, the current one in ink */
:root .pg .pg-light.art .art-toc b{display:block;margin:0 0 12px;font:500 14px/20px var(--vs-sans)!important;letter-spacing:-.011em!important;text-transform:none!important;color:var(--vs-ink)!important}
:root .pg .pg-light.art .art-toc a{display:block;padding:7px 0 7px 14px!important;border-left:1px solid var(--vs-line)!important;font:400 14px/20px var(--vs-sans)!important;color:var(--vs-sub)!important;text-decoration:none}
:root .pg .pg-light.art .art-toc a:hover{color:var(--vs-ink)!important}
:root .pg .pg-light.art .art-toc a.on{color:var(--vs-ink)!important;border-left-color:var(--vs-ink)!important}
:root .pg .pg-light.art .art-toc a .n{display:none!important}
/* the side call to action: no card, a hairline and a plain link-button */
:root .pg .pg-light.art .art-cta{margin-top:32px!important;padding:20px 0 0!important;border:0!important;border-top:1px solid var(--vs-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
:root .pg .pg-light.art .art-cta b{display:block;margin:0 0 4px;font:500 14px/20px var(--vs-sans)!important;color:var(--vs-ink)!important}
:root .pg .pg-light.art .art-cta p{margin:0 0 14px!important;font:400 14px/20px var(--vs-sans)!important;color:var(--vs-sub)!important}
:root .pg .pg-light.art .art-cta .btn+.btn{margin-top:8px}

/* sections: whitespace, not rules; the label sits above its heading */
:root .pg .pg-light.art .art-sec{display:flex;flex-direction:column;padding:0!important;margin:0 0 96px!important;border:0!important}
:root .pg .pg-light.art .art-sec:last-child{margin-bottom:0!important}
:root .pg .pg-light.art .art-sec>*{max-width:100%}
:root .pg .pg-light.art .art-sec>.overline{order:-1;display:block!important;margin:0 0 12px!important;font:500 14px/20px var(--vs-sans)!important;letter-spacing:-.011em!important;text-transform:none!important;color:var(--vs-sub)!important}
:root .pg .pg-light.art .art-sec>.overline::before{display:none!important}
:root .pg .pg-light.art .art-sec h2{margin:0 0 20px!important;max-width:none!important;font:500 32px/36px var(--vs-display)!important;letter-spacing:-.018em!important;color:var(--vs-ink)!important;text-wrap:balance;display:block!important}
:root .pg .pg-light.art .art-sec h3{margin:36px 0 10px!important;font:500 20px/26px var(--vs-display)!important;letter-spacing:-.015em!important;color:var(--vs-ink)!important}
/* body copy: 17/28 */
:root .pg .pg-light.art .art-sec p{margin:0 0 18px!important;max-width:none!important;font:400 17px/28px var(--vs-sans)!important;letter-spacing:-.011em!important;color:var(--vs-mut)!important}
:root .pg .pg-light.art .art-sec p.art-lead{font:400 20px/30px var(--vs-sans)!important;letter-spacing:-.014em!important;color:var(--vs-ink)!important;margin:0 0 20px!important}
:root .pg .pg-light.art .art-sec p b,:root .pg .pg-light.art .art-sec li b,:root .pg .pg-light.art .art-sec dd b{font-weight:500!important;color:var(--vs-ink)!important}
:root .pg .pg-light.art .art-sec a:not(.btn){color:#2554e8!important;text-decoration:none!important}
:root .pg .pg-light.art .art-sec a:not(.btn):hover{color:var(--vs-ink)!important}
/* lists: clean, a small grey square, generous rows */
:root .pg .pg-light.art .art-sec ul{margin:4px 0 24px!important;padding:0!important;list-style:none!important}
:root .pg .pg-light.art .art-sec ul li{position:relative;margin:0!important;padding:7px 0 7px 22px!important;border:0!important;font:400 17px/28px var(--vs-sans)!important;letter-spacing:-.011em;color:var(--vs-mut)!important;list-style:none!important}
:root .pg .pg-light.art .art-sec ul li::before{content:""!important;display:block!important;position:absolute;left:2px!important;top:19px!important;width:6px!important;height:6px!important;border-radius:1.5px!important;background:#a1a1aa!important}
:root .pg .pg-light.art .art-sec ul li::marker{content:none}
/* numbered lists (.vs--list and plain ol): a quiet counter, hairline rows */
:root .pg .pg-light.art .art-sec ol:not(.vc-eq){margin:4px 0 24px!important;padding:0!important;list-style:none!important;counter-reset:dol;border-top:1px solid var(--vs-line)}
:root .pg .pg-light.art .art-sec ol:not(.vc-eq)>li{counter-increment:dol;position:relative;display:block!important;margin:0!important;padding:13px 0 13px 40px!important;border:0!important;border-bottom:1px solid var(--vs-line)!important;background:none!important;box-shadow:none!important;border-radius:0!important;font:400 17px/28px var(--vs-sans)!important;color:var(--vs-mut)!important}
:root .pg .pg-light.art .art-sec ol:not(.vc-eq)>li::before{content:counter(dol)!important;position:absolute;left:0;top:13px;width:auto!important;height:auto!important;background:none!important;border:0!important;font:500 14px/28px var(--vs-sans)!important;color:#2554e8!important}
:root .pg .pg-light.art .art-sec ol:not(.vc-eq)>li>b:first-child{color:var(--vs-ink)!important}
/* definition rows: term and answer side by side on hairlines (the spec-list look) */
:root .pg .pg-light.art .art-sec dl.vl{display:grid!important;grid-template-columns:minmax(0,200px) minmax(0,1fr)!important;column-gap:32px!important;margin:8px 0 28px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
:root .pg .pg-light.art .art-sec dl.vl>div{display:contents!important}
:root .pg .pg-light.art .art-sec dl.vl dt{padding:14px 0!important;margin:0!important;border-top:1px solid var(--vs-line)!important;font:500 15px/24px var(--vs-sans)!important;letter-spacing:-.011em!important;text-transform:none!important;color:var(--vs-ink)!important}
:root .pg .pg-light.art .art-sec dl.vl dd{padding:14px 0!important;margin:0!important;border-top:1px solid var(--vs-line)!important;font:400 16px/26px var(--vs-sans)!important;color:var(--vs-mut)!important}
:root .pg .pg-light.art .art-sec dl.vl dd small{display:block;margin-top:4px;font:400 14px/21px var(--vs-sans)!important;color:var(--vs-sub)!important}
/* tables: the vs-table look, hairlines only, group rows as small heads */
:root .pg .pg-light.art .art-sec .t-tw,:root .pg .pg-light.art .art-sec .vt-wrap{margin:8px 0 28px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow-x:auto}
@media (min-width:768px){
  :root .pg .pg-light.art .art-sec table.vt{width:100%!important;margin:8px 0 28px!important;border-collapse:collapse!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
  :root .pg .pg-light.art .art-sec .t-tw table.vt,:root .pg .pg-light.art .art-sec .vt-wrap table.vt{margin:0!important}
  :root .pg .pg-light.art .art-sec table.vt thead th{position:static!important;padding:0 24px 12px 0!important;background:none!important;border:0!important;border-bottom:1px solid var(--vs-line)!important;font:500 13px/20px var(--vs-sans)!important;letter-spacing:-.006em!important;text-transform:none!important;color:var(--vs-sub)!important;text-align:left}
  :root .pg .pg-light.art .art-sec table.vt tbody th,:root .pg .pg-light.art .art-sec table.vt tbody td{padding:16px 24px 16px 0!important;background:none!important;border:0!important;border-bottom:1px solid var(--vs-line)!important;vertical-align:top;text-align:left}
  :root .pg .pg-light.art .art-sec table.vt tbody th{font:500 15px/23px var(--vs-sans)!important;color:var(--vs-ink)!important}
  :root .pg .pg-light.art .art-sec table.vt tbody td{font:400 15px/23px var(--vs-sans)!important;color:var(--vs-mut)!important}
  :root .pg .pg-light.art .art-sec table.vt th:last-child,:root .pg .pg-light.art .art-sec table.vt td:last-child{padding-right:0!important}
  :root .pg .pg-light.art .art-sec table.vt th small{display:block;margin-top:2px;font:500 12.5px/18px var(--vs-mono)!important;color:var(--vs-sub)!important}
  :root .pg .pg-light.art .art-sec table.vt td p{margin:6px 0 0!important;font:400 15px/23px var(--vs-sans)!important}
  :root .pg .pg-light.art .art-sec table.vt tbody tr:has(>th:only-child)>th,:root .pg .pg-light.art .art-sec table.vt tbody th.vt-g{padding:32px 0 10px!important;font:500 18px/24px var(--vs-display)!important;letter-spacing:-.012em!important;color:var(--vs-ink)!important;background:none!important}
  :root .pg .pg-light.art .art-sec table.vt tbody tr:first-child:has(>th:only-child)>th{padding-top:20px!important}
  :root .pg .pg-light.art .art-sec table.vt code{font:500 13px/20px var(--vs-mono)!important;color:var(--vs-ink)}
  :root .pg .pg-light.art .art-sec table.vt tbody tr:hover>*{background:none!important}
}
/* notes and closing boxes lose the box: a hairline above, the label in plain grey */
:root .pg .pg-light.art .art-note{margin:12px 0 28px!important;padding:18px 0 0!important;border:0!important;border-top:1px solid var(--vs-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
:root .pg .pg-light.art .art-note .lbl{display:block;margin:0 0 6px!important;font:500 14px/20px var(--vs-sans)!important;letter-spacing:-.011em!important;text-transform:none!important;color:var(--vs-sub)!important}
:root .pg .pg-light.art .art-note p{font:400 17px/28px var(--vs-sans)!important;color:var(--vs-ink)!important;margin:0 0 10px!important}
:root .pg .pg-light.art .art-note code{font:500 14px/24px var(--vs-mono)!important;background:none!important;padding:0!important;color:var(--vs-ink)!important}
:root .pg .pg-light.art .art-sec blockquote{margin:8px 0 28px!important;padding:2px 0 2px 22px!important;border:0!important;border-left:2px solid var(--vs-ink)!important;border-radius:0!important;background:none!important;font:500 20px/30px var(--vs-display)!important;letter-spacing:-.012em!important;color:var(--vs-ink)!important}
:root .pg .pg-light.art .art-sec blockquote cite{display:block;margin-top:10px;font:400 14px/20px var(--vs-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--vs-sub)!important;font-style:normal}
:root .pg .pg-light.art .art-close{margin-top:24px!important}
:root .pg .pg-light.art .art-next{margin:0!important;padding:40px 0 0!important;border:0!important;border-top:1px solid var(--vs-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
:root .pg .pg-light.art .art-next .lbl{display:block;margin:0 0 12px!important;font:500 14px/20px var(--vs-sans)!important;letter-spacing:-.011em!important;text-transform:none!important;color:var(--vs-sub)!important}
:root .pg .pg-light.art .art-next h2{font:500 32px/36px var(--vs-display)!important;letter-spacing:-.018em!important;margin:0 0 12px!important}
:root .pg .pg-light.art .art-next .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
:root .pg .pg-light.art .art-next .more{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 32px!important;margin:36px 0 0!important;padding:0!important;border:0!important}
:root .pg .pg-light.art .art-next .more a{display:block;padding:16px 0!important;border:0!important;border-top:1px solid var(--vs-line)!important;border-radius:0!important;background:none!important;text-decoration:none}
:root .pg .pg-light.art .art-next .more small{display:block;font:400 14px/20px var(--vs-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--vs-sub)!important}
:root .pg .pg-light.art .art-next .more b{display:block;margin-top:2px;font:500 17px/24px var(--vs-sans)!important;color:var(--vs-ink)!important}
:root .pg .pg-light.art .art-next .more a:hover b{color:#2554e8!important}
/* worked arithmetic: the panel goes, the rows stay on hairlines, the answer keeps its tile */
:root .pg .pg-light.art .art-sec .vc{margin:8px 0 28px!important}
:root .pg .pg-light.art .art-sec .vc>div{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
:root .pg .pg-light.art .art-sec .vc>div+div{margin-top:36px!important}
:root .pg .pg-light.art .art-sec .vc .vc-h{margin:0 0 4px!important;font:500 18px/24px var(--vs-display)!important;letter-spacing:-.012em!important;text-transform:none!important;color:var(--vs-ink)!important}
/* pictures between sections: big, at the measure, uncropped, no frame */
:root .pg .pg-light.art .art-fig{margin:0 0 96px!important;padding:0!important}
:root .pg .pg-light.art .art-sec .art-fig{margin:16px 0 28px!important}
:root .pg .pg-light.art .art-fig picture{display:block}
:root .pg .pg-light.art .art-fig img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:initial!important;border:0!important;border-radius:16px!important}
:root .pg .pg-light.art .art-fig figcaption{margin:14px 0 0!important;text-align:left!important;font:400 14px/21px var(--vs-sans)!important;color:var(--vs-sub)!important}
/* the opening statement under the hero, at the homepage's head scale */
:root .pg .pg-light.art>.sh-intro p:not(.sh-src){font:400 18px/28px var(--vs-sans)!important;letter-spacing:-.011em!important;color:var(--vs-mut)!important}

@media (max-width:1199px){
  :root .pg .pg-light.art .art-wrap{grid-template-columns:minmax(0,220px) minmax(0,1fr)!important;column-gap:56px!important}
}
@media (max-width:991px){
  :root .pg .pg-light.art .art-wrap{grid-template-columns:minmax(0,1fr)!important;padding:72px 36px 96px!important;max-width:calc(var(--d-m) + 72px)!important}
  :root .pg .pg-light.art .art-side{grid-column:1;position:static;max-width:none;margin-bottom:56px}
  :root .pg .pg-light.art .art-body{grid-column:1}
  :root .pg .pg-light.art .art-cta{display:none}
}
@media (max-width:767px){
  :root .pg .pg-light.art .art-wrap{padding:56px 20px 88px!important}
  :root .pg .pg-light.art .art-sec{margin-bottom:72px!important}
  :root .pg .pg-light.art .art-fig{margin-bottom:72px!important}
  :root .pg .pg-light.art .art-sec h2,:root .pg .pg-light.art .art-next h2{font-size:26px!important;line-height:31px!important}
  :root .pg .pg-light.art .art-sec p,:root .pg .pg-light.art .art-sec ul li,:root .pg .pg-light.art .art-sec ol:not(.vc-eq)>li{font-size:16.5px!important;line-height:27px!important}
  :root .pg .pg-light.art .art-sec p.art-lead{font-size:18px!important;line-height:28px!important}
  :root .pg .pg-light.art .art-sec dl.vl{grid-template-columns:minmax(0,1fr)!important}
  :root .pg .pg-light.art .art-sec dl.vl dd{border-top:0!important;padding-top:0!important}
  :root .pg .pg-light.art .art-next .more{grid-template-columns:1fr!important}
}
:root .pg .pg-light.art .art-sec table.vt .vst{width:max-content;max-width:100%}
/* lists and notes inside a table cell stay at the table's size */
:root .pg .pg-light.art .art-sec table.vt td ul{margin:0!important}
:root .pg .pg-light.art .art-sec table.vt td ul li{padding:3px 0 3px 18px!important;font:400 15px/23px var(--vs-sans)!important}
:root .pg .pg-light.art .art-sec table.vt td ul li::before{top:12px!important;width:5px!important;height:5px!important}
:root .pg .pg-light.art .art-sec table.vt th .tn{display:block;margin-top:2px;font:400 14px/20px var(--vs-sans)!important;color:var(--vs-sub)!important}

/* ---------- caption columns with a small source line above the lead-in (dates, cases) ---------- */
.d-capk .d-k{display:block;margin:0 0 8px;font:400 13px/20px var(--vs-sans);color:var(--vs-sub)}

/* ---------- a contact block inside a template page: copy left on the vs grid, the form card right ---------- */
:root .pg .pg-light.d-tpl>.cform{max-width:1440px!important;margin:0 auto!important;padding:144px 75px 0!important;box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,560px)!important;column-gap:96px!important;align-items:start}
:root .pg .pg-light.d-tpl>.cform .cform-copy h2{margin:0 0 16px!important;font:500 44px/48px var(--vs-display)!important;letter-spacing:-.018em!important;color:var(--vs-ink)!important}
:root .pg .pg-light.d-tpl>.cform .cform-copy h2 .w{opacity:1!important;transform:none!important}
:root .pg .pg-light.d-tpl>.cform .cform-copy p{margin:0 0 24px!important;max-width:460px!important;font:400 18px/28px var(--vs-sans)!important;color:var(--vs-mut)!important}
:root .pg .pg-light.d-tpl>.cform .cform-copy ul{margin:0!important;padding:0!important;list-style:none!important;max-width:460px}
:root .pg .pg-light.d-tpl>.cform .cform-copy li{position:relative;padding:11px 0 11px 22px!important;border-top:1px solid var(--vs-line);font:400 15px/23px var(--vs-sans)!important;color:var(--vs-mut)!important}
:root .pg .pg-light.d-tpl>.cform .cform-copy li::before{content:""!important;position:absolute;left:2px!important;top:19px!important;width:8px!important;height:8px!important;border-radius:2px;background:#2554e8!important}
:root .pg .pg-light.d-tpl>.cform .contact-form.light{box-shadow:0 0 0 1px rgba(15,23,42,.07),0 1px 2px rgba(15,23,42,.04)!important;border:0!important;border-radius:16px!important}
@media (max-width:1099px){:root .pg .pg-light.d-tpl>.cform{grid-template-columns:1fr!important;row-gap:40px}}
@media (max-width:767px){:root .pg .pg-light.d-tpl>.cform{padding:88px 20px 0!important}:root .pg .pg-light.d-tpl>.cform .cform-copy h2{font-size:32px!important;line-height:36px!important}}

/* legal documents sit a little closer than articles */
:root .pg.r59-legal .pg-light.art .art-sec{margin-bottom:64px!important}
/* caption columns that close a section after its accordion */
.vs-acc+.vs-caps.d-after{margin-top:64px}

/* ---------- the library: one featured row of cards, reading paths on dark, then hairline list rows ---------- */
.vs-card .vs-cb p.d-for{margin-top:14px;padding-top:12px;border-top:1px solid var(--vs-line);font:400 15px/23px var(--vs-sans);color:var(--vs-sub)}
.vs-card .vs-cb p.d-for::before{content:"Read if";display:block;margin-bottom:2px;font:500 14px/20px var(--vs-sans);color:var(--vs-ink)}
.d-paths small{display:block;margin:0 0 6px;font:400 14px/20px var(--vs-sans);color:#8b8b93}
.d-paths ol{margin:14px 0 0;padding:0;list-style:none;counter-reset:dp}
.d-paths li{counter-increment:dp;border-top:1px solid rgba(255,255,255,.1)}
.d-paths li a{display:flex;gap:12px;align-items:baseline;padding:10px 0;font:400 15px/22px var(--vs-sans);color:#f4f4f6;text-decoration:none}
.d-paths li a::before{content:counter(dp);flex:none;width:12px;font:500 13px/22px var(--vs-sans);color:#8b8b93}
.d-paths li a:hover{text-decoration:underline;text-underline-offset:3px}
.d-group{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:72px;margin-top:72px}
.d-group>h3{margin:18px 0 0;font:500 20px/26px var(--vs-display);letter-spacing:-.015em;color:var(--vs-ink)}
.d-rows{border-bottom:1px solid var(--vs-line)}
.d-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:40px;row-gap:4px;padding:20px 0;border-top:1px solid var(--vs-line);text-decoration:none;color:inherit}
.d-row-k{grid-column:1;font:400 14px/20px var(--vs-sans);color:var(--vs-sub)}
.d-row>b{grid-column:1;font:500 17px/24px var(--vs-sans);letter-spacing:-.012em;color:var(--vs-ink)}
.d-row>b::after{content:" \2192";color:#2554e8}
.d-row-p{grid-column:2;grid-row:1/3;font:400 15px/23px var(--vs-sans);color:var(--vs-mut)}
.d-row-for{grid-column:2;font:400 15px/23px var(--vs-sans);color:var(--vs-sub)}
@media (max-width:1099px){.d-group{grid-template-columns:1fr;row-gap:16px}.d-group>h3{margin-top:0}}
@media (max-width:767px){.d-group{margin-top:56px}.d-row{grid-template-columns:1fr}.d-row-p,.d-row-for{grid-column:1;grid-row:auto}}
/* steps inside one article section: a plain label above each sub-heading */
:root .pg .pg-light.art .art-sec p.d-step{margin:48px 0 4px!important;font:500 14px/20px var(--vs-sans)!important;color:var(--vs-sub)!important}
:root .pg .pg-light.art .art-sec p.d-step+h3{margin-top:0!important}
/* a long names-only list runs in two columns */
@media (min-width:768px){:root .pg .pg-light.art .art-sec ul.d-cols{columns:2;column-gap:32px}:root .pg .pg-light.art .art-sec ul.d-cols li{break-inside:avoid}}
/* an article page that closes with questions and Keep reading */
:root .pg .pg-light.art>.art-wrap+.pg-faq{padding-top:0!important}
:root .pg .pg-light.art>.related{padding-bottom:144px!important}
:root .pg .pg-light.art .art-cta b+.btn{margin-top:10px}

/* r88f: step text is body copy, 15/23 */
:root .pg .pg-light .d-step,:root .pg .pg-light .d-step p{font-size:15px!important;line-height:23px!important}