/* "Will it be accepted?" guide pages (/accepted/<case>, 38 pages), reskin v2, 6 Oct 2026 (Mohamed: "continue the remaining
   Lingo pages"). Loaded after site-v2.css and site-v2-pages.css by the pages/accepted/<case>-v2-body views only; every rule
   is scoped under the page wrapper .sv2-pg-accepted. Same visual language as the homepage and the live v2 guides: blended
   photo hero, the short answer set large on a paper strip under it, hairline columns and lists, quiet notes with an
   orange rule, white figures on navy, the sources ledger in a table card and the closing photo band. The old amber boxes,
   green pills and grey dots are gone: a caution is a paper note with an orange rule, official wording is set as a
   quotation beside a navy rule, labels are kickers. */

/* ===== page frame =====
   The old page puts the quote box before the common questions. The house pattern closes on the photo band, so the bands
   are flex items and the questions (and, on topic pages, the related links) are placed before it. DOM order is unchanged. */
.sv2-pg-accepted{display:flex;flex-direction:column}
.sv2-pg-accepted>.sv2-acc-faq{order:1}
.sv2-pg-accepted>.sv2-acc-related{order:2}
.sv2-pg-accepted>.sv2-cta{order:3}
/* two white bands in a row read as one section with a calmer gap */
.sv2-pg-accepted>.sv2-white+.sv2-white{padding-top:0}
.sv2-pg-accepted>.sv2-white:has(+.sv2-white){padding-bottom:72px}

/* homepage kicker: 12px uppercase label after a short orange line */
.sv2-pg-accepted .sv2-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:600 12px/1.5 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.sv2-pg-accepted .sv2-kicker::before{content:"";flex:0 0 auto;width:28px;height:2px;background:var(--accent)}
.sv2-pg-accepted :is(.sv2-hero,.sv2-navy) .sv2-kicker{color:var(--on-dark)}

/* ===== hero: the words on the start side over the blended photo (or plain navy), the photo left open on the other side.
   It is shorter than the other guides' heroes so the short answer under it starts inside the first screen. ===== */
.sv2-pg-accepted .sv2-hero{min-height:min(max(520px,25vw),calc(100svh - var(--header) - 150px))}
.sv2-pg-accepted .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%)}
/* these heroes carry more small words over the photo than most (lead and checked line), and the country photos are chosen
   by another hand, so the navy shade is a little stronger where the words sit (the start half on laptops, the whole
   photo on phones, where the words cover it); the far side stays open on laptops so the place still shows. Even over a
   pure white photo the small text keeps 4.5:1 and the headline 3:1. */
.sv2-pg-accepted .sv2-hero-media::after{background:linear-gradient(90deg,rgba(4,16,33,.8),rgba(4,16,33,.7) 52%,rgba(4,16,33,.14)),linear-gradient(0deg,rgba(4,16,33,.4),transparent 38%)}
.sv2-pg-accepted .sv2-hero-copy{min-width:0;max-width:740px}
.sv2-pg-accepted .sv2-hero .sv2-crumbs ol{color:#eef2f6}
.sv2-pg-accepted .sv2-hero .sv2-crumbs li[aria-current]{color:#fff}
/* the series label: a dark pill (as on the live guides) so it reads over any part of a photo */
.sv2-pg-accepted .sv2-hero .sv2-hero-kicker{display:inline-flex;margin:22px 0 0;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 13px/1.4 Inter,sans-serif;letter-spacing:.06em;color:#fff}
.sv2-pg-accepted .sv2-hero .sv2-hero-kicker::before{content:none}
.sv2-pg-accepted .sv2-hero-kicker+h1{margin-top:14px}
@media(min-width:601px){.sv2-pg-accepted .sv2-hero h1{max-width:13.4em;font-size:clamp(36px,3.5vw,54px)}
}
/* the one very long headline (court evidence) a size down, so it sits in three lines */
@media(min-width:601px){.sv2-pg-accepted .sv2-hero.is-longtitle h1{max-width:16em;font-size:clamp(32px,3vw,46px)}
}
.sv2-pg-accepted .sv2-hero-lead{max-width:600px;color:#fff;text-wrap:pretty}
/* the checked-date line: white after a short orange rule (the old green line) */
.sv2-pg-accepted .sv2-acc-checked{display:flex;align-items:flex-start;gap:12px;max-width:600px;margin-top:22px;font:500 15px/1.5 Inter,sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45),0 2px 18px rgba(0,0,0,.35)}
.sv2-pg-accepted .sv2-acc-checked::before{content:"";flex:0 0 auto;width:22px;height:2px;margin-top:10px;background:var(--accent)}

/* ===== the short answer: the label beside the statement, set large (the guides' summary strip) ===== */
.sv2-pg-accepted .sv2-acc-answer{padding-block:60px 64px}
.sv2-pg-accepted .sv2-acc-answer-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);gap:16px 72px;align-items:start}
.sv2-pg-accepted .sv2-acc-answer-label{display:flex;align-items:center;gap:12px;padding-top:9px;font:600 13px/1.5 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.sv2-pg-accepted .sv2-acc-answer-label::before{content:"";flex:0 0 auto;width:28px;height:2px;background:var(--accent)}
.sv2-pg-accepted .sv2-acc-answer h2{max-width:880px;font:500 clamp(21px,1.75vw,27px)/1.48 Poppins,"Poppins Fallback",Inter,sans-serif;letter-spacing:-.02em;color:var(--ink);text-wrap:pretty}
.sv2-pg-accepted .sv2-acc-answer.is-long h2{font-size:clamp(20px,1.6vw,24px)}

/* ===== what the rules say: two hairline columns (or one row with the heading beside the list) ===== */
.sv2-pg-accepted .sv2-acc-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;border-top:1px solid var(--line-strong)}
.sv2-pg-accepted .sv2-acc-col{position:relative;min-width:0;padding-block:40px 0;padding-inline:0 56px}
/* the two headings share one row, so both lists start on the same line whatever the headings' lengths */
@supports (grid-template-rows:subgrid){.sv2-pg-accepted .sv2-acc-cols:not(.is-rows) .sv2-acc-col{display:grid;grid-template-rows:subgrid;grid-row:span 2}
}
.sv2-pg-accepted .sv2-acc-col+.sv2-acc-col{padding-inline:56px 0;border-inline-start:1px solid var(--line-strong)}
.sv2-pg-accepted .sv2-acc-col::before{content:"";position:absolute;top:-2px;inset-inline-start:0;width:48px;height:3px;background:var(--accent)}
.sv2-pg-accepted .sv2-acc-col+.sv2-acc-col::before{inset-inline-start:56px}
.sv2-pg-accepted .sv2-acc-label{margin-bottom:12px;font:600 12px/1.5 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.sv2-pg-accepted .sv2-acc-col.is-ask .sv2-acc-label{color:var(--orange)}
.sv2-pg-accepted .sv2-acc-col h3{font-size:clamp(22px,1.9vw,28px);line-height:1.22;color:var(--ink)}
.sv2-pg-accepted .sv2-acc-col .sv2-list{margin-top:26px}
.sv2-pg-accepted .sv2-acc-col .sv2-list li{font-size:16px;line-height:1.6}
.sv2-pg-accepted .sv2-acc-col .sv2-list li::before{top:28px}
/* the column that states what the rules ask for: drawn ticks instead of the dash */
.sv2-pg-accepted .sv2-acc-col.is-ask .sv2-list li{padding-inline-start:34px}
.sv2-pg-accepted .sv2-acc-col.is-ask .sv2-list li::before{top:19px;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}
.sv2-pg-accepted .sv2-acc-src{margin-top:16px;font-size:14px;line-height:1.6;color:var(--soft)}
/* one column, or columns the old page stacked: the label and heading beside the list (the house long-form layout) */
.sv2-pg-accepted .sv2-acc-cols.is-rows{grid-template-columns:minmax(0,1fr);border-top:0}
.sv2-pg-accepted .sv2-acc-cols.is-rows .sv2-acc-col{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);gap:8px 72px;padding:44px 0 0;border-inline-start:0;border-top:1px solid var(--line-strong)}
.sv2-pg-accepted .sv2-acc-cols.is-rows .sv2-acc-col+.sv2-acc-col{margin-top:52px}
.sv2-pg-accepted .sv2-acc-cols.is-rows .sv2-acc-col::before,.sv2-pg-accepted .sv2-acc-cols.is-rows .sv2-acc-col+.sv2-acc-col::before{inset-inline-start:0}
.sv2-pg-accepted .sv2-acc-cols.is-rows .sv2-acc-col h3{font-size:clamp(24px,2.2vw,34px);line-height:1.2}
.sv2-pg-accepted .sv2-acc-cols.is-rows .sv2-acc-col .sv2-list{margin-top:0}
.sv2-pg-accepted .sv2-acc-col-head,.sv2-pg-accepted .sv2-acc-col-body{min-width:0}

/* ===== case links: hairline rows, the title over one line of detail, an orange arrow ===== */
.sv2-pg-accepted .sv2-acc-caselist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;border-top:1px solid var(--line-strong)}
.sv2-pg-accepted .sv2-acc-caselist li{border-bottom:1px solid var(--line-strong)}
.sv2-pg-accepted .sv2-acc-caselist a{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:5px;height:100%;min-height:96px;padding-block:22px 20px;padding-inline-end:48px;color:var(--ink);transition:color .18s}
.sv2-pg-accepted .sv2-acc-caselist a::after{content:"";position:absolute;inset-inline-end:2px;top:50%;width:20px;height:20px;margin-top:-10px;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-accepted .sv2-acc-caselist h3{font-size:19px;line-height:1.3;letter-spacing:-.015em;color:inherit;text-wrap:wrap}
.sv2-pg-accepted .sv2-acc-caselist p{font-size:15px;line-height:1.55;color:var(--muted)}
.sv2-pg-accepted .sv2-acc-caselist a:hover{color:var(--orange)}
.sv2-pg-accepted .sv2-acc-caselist a:hover::after{translate:3px 0}
.sv2-pg-accepted .sv2-acc-related .sv2-head{margin-bottom:40px}

/* ===== sections with official wording: heading beside the text ===== */
.sv2-pg-accepted .sv2-article-body{min-width:0}
.sv2-pg-accepted .sv2-acc-intro{max-width:760px;font-size:18px;line-height:1.7;color:var(--muted)}
.sv2-pg-accepted .sv2-acc-after{max-width:760px;margin-top:26px;font-size:17px;line-height:1.75;color:var(--muted)}
.sv2-pg-accepted .sv2-article-body .sv2-list{margin-top:26px}
.sv2-pg-accepted .sv2-article-body .sv2-list li{font-size:16px;line-height:1.65;color:var(--muted)}
.sv2-pg-accepted .sv2-article-body .sv2-list li::before{top:29px}
.sv2-pg-accepted .sv2-article-body :is(.sv2-list,.sv2-acc-steps,.sv2-acc-note,.sv2-acc-quote) strong{font-weight:600;color:var(--ink)}
.sv2-pg-accepted .sv2-article-body .sv2-acc-src{margin-top:18px;max-width:760px}
/* official wording: set as a quotation in the heading face beside a navy rule */
.sv2-pg-accepted .sv2-acc-quote{margin-top:26px;padding:4px 0 4px 28px;border-inline-start:3px solid var(--navy)}
.sv2-pg-accepted .sv2-acc-quote,.sv2-pg-accepted .sv2-acc-quote p{font:400 18px/1.62 Poppins,"Poppins Fallback",Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.sv2-pg-accepted .sv2-acc-quote p+p{margin-top:14px}
.sv2-pg-accepted .sv2-acc-quote+.sv2-acc-quote{margin-top:22px}
/* a caution inside a section: the house note, paper with an orange rule */
.sv2-pg-accepted .sv2-acc-note{margin-top:26px;padding:22px 28px;border-radius:14px;border-inline-start:3px solid var(--accent);background:var(--paper)}
.sv2-pg-accepted .sv2-acc-note,.sv2-pg-accepted .sv2-acc-note p{font-size:16px;line-height:1.7;color:var(--muted)}
.sv2-pg-accepted .sv2-acc-note p+p{margin-top:10px}
/* numbered requirements: orange numbers on hairlines (the numbers are the old page's own digits) */
.sv2-pg-accepted .sv2-acc-steps{margin-top:26px;border-top:1px solid var(--line-strong)}
.sv2-pg-accepted .sv2-acc-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 16px;align-items:baseline;padding-block:17px;border-bottom:1px solid var(--line-strong);font-size:16px;line-height:1.65;color:var(--muted)}
.sv2-pg-accepted .sv2-acc-no{font:600 30px/1 Poppins,"Poppins Fallback",sans-serif;letter-spacing:-.04em;color:var(--orange)}
.sv2-pg-accepted .sv2-acc-steps.is-plain li{color:var(--ink)}

/* UCAS only: a second two-column block (two universities' own rules) under the long-form rows, with its own kicker */
.sv2-pg-accepted .sv2-acc-examples{margin-top:20px;padding-top:64px;border-top:1px solid var(--line-strong)}
.sv2-pg-accepted .sv2-acc-examples .sv2-head{margin-bottom:44px}
.sv2-pg-accepted .sv2-acc-examples-title{min-width:0}
.sv2-pg-accepted .sv2-acc-examples-title .sv2-kicker{margin-bottom:16px}
.sv2-pg-accepted .sv2-acc-examples-title h2{font-size:clamp(28px,2.6vw,40px);line-height:1.15;letter-spacing:-.03em}

/* ===== the caution: one large note, the heading beside the text ===== */
.sv2-pg-accepted .sv2-acc-warn{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);gap:20px 72px;padding:52px 56px 54px;border-radius:16px;border-inline-start:4px solid var(--accent);background:var(--paper)}
.sv2-pg-accepted .sv2-acc-warn+.sv2-acc-warn{margin-top:24px}
.sv2-pg-accepted .sv2-acc-warn h2{font-size:clamp(26px,2.3vw,36px);line-height:1.18;letter-spacing:-.03em;color:var(--ink)}
.sv2-pg-accepted .sv2-acc-warn-body{min-width:0}
.sv2-pg-accepted .sv2-acc-warn-body p{font-size:17px;line-height:1.75;color:#3d4955;text-wrap:pretty}
.sv2-pg-accepted .sv2-acc-warn-body p+p{margin-top:16px}
.sv2-pg-accepted :is(.sv2-acc-warn,.sv2-acc-note,.sv2-acc-quote,.sv2-article-body) a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(199,66,13,.55);text-decoration-thickness:1px;text-underline-offset:4px}
.sv2-pg-accepted :is(.sv2-acc-warn,.sv2-acc-note,.sv2-acc-quote,.sv2-article-body) a:hover{color:var(--orange);text-decoration-color:var(--orange)}

/* ===== three facts: white figures on navy under a short orange rule (the homepage credentials row) ===== */
.sv2-pg-accepted .sv2-acc-facts{padding-block:84px 88px}
.sv2-pg-accepted .sv2-acc-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18)}
.sv2-pg-accepted .sv2-acc-figures li{position:relative;min-width:0;padding-block:34px 0;padding-inline:40px}
.sv2-pg-accepted .sv2-acc-figures li:first-child{padding-inline-start:0}
.sv2-pg-accepted .sv2-acc-figures li:last-child{padding-inline-end:0}
.sv2-pg-accepted .sv2-acc-figures li+li{border-inline-start:1px solid rgba(255,255,255,.14)}
.sv2-pg-accepted .sv2-acc-figures li::before{content:"";position:absolute;top:-2px;inset-inline-start:0;width:48px;height:3px;background:var(--accent)}
.sv2-pg-accepted .sv2-acc-figures li+li::before{inset-inline-start:40px}
.sv2-pg-accepted .sv2-acc-fig{font:600 clamp(32px,3vw,46px)/1.08 Poppins,"Poppins Fallback",sans-serif;letter-spacing:-.04em;color:#fff}
/* a long figure a size down while the three sit side by side, so it stays on one line */
@media(min-width:851px){.sv2-pg-accepted .sv2-acc-fig.is-long{font-size:clamp(27px,2.45vw,38px);line-height:1.3}
}
.sv2-pg-accepted .sv2-acc-figcap{margin-top:12px;max-width:340px;font-size:16px;line-height:1.6;color:var(--on-dark)}

/* ===== sources ledger ===== */
.sv2-pg-accepted .sv2-acc-ledger{width:100%;border-collapse:collapse}
.sv2-pg-accepted .sv2-acc-ledger th{padding:16px 28px;background:var(--navy);color:#fff;font:600 13px/1.4 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:start}
.sv2-pg-accepted .sv2-acc-ledger td{padding:19px 28px;border-top:1px solid var(--line);vertical-align:top;font-size:16px;line-height:1.55;color:var(--muted)}
.sv2-pg-accepted .sv2-acc-ledger tbody tr:first-child td{border-top:0}
.sv2-pg-accepted .sv2-acc-ledger :is(th,td):nth-child(1){width:44%}
.sv2-pg-accepted .sv2-acc-ledger :is(th,td):nth-child(3){width:150px;white-space:nowrap}
.sv2-pg-accepted .sv2-acc-ledger td:nth-child(3){font:600 15px/1.7 Inter,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}
.sv2-pg-accepted .sv2-acc-ledger a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(199,66,13,.55);text-decoration-thickness:1px;text-underline-offset:4px}
.sv2-pg-accepted .sv2-acc-ledger a:hover{color:var(--orange);text-decoration-color:var(--orange)}
.sv2-pg-accepted .sv2-acc-ledger tbody tr:hover td{background:#fbfaf7}
.sv2-pg-accepted .sv2-acc-disclaimer{max-width:980px;margin-top:32px;font-size:14px;line-height:1.7;color:var(--soft)}

/* ===== common questions: every answer open, as on the old page ===== */
.sv2-pg-accepted .sv2-acc-qa{position:relative;padding-block:28px 30px;border-top:1px solid var(--line-strong)}
.sv2-pg-accepted .sv2-acc-qa:last-child{border-bottom:1px solid var(--line-strong)}
.sv2-pg-accepted .sv2-acc-qa::before{content:"";position:absolute;top:-2px;inset-inline-start:0;width:28px;height:3px;background:var(--accent)}
.sv2-pg-accepted .sv2-acc-qa h3{font-size:20px;line-height:1.35;letter-spacing:-.015em;color:var(--ink)}
.sv2-pg-accepted .sv2-acc-qa p{margin-top:10px;font-size:16px;line-height:1.75;color:var(--muted);text-wrap:pretty}

@media(min-width:1024px){.sv2-pg-accepted .sv2-acc-faq .sv2-faq-intro{position:sticky;top:calc(var(--header) + 24px)}
}

/* ===== closing photo band ===== */
.sv2-pg-accepted .sv2-cta .sv2-btn-outline-light:not(:hover){background:rgba(4,16,33,.55)}
.sv2-pg-accepted .sv2-acc-ctanote{grid-column:1/-1;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);font:500 15px/1.5 Inter,sans-serif;color:var(--on-dark)}
.sv2-pg-accepted .sv2-navy :is(a,summary):focus-visible,.sv2-pg-accepted .sv2-cta a:focus-visible,.sv2-pg-accepted .sv2-hero a:focus-visible{outline-color:#ff914e}
.sv2-pg-accepted .sv2-btn:focus-visible{border-radius:12px}

/* short laptop screens (14-inch, 740px tall): a tighter hero, so the short answer still starts inside the first screen on
   the pages with a three-line headline and a four-line lead (GMC, NMC, court evidence) */
@media(min-width:1024px) and (max-height:820px){
.sv2-pg-accepted .sv2-hero-inner{padding-top:26px;padding-bottom:38px}
.sv2-pg-accepted .sv2-hero .sv2-hero-kicker{margin-top:16px}
.sv2-pg-accepted .sv2-hero-kicker+h1{margin-top:12px}
.sv2-pg-accepted .sv2-hero h1{font-size:clamp(34px,3.25vw,50px)}
.sv2-pg-accepted .sv2-hero-lead{margin-top:14px}
.sv2-pg-accepted .sv2-acc-checked{margin-top:16px}
.sv2-pg-accepted .sv2-acc-answer{padding-block:48px 56px}
}

/* laptops below 1100px */
@media(max-width:1100px){
.sv2-pg-accepted .sv2-hero-media::after{background:linear-gradient(90deg,rgba(4,16,33,.8),rgba(4,16,33,.7) 70%,rgba(4,16,33,.62)),linear-gradient(0deg,rgba(4,16,33,.45),transparent 42%)}
.sv2-pg-accepted .sv2-acc-answer-grid{gap:16px 44px}
.sv2-pg-accepted .sv2-acc-col{padding-inline:0 36px}
.sv2-pg-accepted .sv2-acc-col+.sv2-acc-col{padding-inline:36px 0}
.sv2-pg-accepted .sv2-acc-col+.sv2-acc-col::before{inset-inline-start:36px}
.sv2-pg-accepted .sv2-acc-cols.is-rows .sv2-acc-col{gap:8px 44px}
.sv2-pg-accepted .sv2-acc-warn{gap:20px 44px;padding:44px 40px 46px}
.sv2-pg-accepted .sv2-acc-figures li{padding-inline:28px}
.sv2-pg-accepted .sv2-acc-figures li+li::before{inset-inline-start:28px}
.sv2-pg-accepted .sv2-acc-caselist{gap:0 36px}
}
/* tablets */
@media(max-width:850px){
/* a list that closes a section: no hairline under its last item, the next section's rule follows 40px below */
.sv2-pg-accepted .sv2-article:has(+.sv2-article) .sv2-article-body>.sv2-list:last-child>li:last-child{border-bottom:0}
.sv2-pg-accepted .sv2-acc-answer-grid{grid-template-columns:minmax(0,1fr)}
.sv2-pg-accepted .sv2-acc-answer-label{padding-top:0}
.sv2-pg-accepted .sv2-acc-cols{grid-template-columns:minmax(0,1fr);grid-template-rows:none;border-top:0}
.sv2-pg-accepted .sv2-acc-cols:not(.is-rows) .sv2-acc-col{display:block;grid-row:auto}
.sv2-pg-accepted .sv2-acc-col,.sv2-pg-accepted .sv2-acc-col+.sv2-acc-col{padding:36px 0 0;border-inline-start:0;border-top:1px solid var(--line-strong)}
.sv2-pg-accepted .sv2-acc-col+.sv2-acc-col{margin-top:48px}
.sv2-pg-accepted .sv2-acc-col+.sv2-acc-col::before{inset-inline-start:0}
.sv2-pg-accepted .sv2-acc-cols.is-rows .sv2-acc-col{grid-template-columns:minmax(0,1fr);gap:0;padding-top:36px}
.sv2-pg-accepted .sv2-acc-cols.is-rows .sv2-acc-col .sv2-list{margin-top:26px}
.sv2-pg-accepted .sv2-acc-warn{grid-template-columns:minmax(0,1fr);gap:18px}
.sv2-pg-accepted .sv2-acc-caselist{grid-template-columns:minmax(0,1fr)}
.sv2-pg-accepted .sv2-acc-figures{grid-template-columns:minmax(0,1fr);border-top:0}
.sv2-pg-accepted .sv2-acc-figures li,.sv2-pg-accepted .sv2-acc-figures li+li,.sv2-pg-accepted .sv2-acc-figures li:first-child,.sv2-pg-accepted .sv2-acc-figures li:last-child{padding:26px 0 28px;border-inline-start:0;border-top:1px solid rgba(255,255,255,.16)}
.sv2-pg-accepted .sv2-acc-figures li:last-child{padding-bottom:0}
.sv2-pg-accepted .sv2-acc-figures li::before,.sv2-pg-accepted .sv2-acc-figures li+li::before{inset-inline-start:0;width:40px}
.sv2-pg-accepted .sv2-acc-figcap{max-width:none}
}
/* phones */
@media(max-width:600px){
/* the photo stays visible behind the words on phones: white text keeps at least 5.4:1 even over a pure white photo */
.sv2-pg-accepted .sv2-hero-media::after{opacity:1;background:linear-gradient(180deg,rgba(4,16,33,.72) 0%,rgba(4,16,33,.62) 100%)}
.sv2-pg-accepted>.sv2-white:has(+.sv2-white){padding-bottom:52px}
.sv2-pg-accepted .sv2-hero{min-height:0}
.sv2-pg-accepted .sv2-hero .sv2-hero-kicker{margin-top:16px;font-size:12px}
.sv2-pg-accepted .sv2-hero-kicker+h1{margin-top:10px}
.sv2-pg-accepted .sv2-acc-checked{margin-top:14px;font-size:14px}
.sv2-pg-accepted .sv2-acc-answer{padding-block:40px 44px}
.sv2-pg-accepted .sv2-acc-answer-label{font-size:12px}
.sv2-pg-accepted .sv2-acc-answer h2,.sv2-pg-accepted .sv2-acc-answer.is-long h2{font-size:19px;line-height:1.5}
.sv2-pg-accepted .sv2-acc-col h3,.sv2-pg-accepted .sv2-acc-cols.is-rows .sv2-acc-col h3{font-size:23px}
.sv2-pg-accepted .sv2-acc-caselist a{min-height:88px;padding-block:18px;padding-inline-end:38px}
.sv2-pg-accepted .sv2-acc-caselist a::after{width:18px;height:18px;margin-top:-9px}
.sv2-pg-accepted .sv2-acc-caselist h3{font-size:18px}
.sv2-pg-accepted .sv2-acc-intro{font-size:16px}
.sv2-pg-accepted .sv2-acc-after{font-size:16px}
.sv2-pg-accepted .sv2-acc-quote{padding-inline-start:20px}
.sv2-pg-accepted .sv2-acc-quote,.sv2-pg-accepted .sv2-acc-quote p{font-size:16.5px;line-height:1.6}
.sv2-pg-accepted .sv2-acc-note{padding:18px 18px}
.sv2-pg-accepted .sv2-acc-note,.sv2-pg-accepted .sv2-acc-note p{font-size:15px}
.sv2-pg-accepted .sv2-acc-steps li{grid-template-columns:34px minmax(0,1fr);gap:0 12px;font-size:15.5px}
.sv2-pg-accepted .sv2-acc-no{font-size:26px}
.sv2-pg-accepted .sv2-acc-warn{padding:30px 22px 32px;border-radius:14px}
.sv2-pg-accepted .sv2-acc-warn h2{font-size:25px}
.sv2-pg-accepted .sv2-acc-warn-body p{font-size:16px;line-height:1.7}
.sv2-pg-accepted .sv2-acc-facts{padding-block:56px 60px}
.sv2-pg-accepted .sv2-acc-fig{font-size:34px}
.sv2-pg-accepted .sv2-acc-figcap{font-size:15px}
/* the ledger on phones: each source is one row group, what it confirms over the source and its checked date; the
   header row keeps the same shape, so nothing scrolls sideways and the cell order is unchanged */
.sv2-pg-accepted .sv2-acc-ledger,.sv2-pg-accepted .sv2-acc-ledger :is(thead,tbody){display:block}
.sv2-pg-accepted .sv2-acc-ledger tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:16px 18px}
.sv2-pg-accepted .sv2-acc-ledger tbody tr+tr{border-top:1px solid var(--line)}
.sv2-pg-accepted .sv2-acc-ledger thead tr{background:var(--navy);padding-block:13px}
.sv2-pg-accepted .sv2-acc-ledger :is(th,td),.sv2-pg-accepted .sv2-acc-ledger :is(th,td):nth-child(1),.sv2-pg-accepted .sv2-acc-ledger :is(th,td):nth-child(3){display:block;width:auto;padding:0;border:0;background:none}
.sv2-pg-accepted .sv2-acc-ledger :is(th,td):nth-child(1){grid-column:1/-1}
.sv2-pg-accepted .sv2-acc-ledger th{font-size:12px;letter-spacing:.08em}
.sv2-pg-accepted .sv2-acc-ledger td{font-size:15px}
.sv2-pg-accepted .sv2-acc-ledger td:nth-child(1){color:var(--muted)}
.sv2-pg-accepted .sv2-acc-ledger td:nth-child(2){overflow-wrap:anywhere}
.sv2-pg-accepted .sv2-acc-ledger td:nth-child(3){font-size:14px;line-height:1.65}
.sv2-pg-accepted .sv2-acc-ledger tbody tr:hover td{background:none}
.sv2-pg-accepted .sv2-acc-disclaimer{margin-top:24px}
.sv2-pg-accepted .sv2-acc-qa{padding-block:24px 26px}
.sv2-pg-accepted .sv2-acc-qa h3{font-size:18px}
.sv2-pg-accepted .sv2-acc-related .sv2-head{margin-bottom:28px}
.sv2-pg-accepted .sv2-acc-examples{padding-top:44px}
.sv2-pg-accepted .sv2-acc-examples .sv2-head{margin-bottom:30px}
.sv2-pg-accepted .sv2-acc-examples-title h2{font-size:26px}
}