/* crowd6's own sheet (senior2 07:21 UTC 15 Oct 2026): the content pages 23 · 24 · 26 · 27 · 28 · 29 · 30 · 31 built to the v2 mocks; linked after ee.c2.css in base.html */
/* Every px is the mock's at that width: from 1024 up it is divided by the root zoom (1.1), so the page shows the mock's pixels; below 1024
   the zoom is 1 and the px is the mock's as written. Every rule is scoped to its page's own classes: the sheet loads on every page. */

/* ----- 23 ABOUT ----- */
main:has(> .ab-hero) { max-width: none; padding: 0 24px; background: #fff; }
main:has(> .ab-hero) > section { max-width: calc(1136px / var(--zoom, 1)); margin-inline: auto; }
.ab-eye { display: block; font-size: calc(12px / var(--zoom, 1)); line-height: 1.2; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; color: var(--t-blue); }
.ab-hero { padding: calc(79px / var(--zoom, 1)) 0 calc(38px / var(--zoom, 1)); border-bottom: 1px solid #e0e7ee; }
.ab-hero h1, main:has(> .ab-hero) h2, main:has(> .ab-hero) h3 { text-wrap: wrap; }
.ab-hero h1 { display: block; margin: calc(16px / var(--zoom, 1)) 0 0; font-size: calc(48px / var(--zoom, 1)); line-height: 1.1; font-weight: 700; letter-spacing: -.03em; color: var(--t-ink); }
.ab-blue { color: var(--t-blue); }
.ab-hy { margin: 0 .16em; }   /* the mock spaces the hyphens of "end-to-end" (its face's wide hyphen): the line breaks where it does */
.ab-lead { max-width: calc(640px / var(--zoom, 1)); margin: calc(19px / var(--zoom, 1)) 0 0; font-size: calc(19px / var(--zoom, 1)); line-height: 1.58; color: var(--t-body); }
.ab-acts { display: flex; gap: calc(12px / var(--zoom, 1)); margin: calc(25px / var(--zoom, 1)) 0 0; }
.ab-btn { display: inline-flex; align-items: center; justify-content: center; gap: calc(10px / var(--zoom, 1)); min-height: calc(44px / var(--zoom, 1)); padding: 0 calc(17px / var(--zoom, 1)); box-sizing: border-box;
  border: 1px solid #cdd5de; border-radius: 6px; background: #fff; color: var(--t-ink); font-size: calc(13px / var(--zoom, 1)); font-weight: 600; line-height: 1.25; text-decoration: none !important; }
.ab-btn:hover { border-color: #b4c0cc; color: var(--t-ink); }
.ab-btn.ab-primary { border-color: var(--t-blue); background: var(--t-blue); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .12); }
.ab-btn.ab-primary:hover { background: var(--accent-2, #005a95); border-color: var(--accent-2, #005a95); color: #fff; }
.ab-btn:focus-visible { outline: 2px solid var(--t-blue); outline-offset: 2px; }
.ab-btn svg { flex: none; }

.ab-sec h2, .ab-believe h2, .ab-built h2 { margin: 0; font-size: calc(29.3px / var(--zoom, 1)); line-height: 1.15; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.ab-sub { margin: calc(13px / var(--zoom, 1)) 0 0; font-size: calc(16px / var(--zoom, 1)); line-height: 1.5; color: var(--t-body); }
.ab-result { padding: calc(41px / var(--zoom, 1)) 0 calc(53px / var(--zoom, 1)); }
.ab-three { list-style: none; margin: calc(28px / var(--zoom, 1)) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(30px / var(--zoom, 1)); }
.ab-lined li { border-top: 2px solid #bfd7e8; padding-top: calc(20px / var(--zoom, 1)); }
.ab-n { display: block; font-size: calc(14px / var(--zoom, 1)); line-height: 1.2; font-weight: 700; letter-spacing: .08em; color: var(--t-body); }
.ab-three h3 { margin: calc(21px / var(--zoom, 1)) 0 0; font-size: calc(18px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.ab-three p { margin: calc(12px / var(--zoom, 1)) 0 0; font-size: calc(14px / var(--zoom, 1)); line-height: calc(24px / var(--zoom, 1)); color: var(--t-body); }

.ab-believe { padding: calc(34px / var(--zoom, 1)) calc(32px / var(--zoom, 1)) calc(52px / var(--zoom, 1)); border: 1px solid #dde7ef; border-radius: 12px; background: #f3f7fb; }
.ab-believe .ab-sub { margin-top: calc(14px / var(--zoom, 1)); }
.ab-believe ol { list-style: none; margin: calc(49px / var(--zoom, 1)) 0 0; padding: 0; }
.ab-believe li { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: calc(20px / var(--zoom, 1)) 0; border-top: 1px solid #e0e7ee; }
.ab-believe li:first-child { border-top: 0; padding-top: 0; }
.ab-believe li:last-child { padding-bottom: 0; }
.ab-believe h3 { margin: 0; font-size: calc(16px / var(--zoom, 1)); line-height: calc(21.6px / var(--zoom, 1)); font-weight: 700; letter-spacing: -.01em; color: var(--t-ink); }
.ab-believe li p { margin: calc(5px / var(--zoom, 1)) 0 0; font-size: calc(14px / var(--zoom, 1)); line-height: 1.5; color: var(--t-body); }
.ab-bn { flex: none; font-size: calc(16px / var(--zoom, 1)); font-weight: 400; color: var(--t-nav); }

.ab-started { padding: calc(39px / var(--zoom, 1)) 0 calc(53px / var(--zoom, 1)); border-top: 1px solid #e0e7ee; border-bottom: 1px solid #e0e7ee; }
.ab-started .ab-three { margin-top: calc(31px / var(--zoom, 1)); }
.ab-started .ab-three h3 { margin-top: calc(23px / var(--zoom, 1)); }
.ab-started .ab-three p { margin-top: calc(11px / var(--zoom, 1)); }

.ab-built { display: flex; align-items: center; gap: calc(40px / var(--zoom, 1)); padding: calc(42px / var(--zoom, 1)) 0 calc(120px / var(--zoom, 1)); }
.ab-built h2 { align-self: flex-start; flex: none; width: calc(254px / var(--zoom, 1)); }
.ab-built p { flex: 1; margin: 0; font-size: calc(16px / var(--zoom, 1)); line-height: 1.5; color: var(--t-body); }
.ab-built .ab-btn { flex: none; }

@media (max-width: 1023px) {
  .ab-hero { padding-top: 59px; }
  .ab-hero h1 { font-size: 40.6px; }
  .ab-lead { max-width: 690px; font-size: 16.7px; line-height: 27px; }
  .ab-acts { margin-top: 24px; }
  .ab-sec h2, .ab-believe h2, .ab-built h2 { font-size: 29.9px; }
  .ab-believe h3 { font-size: 16.5px; }
  .ab-believe { padding-bottom: 51px; }
  .ab-believe ol { margin-top: 48px; }
  .ab-result { padding-top: 42px; padding-bottom: 54px; }
  .ab-three { margin-top: 27px; }
  .ab-three h3, .ab-started .ab-three h3 { margin-top: 22px; }
  .ab-three p { margin-top: 11px; }
  .ab-built { display: block; padding-top: 42px; padding-bottom: 104px; }
  .ab-built h2 { width: auto; }
  .ab-built p { margin-top: 13px; }
  .ab-built .ab-btn { margin-top: 22px; }
}
@media (max-width: 720px) {
  main:has(> .ab-hero) { padding: 0 20px; }
  .ab-hero { padding-top: 34px; padding-bottom: 28px; }
  .ab-hero h1 { font-size: 34.2px; line-height: 37px; }
  .ab-lead { font-size: 16px; line-height: 27px; }
  .ab-acts { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 11px; margin-top: 20px; }
  .ab-sec h2, .ab-believe h2, .ab-built h2 { font-size: 26.7px; }
  .ab-sub { font-size: 14px; line-height: 23px; }
  .ab-result { padding-top: 28px; padding-bottom: 44px; }
  .ab-three { grid-template-columns: 1fr; gap: 0; margin-top: 24px; }
  .ab-three li + li { margin-top: 43px; }
  .ab-lined li { padding-top: 20px; }
  .ab-lined li + li { margin-top: 39px; }
  .ab-n { font-size: 13px; }
  .ab-three h3, .ab-started .ab-three h3 { margin-top: 13px; }
  .ab-three p, .ab-started .ab-three p { margin-top: 12px; font-size: 12.75px; line-height: 22px; }
  .ab-believe { padding: 24px 24px 38px; }
  .ab-believe ol { margin-top: 46px; }
  .ab-believe li { display: block; padding: 21px 0 20px; }
  .ab-believe li p { font-size: 12.75px; line-height: 18.5px; }
  .ab-bn { display: block; margin-top: 23px; }
  .ab-started { padding-top: 30px; padding-bottom: 46px; }
  .ab-started .ab-sub { margin-top: 15px; }
  .ab-started .ab-three { margin-top: 27px; }
  .ab-built { padding-top: 28px; padding-bottom: 69px; }
  .ab-built .ab-btn { margin-top: 21px; }
  .ab-built p { font-size: 14px; line-height: 24px; }
}
@media (max-width: 400px) {
  main:has(> .ab-hero) { padding: 0 16px; }
  .ab-acts .ab-primary { padding: 10.5px 24px; line-height: 20px; }
  .ab-believe h3 { line-height: 24px; }
  .ab-believe li p { line-height: 20px; margin-top: 4px; }
  .ab-believe { padding-bottom: 41px; }
  .ab-believe ol { margin-top: 45px; }
  .ab-believe li { padding: 20px 0 19px; }
  .ab-bn { margin-top: 21px; }
}

/* ----- 24 DOCS ----- */
main:has(> .dc-shell) { max-width: none; padding: 0 24px; background: #fff; }
.dc-shell { display: grid; grid-template-columns: calc(242px / var(--zoom, 1)) minmax(0, 1fr); max-width: calc(1002px / var(--zoom, 1)); margin: 0 auto; padding: calc(60px / var(--zoom, 1)) 0 calc(50px / var(--zoom, 1)); }
.dc-rail { position: sticky; top: calc(24px / var(--zoom, 1)); align-self: start; display: flex; flex-direction: column; align-items: flex-start; }
.dc-rail p { margin: 0 0 calc(15px / var(--zoom, 1)); font-size: calc(14.5px / var(--zoom, 1)); line-height: 1.4; font-weight: 700; color: var(--t-ink); }
.dc-rail a, .dc-fold nav a { display: block; padding: calc(12px / var(--zoom, 1)) 0; font-size: calc(14.1px / var(--zoom, 1)); line-height: 1.4; color: var(--t-body); text-decoration: none; }
.dc-rail a:hover, .dc-fold nav a:hover { color: var(--t-blue); }
.dc-body h1, .dc-body h2, .dc-body h3 { text-wrap: wrap; }
.dc-eye { display: block; font-size: calc(14px / var(--zoom, 1)); line-height: 1.2; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--t-body); }
.dc-hero h1 { display: block; margin: calc(22px / var(--zoom, 1)) 0 0; font-size: calc(43px / var(--zoom, 1)); line-height: calc(50px / var(--zoom, 1)); font-weight: 700; letter-spacing: -.03em; color: var(--t-ink); }
.dc-sub { margin: calc(21px / var(--zoom, 1)) 0 0; font-size: calc(15px / var(--zoom, 1)); line-height: 1.6; letter-spacing: -.005em; color: var(--t-body); }
.dc-fold { display: none; }
.dc-cards { display: grid; grid-template-columns: 1fr 1fr; gap: calc(16px / var(--zoom, 1)); margin: calc(27px / var(--zoom, 1)) 0 0; padding-bottom: calc(35px / var(--zoom, 1)); border-bottom: 1px solid #e0e7ee; }
.dc-cards a { display: block; padding: calc(20px / var(--zoom, 1)) calc(20px / var(--zoom, 1)); border: 1px solid #cadce9; border-radius: 6px; background: #f3f8fc; text-decoration: none !important; }
.dc-cards a:hover { border-color: var(--t-blue); }
.dc-cards b { display: block; font-size: calc(14.5px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; color: var(--t-ink); }
.dc-cards span { display: block; margin-top: calc(10px / var(--zoom, 1)); font-size: calc(12px / var(--zoom, 1)); line-height: 1.4; color: var(--t-body); }
.dc-cards svg, .dc-more svg { vertical-align: -1px; }
.dc-sec { padding: calc(27px / var(--zoom, 1)) 0 calc(28px / var(--zoom, 1)); border-bottom: 1px solid #e0e7ee; }
.dc-sec:last-child { border-bottom: 0; }
#start { padding-bottom: calc(45px / var(--zoom, 1)); }
#devices { padding-bottom: calc(29px / var(--zoom, 1)); }
#checks { padding-bottom: calc(26px / var(--zoom, 1)); }
#api { padding-bottom: calc(29px / var(--zoom, 1)); }
.dc-sec h2 { margin: 0; font-size: calc(25.2px / var(--zoom, 1)); line-height: 1.2; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.dc-sec > p { max-width: calc(650px / var(--zoom, 1)); margin: calc(11px / var(--zoom, 1)) 0 0; font-size: calc(14.8px / var(--zoom, 1)); line-height: calc(27.5px / var(--zoom, 1)); color: var(--t-body); }
.dc-steps { list-style: none; margin: calc(24px / var(--zoom, 1)) 0 0; padding: 0; }
.dc-steps li { position: relative; padding: calc(28px / var(--zoom, 1)) 0 0 calc(47px / var(--zoom, 1)); }
.dc-steps li + li { margin-top: calc(39px / var(--zoom, 1)); }
.dc-num { position: absolute; left: 0; top: 0; display: grid; place-items: center; width: calc(30px / var(--zoom, 1)); height: calc(30px / var(--zoom, 1)); box-sizing: border-box; border: 1px solid #cfe0ed; border-radius: 7px; background: #eef5fa; font-size: calc(13px / var(--zoom, 1)); font-weight: 700; color: #245c86; }
.dc-steps h3 { margin: 0; font-size: calc(17.6px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; letter-spacing: -.01em; color: var(--t-ink); }
.dc-steps p { margin: calc(6px / var(--zoom, 1)) 0 0; font-size: calc(16px / var(--zoom, 1)); line-height: calc(26px / var(--zoom, 1)); color: var(--t-body); }
.dc-chips { display: flex; gap: calc(12px / var(--zoom, 1)); margin: calc(15px / var(--zoom, 1)) 0 0 !important; }
.dc-chips span { padding: calc(6px / var(--zoom, 1)) calc(7px / var(--zoom, 1)); border-radius: 4px; background: #eaf3fa; font-size: calc(10.8px / var(--zoom, 1)); line-height: 1.3; font-weight: 600; color: #0e5d99; }
.dc-sec > p.dc-more { margin-top: calc(15px / var(--zoom, 1)); }
.dc-more a { font-size: calc(16px / var(--zoom, 1)); color: var(--t-blue); text-decoration: none; }
.dc-more a:hover { text-decoration: underline; }
.dc-devs { list-style: none; margin: calc(14px / var(--zoom, 1)) 0 0; padding: 0; }
.dc-devs li { display: flex; align-items: center; justify-content: space-between; padding: calc(19px / var(--zoom, 1)) calc(2px / var(--zoom, 1)) calc(19px / var(--zoom, 1)) 0; border-bottom: 1px solid #e0e7ee; }
.dc-devs b { display: block; font-size: calc(16px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; color: var(--t-ink); }
.dc-devs span { display: block; margin-top: calc(8px / var(--zoom, 1)); font-size: calc(15px / var(--zoom, 1)); line-height: 1.4; color: var(--t-body); }
.dc-devs svg { flex: none; color: var(--t-nav); }
.dc-sec > p.dc-line { margin-top: calc(11px / var(--zoom, 1)); font-size: calc(14.5px / var(--zoom, 1)); letter-spacing: .006em; }
.dc-code { margin: calc(15px / var(--zoom, 1)) 0 0; padding: calc(21px / var(--zoom, 1)) calc(22px / var(--zoom, 1)); border-radius: 10px; background: #122d46; color: #e8eef5; font-family: var(--code); font-size: calc(13px / var(--zoom, 1)); line-height: 1.65; white-space: pre; overflow-x: auto; }
.dc-code code { font: inherit; color: inherit; background: none; padding: 0; }
.dc-acts { display: flex; flex-wrap: wrap; gap: calc(12px / var(--zoom, 1)); margin: calc(13px / var(--zoom, 1)) 0 0 !important; }
.dc-btn { display: inline-flex; align-items: center; min-height: calc(44px / var(--zoom, 1)); padding: 0 calc(17px / var(--zoom, 1)); box-sizing: border-box; border: 1px solid #cdd5de; border-radius: 6px; background: #fff; color: var(--t-ink); font-size: calc(13px / var(--zoom, 1)); font-weight: 600; text-decoration: none !important; }
.dc-btn:hover { border-color: #b4c0cc; }
.dc-btn.dc-primary { border-color: var(--t-blue); background: var(--t-blue); color: #fff; }
.dc-btn.dc-primary:hover { background: var(--accent-2, #005a95); border-color: var(--accent-2, #005a95); }
.dc-btn:focus-visible, .dc-cards a:focus-visible { outline: 2px solid var(--t-blue); outline-offset: 2px; }
.dc-results { margin: calc(31px / var(--zoom, 1)) 0 0; }
.dc-results > div { padding: calc(18px / var(--zoom, 1)) 0 calc(19px / var(--zoom, 1)); border-bottom: 1px solid #e0e7ee; }
.dc-results > div:first-child { padding-top: 0; }
.dc-results > div:last-child { border-bottom: 0; padding-bottom: 0; }
.dc-results dt { margin: 0; }
.dc-results dd { margin: calc(6px / var(--zoom, 1)) 0 0; font-size: calc(14px / var(--zoom, 1)); line-height: 1.5; color: var(--t-body); }
.dc-pill { display: inline-block; padding: calc(4px / var(--zoom, 1)) calc(7px / var(--zoom, 1)); border-radius: 4px; font-size: calc(11.5px / var(--zoom, 1)); line-height: 1.3; font-weight: 600; }
.dc-pill.ok { background: #e8f5ef; color: #077c59; }   /* the mock's #087f5b stands 4.46 to 1 on its tint: one step darker for the 4.5 the look tests hold */
.dc-pill.bad { background: #fff0ed; color: #b42318; }
.dc-pill.look { background: #fff3db; color: #925400; }
.dc-pill.none { background: #edf1f5; color: #475467; }
@media (max-width: 1023px) {
  .dc-shell { display: block; padding-top: 42px; padding-bottom: 39px; }
  .dc-sec h2 { font-size: 25.9px; }
  .dc-hero h1 { margin-top: 18px; }
  .dc-rail { display: none; }
  .dc-fold { display: block; max-width: 420px; margin: 16px 0 0; padding-bottom: 19px; border-bottom: 1px solid #e0e7ee; }
  .dc-cards { margin-top: 26px; }
  .dc-results > div { padding: 19px 0 20px; }
  .dc-fold summary { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 16px; font-weight: 600; color: var(--t-ink); cursor: pointer; list-style: none; }
  .dc-fold summary::-webkit-details-marker { display: none; }
  .dc-fold summary::before { content: ""; border: 5px solid transparent; border-left: 8px solid var(--t-ink); border-right: 0; }
  .dc-fold[open] summary::before { transform: rotate(90deg); }
  .dc-fold nav { padding: 0 0 8px 16px; }
}
@media (max-width: 720px) {
  main:has(> .dc-shell) { padding: 0 20px; }
  .dc-shell { padding-top: 29px; padding-bottom: 13px; }
  .dc-eye { font-size: 13.2px; }
  .dc-hero h1 { font-size: 35.5px; line-height: 40px; }
  .dc-sub { font-size: 14px; line-height: 24px; }
  .dc-cards { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; padding-bottom: 28px; }
  .dc-cards a { padding: 17px 17px 18px; }
  .dc-cards b { font-size: 14.2px; }
  .dc-cards span { font-size: 11.1px; }
  .dc-sec h2 { font-size: 23.2px; }
  .dc-sec > p, .dc-sec > p.dc-line { font-size: 14px; line-height: 25px; }
  .dc-code { font-size: 11.5px; padding-top: 18px; padding-bottom: 18px; }
  .dc-sec { padding-top: 23px; }
  .dc-steps { margin-top: 21px; }
  .dc-steps p { max-width: 330px; }
  .dc-results { margin-top: 33px; }
  #checks > p:first-of-type { margin-top: 14px; }
  #start { padding-bottom: 43px; } #ownership { padding-bottom: 25px; } #checks { padding-bottom: 26px; } #devices { padding-bottom: 27px; } #api { padding-bottom: 26px; }
}
@media (max-width: 400px) { main:has(> .dc-shell) { padding: 0 16px; } .dc-hero h1 { font-size: 31.9px; line-height: 36px; } }

/* ----- /docs/api — the reference that left /docs with mock 24; no mock of its own: the old reference blocks in the docs column ----- */
main:has(> .docs-api) { max-width: calc(1002px / var(--zoom, 1)); }
.docs-api > .docs-sec:first-child { border-top: 0; padding-top: calc(44px / var(--zoom, 1)); }
.docs-api .dca-h { margin: 0 0 calc(12px / var(--zoom, 1)); font-size: calc(29.3px / var(--zoom, 1)); line-height: 1.15; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
/* ----- 26 SECURITY (the about page's hero and type roles; its own blocks) ----- */
main:has(> .sc-hero) { max-width: none; padding: 0 24px; background: #fff; }
main:has(> .sc-hero) > section { max-width: calc(1136px / var(--zoom, 1)); margin-inline: auto; }
main:has(> .sc-hero) h1, main:has(> .sc-hero) h2, main:has(> .sc-hero) h3 { text-wrap: wrap; }
.sc-hero { padding: calc(79px / var(--zoom, 1)) 0 0; }
.sc-hero h1 { display: block; margin: calc(16px / var(--zoom, 1)) 0 0; font-size: calc(48px / var(--zoom, 1)); line-height: 1.1; font-weight: 700; letter-spacing: -.03em; color: var(--t-ink); }
.sc-three ol { list-style: none; margin: 0; padding: calc(67px / var(--zoom, 1)) 0 calc(16px / var(--zoom, 1)); display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(30px / var(--zoom, 1)); border-bottom: 1px solid #e0e7ee; }
.sc-n { display: block; font-size: calc(14px / var(--zoom, 1)); line-height: 1.2; font-weight: 700; letter-spacing: .08em; color: var(--t-blue); }
.sc-three h3 { margin: calc(21px / var(--zoom, 1)) 0 0; font-size: calc(18px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.sc-three p { margin: calc(12px / var(--zoom, 1)) 0 0; font-size: calc(14px / var(--zoom, 1)); line-height: calc(24px / var(--zoom, 1)); color: var(--t-body); }
.sc-controls { padding: calc(39px / var(--zoom, 1)) 0 calc(64px / var(--zoom, 1)); }
.sc-controls h2, .sc-band h2 { margin: 0; font-size: calc(29.5px / var(--zoom, 1)); line-height: 1.15; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.sc-hero .ab-lead { letter-spacing: -.005em; }
.sc-controls dl { display: grid; grid-template-columns: 1fr 1fr; column-gap: calc(34px / var(--zoom, 1)); margin: calc(28px / var(--zoom, 1)) 0 0; }
.sc-controls dl > div { padding: calc(22px / var(--zoom, 1)) 0 calc(24px / var(--zoom, 1)); border-top: 1px solid #e0e7ee; }
.sc-controls dl > div:nth-last-child(-n+2) { padding-bottom: 0; }
.sc-controls dt { font-size: calc(18px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.sc-controls dd { margin: calc(14px / var(--zoom, 1)) 0 0; font-size: calc(14px / var(--zoom, 1)); line-height: calc(23px / var(--zoom, 1)); color: var(--t-body); }
.sc-report { padding: 0 0 calc(83px / var(--zoom, 1)); }
.sc-band h2 { font-size: calc(25.5px / var(--zoom, 1)) !important; flex: none; }
.sc-band { display: flex; align-items: center; gap: calc(24px / var(--zoom, 1)); padding: calc(28px / var(--zoom, 1)) calc(32px / var(--zoom, 1)); border: 1px solid #d3e3ee; border-radius: 12px; background: #eff6fb; }
.sc-band p { flex: 1; margin: 0; font-size: calc(16px / var(--zoom, 1)); line-height: 1.5; color: var(--t-body); }
.sc-band .ab-btn { flex: none; }
.sc-chips { display: flex; flex-wrap: wrap; gap: calc(12px / var(--zoom, 1)); margin: 0; }
@media (max-width: 1023px) {
  .sc-hero { padding-top: 59px; }
  .sc-hero h1 { font-size: 40.6px; }
  .sc-controls h2, .sc-band h2 { font-size: 29.9px; }
  .sc-band { display: block; }
  .sc-report { padding-bottom: 72px; }
  .sc-controls dl { column-gap: 26px; }
  .sc-band h2 { font-size: 25.25px !important; }
  .sc-band p { margin-top: 14px; }
  .sc-band .ab-btn { margin-top: 22px; }
}
@media (max-width: 720px) {
  main:has(> .sc-hero) { padding: 0 20px; }
  .sc-hero { padding-top: 34px; }
  .sc-hero h1 { font-size: 34.2px; line-height: 37px; }
  .sc-three ol { grid-template-columns: 1fr; gap: 0; }
  .sc-three li + li { margin-top: 40px; }
  .sc-controls h2, .sc-band h2 { font-size: 26.7px; }
  .sc-controls dl { grid-template-columns: 1fr; }
  .sc-controls dl > div:nth-last-child(2) { padding-bottom: 20px; }
  .sc-band { padding: 25px 26px 24px; }
  .sc-report { padding-bottom: 41px; }
  .sc-band h2 { font-size: 24.3px !important; }
  .sc-band p { font-size: 14px; line-height: 23px; }
  .sc-band .ab-btn { margin-top: 20px; }
  .sc-three ol { padding-top: 53px; }
  .sc-three h3 { margin-top: 12px; }
  .sc-three p { margin-top: 11px; font-size: 12.85px; line-height: 22px; }
  .sc-three li + li { margin-top: 41px; }
  .sc-controls { padding-top: 29px; padding-bottom: 51px; }
  .sc-controls dl { margin-top: 25px; }
  .sc-controls dl > div { padding: 21px 0 20px; }
  .sc-controls dd { margin-top: 13px; font-size: 12.85px; line-height: 22px; }
}
@media (max-width: 400px) { main:has(> .sc-hero) { padding: 0 16px; } }

/* ----- 27 CONTACT (the about page's hero and type roles; four address cards) ----- */
main:has(> .ct-hero) { max-width: none; padding: 0 24px; background: #fff; }
main:has(> .ct-hero) > section { max-width: calc(1136px / var(--zoom, 1)); margin-inline: auto; }
main:has(> .ct-hero) h1, main:has(> .ct-hero) h2 { text-wrap: wrap; }
.ct-hero { padding: calc(79px / var(--zoom, 1)) 0 0; }
.ct-hero h1 { display: block; margin: calc(16px / var(--zoom, 1)) 0 0; font-size: calc(48px / var(--zoom, 1)); line-height: 1.1; font-weight: 700; letter-spacing: -.03em; color: var(--t-ink); }
.ct-cards { display: grid; grid-template-columns: 1fr 1fr; gap: calc(25px / var(--zoom, 1)) calc(24px / var(--zoom, 1)); padding-top: calc(63px / var(--zoom, 1)); }
.ct-card { padding: calc(26px / var(--zoom, 1)) calc(27px / var(--zoom, 1)) calc(27px / var(--zoom, 1)); border: 1px solid #e1e7ed; border-radius: 12px; background: #fff; }
.ct-card.ct-main { border-color: #c5ddef; border-top: 3px solid var(--t-blue); background: #eff7fc; padding-top: calc(26px / var(--zoom, 1)); }
.ct-card h2 { margin: 0; font-size: calc(20.5px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.ct-card p { margin: calc(18px / var(--zoom, 1)) 0 0; font-size: calc(14px / var(--zoom, 1)); line-height: 1.5; color: var(--t-body); }
.ct-card p.ct-addr { margin-top: calc(16px / var(--zoom, 1)); }
.ct-addr a { color: var(--t-blue); text-decoration: none; }
.ct-addr a:hover { text-decoration: underline; }
.ct-card .ab-btn { margin-top: calc(16px / var(--zoom, 1)); }
.ct-context { padding: calc(42px / var(--zoom, 1)) 0 calc(121px / var(--zoom, 1)); }
.ct-context h2 { margin: 0; font-size: calc(29.3px / var(--zoom, 1)); line-height: 1.15; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.ct-context p { margin: calc(14px / var(--zoom, 1)) 0 0; font-size: calc(16px / var(--zoom, 1)); line-height: 1.6; color: var(--t-body); }
.ct-context p.ct-shot { margin-top: calc(25px / var(--zoom, 1)); }
.ct-acts { display: flex; flex-wrap: wrap; gap: calc(12px / var(--zoom, 1)); margin-top: calc(14px / var(--zoom, 1)) !important; }
@media (max-width: 1023px) {
  .ct-hero { padding-top: 59px; }
  .ct-hero h1 { font-size: 40.6px; }
  .ct-context h2 { font-size: 29.9px; }
  .ct-context { padding-bottom: 108px; }
  .ct-context p { font-size: 16.15px; }
}
@media (max-width: 720px) {
  main:has(> .ct-hero) { padding: 0 20px; }
  .ct-hero { padding-top: 34px; }
  .ct-hero h1 { font-size: 34.2px; line-height: 37px; }
  .ct-cards { grid-template-columns: 1fr; padding-top: 50px; }
  .ct-card, .ct-card.ct-main { padding: 22px 23px 26px; }
  .ct-card p { margin-top: 17px; font-size: 13px; }
  .ct-card p.ct-addr { margin-top: 15px; }
  .ct-card .ab-btn { margin-top: 15px; }
  .ct-context h2 { font-size: 26.7px; }
  .ct-context { padding-top: 30px; padding-bottom: 69px; }
  .ct-context p { margin-top: 12px; font-size: 14px; line-height: 24px; }
  .ct-context p.ct-shot { font-size: 16px; }
}
@media (max-width: 400px) { main:has(> .ct-hero) { padding: 0 16px; } .ct-context p.ct-shot { max-width: 300px; } }

/* ----- 28 PRIVACY (the legal page's privacy half; every published word kept, the layout the v2 mock's) ----- */
main:has(> .lg-shell) { max-width: none; padding: 0 24px; background: #fff; }
.lg-shell { display: grid; grid-template-columns: calc(232px / var(--zoom, 1)) minmax(0, 1fr); max-width: calc(992px / var(--zoom, 1)); margin: 0 auto; padding: calc(64px / var(--zoom, 1)) 0 calc(101px / var(--zoom, 1)); }
.lg-rail { position: sticky; top: calc(24px / var(--zoom, 1)); align-self: start; margin-top: calc(-6px / var(--zoom, 1)); display: flex; flex-direction: column; align-items: flex-start; }
.lg-rail p { margin: 0 0 calc(15px / var(--zoom, 1)); font-size: calc(14.5px / var(--zoom, 1)); line-height: 1.4; font-weight: 700; color: var(--t-ink); }
.lg-rail a { display: block; padding: calc(12px / var(--zoom, 1)) 0; font-size: calc(14.1px / var(--zoom, 1)); line-height: 1.4; color: var(--t-body); text-decoration: none; }
.lg-rail a:hover { color: var(--t-blue); }
.lg-main h1, .lg-main h2, .lg-main h3 { text-wrap: wrap; }
.lg-eye { display: block; font-size: calc(11px / var(--zoom, 1)); line-height: 1.2; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; color: var(--t-blue); }
.lg-hero h1 { display: block; margin: calc(14px / var(--zoom, 1)) 0 0; font-size: calc(44.7px / var(--zoom, 1)); line-height: 1.15; font-weight: 700; letter-spacing: -.03em; color: var(--t-ink); }
.lg-updated { margin: calc(20px / var(--zoom, 1)) 0 0; font-size: calc(14.14px / var(--zoom, 1)); line-height: 1.5; color: var(--t-body); }
.lg-updated a { color: var(--t-blue); }
.lg-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(16px / var(--zoom, 1)); margin: calc(28px / var(--zoom, 1)) 0 0; }
.lg-tile { display: flex; flex-direction: column; padding: calc(20px / var(--zoom, 1)) calc(19px / var(--zoom, 1)) calc(19px / var(--zoom, 1)); border: 1px solid #d8e5ee; border-radius: 10px; background: #f2f7fb; }
.lg-ico { color: var(--t-blue); line-height: 0; } .lg-ico svg { width: calc(24px / var(--zoom, 1)); height: calc(24px / var(--zoom, 1)); }
.lg-tile b { display: block; margin-top: calc(20px / var(--zoom, 1)); font-size: calc(16px / var(--zoom, 1)); line-height: 1.5; font-weight: 700; color: #3d4b5e; }
.lg-tile span:not(.lg-ico) { display: block; margin-top: calc(6px / var(--zoom, 1)); font-size: calc(12.8px / var(--zoom, 1)); line-height: calc(20px / var(--zoom, 1)); color: #3d4b5e; }
.lg-grid { display: block; }
.lg-sec { padding-top: calc(35px / var(--zoom, 1)); }
.lg-main .lg-sec h2, .lg-box h2 { margin: 0; font-size: calc(24.4px / var(--zoom, 1)); line-height: 1.25; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.lg-rows { margin: calc(30px / var(--zoom, 1)) 0 0; }
.lg-rows > div { display: grid; grid-template-columns: calc(144px / var(--zoom, 1)) minmax(0, 1fr); padding: calc(17px / var(--zoom, 1)) 0; border-bottom: 1px solid #e0e7ee; }
.lg-rows > div:first-child { padding-top: 0; }
.lg-rows dt { font-size: calc(14.7px / var(--zoom, 1)); line-height: calc(22.5px / var(--zoom, 1)); font-weight: 700; color: var(--t-ink); padding-right: calc(24px / var(--zoom, 1)); }
.lg-rows dd { margin: 0; font-size: calc(14.7px / var(--zoom, 1)); letter-spacing: -.005em; line-height: calc(22.5px / var(--zoom, 1)); color: #3d4b5e; }
.lg-sec:has(#where-the-checks-run) .lg-rows dd { letter-spacing: -.009em; }   /* the mock breaks this block one word later than "What we store" at one tracking: each block its own */
.lg-table { width: 100%; margin-top: calc(14px / var(--zoom, 1)); border-collapse: collapse; font-size: calc(13.8px / var(--zoom, 1)); line-height: 1.5; }
.lg-table th, .lg-table td { padding: calc(14px / var(--zoom, 1)) calc(12px / var(--zoom, 1)); text-align: left; vertical-align: top; border-bottom: 1px solid #e0e7ee; color: #3d4b5e; font-weight: 400; }
.lg-table thead th, .lg-table th[scope="row"] { font-weight: 700; color: #3d4b5e; background: #f5f8fb; }
.lg-sec .tablewrap + .tablewrap .lg-table, .lg-notice + .tablewrap .lg-table { margin-top: 0; }
.lg-notice + .tablewrap .lg-table { margin-top: calc(14px / var(--zoom, 1)); }
.lg-table thead th { white-space: nowrap; color: #3d4b5e; }
.lg-after { margin: calc(1px / var(--zoom, 1)) 0 0; font-size: calc(12.5px / var(--zoom, 1)); color: var(--t-body); }
.lg-notice { margin: 0; padding: calc(18px / var(--zoom, 1)) calc(16px / var(--zoom, 1)); border-radius: 6px; background: #fff6e0; font-size: calc(16px / var(--zoom, 1)); line-height: 1.65; color: #3d4b5e; }
.lg-notice > b { display: none; }
.lg-notice strong { display: block; margin-bottom: calc(8px / var(--zoom, 1)); font-size: calc(14px / var(--zoom, 1)); color: var(--t-ink); }
.lg-box { margin-top: calc(22px / var(--zoom, 1)); padding: calc(60px / var(--zoom, 1)) calc(24px / var(--zoom, 1)) calc(24px / var(--zoom, 1)); border: 1px solid #e0e7ee; border-radius: 12px; }
.lg-box p { max-width: calc(695px / var(--zoom, 1)); margin: calc(12px / var(--zoom, 1)) 0 0; font-size: calc(16px / var(--zoom, 1)); line-height: calc(26px / var(--zoom, 1)); color: #3d4b5e; }
.lg-where > div + div { margin-top: calc(39px / var(--zoom, 1)); }
.lg-wtiles { display: grid; grid-template-columns: repeat(2, calc(226px / var(--zoom, 1))); gap: calc(16px / var(--zoom, 1)); margin-top: calc(14px / var(--zoom, 1)); }
.lg-wtile { padding: calc(40px / var(--zoom, 1)) calc(18px / var(--zoom, 1)) calc(18px / var(--zoom, 1)); border: 1px solid #d8e5ee; border-radius: 10px; background: #f2f7fb; }
.lg-wtile h3 { margin: 0; font-size: calc(16px / var(--zoom, 1)); line-height: 1.4; font-weight: 700; color: var(--t-ink); }
.lg-wtile p { margin-top: calc(12px / var(--zoom, 1)); }
.lg-rights { margin-top: calc(21px / var(--zoom, 1)); }
.lg-box p.lg-note { margin-top: calc(19px / var(--zoom, 1)); }
.lg-note { font-size: calc(12.5px / var(--zoom, 1)) !important; line-height: 1.5 !important; color: var(--t-body) !important; }
.lg-acts { display: flex; flex-wrap: wrap; gap: calc(12px / var(--zoom, 1)); margin-top: calc(11px / var(--zoom, 1)); }
.lg-acts .ab-btn { color: var(--t-blue); font-weight: 500; min-height: calc(40px / var(--zoom, 1)); }
.lg-fold { display: none; }
@media (max-width: 1023px) {
  .lg-shell { display: block; padding-top: 42px; padding-bottom: 85px; }
  .lg-rail { display: none; }
  .lg-fold { display: block; max-width: 420px; margin: 16px 0 0; padding-bottom: 19px; border-bottom: 1px solid #e0e7ee; }
  .lg-fold summary { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 16px; font-weight: 600; color: var(--t-ink); cursor: pointer; list-style: none; }
  .lg-fold summary::-webkit-details-marker { display: none; }
  .lg-fold summary::before { content: ""; border: 5px solid transparent; border-left: 8px solid var(--t-ink); border-right: 0; }
  .lg-fold[open] summary::before { transform: rotate(90deg); }
  .lg-fold nav { padding: 0 0 8px 16px; } .lg-fold nav a { display: block; padding: 10px 0; font-size: 15px; color: var(--t-body); text-decoration: none; }
  .lg-tiles { grid-template-columns: 1fr; gap: 12px; margin-top: 26px; }
  .lg-tile { flex-direction: row; align-items: flex-start; gap: 18px; padding: 21px 18px; }
  .lg-hero h1 { font-size: 37.9px; }
  .lg-table { font-size: 14.3px; } .lg-proc { font-size: 14.4px; } .lg-notice { font-size: 15.6px; } .lg-what td { font-size: 14px; }
  .lg-proc thead th:nth-child(1) { width: 93px; } .lg-proc thead th:nth-child(2) { width: 60px; }   /* the mock's 768 columns: 117 and 84 with their padding */
  .lg-table thead th, .lg-table th[scope="row"] { font-size: 13.5px; } .lg-what th[scope="row"] { width: 40px; }
  .lg-tile b { margin-top: 0; }
  .lg-where { border: 0; border-radius: 0; padding: 0; margin-top: 36px; }
  .lg-wtiles { grid-template-columns: 1fr; gap: 12px; margin-top: 9px; }
  .lg-wtile { padding: 21px 37px 19px 19px; }
  .lg-wtile h3 { font-size: 17px; }
  .lg-wtile p { max-width: none; margin-top: 11px; font-size: 13.2px; line-height: 22px; letter-spacing: .018em; }
  .lg-after { margin-top: 2px; }
  .lg-where > div + div { margin-top: 38px; }
  .lg-box p { max-width: none; }
  .lg-where > div + div p { letter-spacing: .002em; }
  .lg-acts { margin-top: 18px; }
  .lg-rights .lg-acts { margin-top: 13px; row-gap: 21px; }
}
@media (max-width: 720px) {
  main:has(> .lg-shell) { padding: 0 20px; }
  .lg-shell { padding-top: 32px; }
  .lg-fold { margin-top: 14px; }
  .lg-tiles { margin-top: 21px; }
  .lg-sec { padding-top: 34px; }
  .lg-rows > div { padding: 15px 0; }
  .lg-shell { padding-bottom: 58px; }
  .lg-hero h1 { margin-top: 14px; font-size: 31.8px; }
  .lg-updated { margin-top: 20px; font-size: 13.5px; line-height: 22px; }
  .lg-tile { gap: 17px; padding: 20.5px 26px 20.5px 19px; }
  .lg-tile b { font-size: 16px; }
  .lg-tile span:not(.lg-ico) { margin-top: 8px; font-size: 12.6px; line-height: 19px; }
  .lg-main .lg-sec h2, .lg-box h2 { font-size: 21.75px; }
  .lg-rows > div { grid-template-columns: 1fr; }
  .lg-rows dt { font-size: 15px; line-height: 24px; }
  .lg-rows dd { margin-top: 5px; font-size: 15px; line-height: 24px; letter-spacing: 0; }
  .lg-sec:has(#where-the-checks-run) .lg-rows dd { letter-spacing: -.005em; }
  .lg-sec:has(#where-the-checks-run) .lg-rows > div { padding: 13px 0; } .lg-sec:has(#where-the-checks-run) .lg-rows > div:first-child { padding-top: 0; }
  .lg-proc thead { display: none; }
  .tablewrap table.lg-table { min-width: 0; }
  .lg-proc th[scope="row"] { font-size: 15px; }
  .lg-proc, .lg-proc tbody, .lg-proc tr, .lg-proc th, .lg-proc td { display: block; width: auto; }
  .lg-proc tr { padding: 24.5px 0 24px; border-bottom: 1px solid #e0e7ee; }
  .lg-proc th[scope="row"], .lg-proc td { padding: 0; border: 0; background: none; }
  .lg-proc td { margin-top: 14px; font-size: 15px; line-height: 23px; letter-spacing: -.01em; }
  .lg-proc td:nth-of-type(1)::before { content: "Location: "; font-weight: 700; color: var(--t-ink); }
  .lg-proc td:nth-of-type(2)::before { content: "Purpose: "; font-weight: 700; color: var(--t-ink); }
  .lg-ret thead, .lg-what thead { display: none; }
  .lg-ret, .lg-ret tbody, .lg-ret tr, .lg-ret th, .lg-ret td, .lg-what, .lg-what tbody, .lg-what tr, .lg-what th, .lg-what td { display: block; width: auto; }
  .lg-ret th[scope="row"], .lg-ret td, .lg-what th[scope="row"], .lg-what td { padding: 0; border: 0; background: none; }
  .lg-ret tr { padding: 25px 0 25px; border-bottom: 1px solid #e0e7ee; }
  .lg-after { margin-bottom: 0; }
  .lg-ret th[scope="row"] { font-size: 15px; color: #3d4b5e; }
  .lg-ret td { margin-top: 13.5px; font-size: 15px; } .lg-ret td:first-of-type { margin-top: 22px; }
  .lg-ret td::before { content: attr(data-l) ": "; font-weight: 700; color: var(--t-ink); }
  .lg-what tr { padding: 25px 0 25px; border-bottom: 1px solid #e0e7ee; }
  .lg-what th[scope="row"] { font-size: 15px; }
  .lg-what td { margin-top: 13px; font-size: 15px; line-height: 24px; letter-spacing: -.005em; }
  .lg-notice strong { font-size: 16px; }
  .lg-what:has(thead) td::before { content: "Policy: "; font-weight: 700; color: var(--t-ink); }
  .lg-notice { padding-top: 11px; }
  .lg-box { margin-top: 33px; padding: 52px 19px 22px; border: 1px solid #e0e7ee; border-radius: 12px; }
  .lg-where { margin-top: 0; padding: 72px 20px 22px; border: 0; }
  .lg-wtile { padding: 16px 19px 16px; }
  .lg-wtiles { margin-top: 15px; gap: 19px; }
  .lg-wtile p { font-size: 14px; line-height: 23px; letter-spacing: 0; }
  .lg-where > div + div p { letter-spacing: .004em; }
  .lg-rights { margin-top: 28px; padding-top: 44px; }
  .lg-rights p { letter-spacing: .004em; }
}
@media (max-width: 400px) { main:has(> .lg-shell) { padding: 0 16px; } .lg-tile { padding-top: 18.5px; padding-bottom: 18.5px; padding-right: 14px; } .lg-sec { padding-top: 33px; } .lg-rows dd, .lg-sec:has(#where-the-checks-run) .lg-rows dd { font-size: 14.7px; line-height: 22.6px; } .lg-rows > div, .lg-sec:has(#where-the-checks-run) .lg-rows > div { padding: 17px 0; } .lg-proc tr { padding: 24.5px 0 24.5px; } .lg-where { padding-left: 18px; padding-right: 18px; } .lg-wtile { padding-left: 17px; padding-right: 17px; } .lg-wtiles { gap: 15px; } .lg-rights .lg-acts { flex-direction: column; align-items: flex-start; row-gap: 17px; } .lg-rights { margin-top: 20px; padding-bottom: 6px; } .lg-shell { padding-bottom: 72px; } .lg-rows > div:first-child, .lg-sec:has(#where-the-checks-run) .lg-rows > div:first-child { padding-top: 0; } }
@media (max-width: 400px) { .lg-rows dt { line-height: 22.5px; } .lg-main:not(:has(.lg-draft)) .lg-rows dd { margin-top: 6px; letter-spacing: -.006em; } .lg-main:not(:has(.lg-draft)) .lg-sec:has(#where-the-checks-run) .lg-rows dd { letter-spacing: 0; } .lg-main:not(:has(.lg-draft)) .lg-rows > div:last-child dd { letter-spacing: 0; } .lg-main:not(:has(.lg-draft)) .lg-sec:has(#where-the-checks-run) .lg-rows > div:first-child dd { letter-spacing: .008em; } .lg-main:not(:has(.lg-draft)) .lg-rows > div { padding: 17.5px 0; } .lg-main:not(:has(.lg-draft)) .lg-rows > div:first-child { padding-top: 0; } }   /* 28 at 344: the mock's label sits 1 higher over its words and each row 1 taller; each block's tracking breaks its lines as drawn */
@media (max-width: 400px) { .lg-where > div + div { margin-top: 32px; } .lg-rights { margin-top: 16px; padding-top: 52px; padding-bottom: 15px; } .lg-box p.lg-note { margin-top: 17px; line-height: 20px !important; } .lg-rights .lg-acts { margin-top: 1px; } .lg-where > div + div p, .lg-rights p:not(.lg-note) { line-height: 26.4px; } }   /* 28 at 344: the Cookies head, the rights box's head, its note and buttons as drawn */

/* ----- 29 TERMS (the legal page's terms half; every published word kept, the layout the v2 mock's) ----- */
.lg-rail .toc-rel { margin-top: calc(18px / var(--zoom, 1)); } .lg-rail .toc-rel p { margin-bottom: 4px; font-size: calc(12.5px / var(--zoom, 1)); }   /* "Related documents": published words the mock does not draw; kept by the words rule */
.lg-main .terms-glance { margin: calc(38px / var(--zoom, 1)) 0 calc(17px / var(--zoom, 1)); padding: 0; background: #f1f6fa; }   /* the mock's tint is the strip's own box: from the head's line to the last bullet's */
.lg-main .terms-glance li:last-child { padding-bottom: calc(2px / var(--zoom, 1)); }
.lg-main .terms-glance h2 { margin: 0; font-size: calc(22px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.lg-main .terms-glance ul { display: block; margin: calc(10px / var(--zoom, 1)) 0 0; padding: 0 0 0 calc(22px / var(--zoom, 1)); list-style: disc; }
.lg-main .terms-glance li { display: list-item; border: 0; border-radius: 0; background: none; font-weight: 400; margin: 0; padding: calc(6px / var(--zoom, 1)) 0; font-size: calc(16px / var(--zoom, 1)); line-height: calc(23px / var(--zoom, 1)); color: #3d4b5e; }
.lg-main .terms-glance li::before { content: none; }
.lg-main .terms-glance li::marker { color: #3d4b5e; font-size: .8em; }
.lg-terms { list-style: none; margin: calc(0px / var(--zoom, 1)) 0 0; padding: 0; counter-reset: none; }
.lg-terms > li { display: block; margin: 0; padding: calc(29px / var(--zoom, 1)) 0 calc(25px / var(--zoom, 1)); border: 0; border-bottom: 1px solid #e0e7ee; border-radius: 0; background: none; box-shadow: none; }
.lg-terms .terms-n { display: block; width: auto; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; text-align: left; font-family: var(--sans); font-size: calc(11px / var(--zoom, 1)); line-height: 1.2; font-weight: 700; color: var(--t-blue); }
.lg-main .lg-terms h2 { margin: calc(14px / var(--zoom, 1)) 0 0; font-size: calc(22px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.lg-terms p { margin: calc(12px / var(--zoom, 1)) 0 0; max-width: none; font-size: calc(16px / var(--zoom, 1)); line-height: calc(26px / var(--zoom, 1)); color: #444d65; }
.lg-terms li:has(#the-software) p { letter-spacing: .003em; }   /* the mock breaks this paragraph one word earlier than the others at one tracking */
.lg-terms p + p { margin-top: calc(17px / var(--zoom, 1)); }
.lg-terms a { color: var(--t-blue); }
.lg-terms .terms-callout { display: block; margin-top: calc(18px / var(--zoom, 1)); padding: calc(14px / var(--zoom, 1)) calc(17px / var(--zoom, 1)); border: 0; border-radius: 6px; background: #fff7e7; color: #3d4b5e; }
.lg-terms .terms-callout b { display: inline; width: auto; height: auto; margin: 0; padding: 0; border: 0; background: none; color: #3d4b5e; font-weight: 700; font-style: normal; font-family: inherit; font-size: inherit; margin-right: 1px; }   /* the mock sets the i in the sentence: the second line wraps under it */
@media (max-width: 1023px) { .lg-main .terms-glance { margin-bottom: 17px; } }
@media (max-width: 720px) { .lg-main .terms-glance { margin-top: 31px; margin-bottom: 15px; } }
@media (max-width: 400px) { .lg-main .terms-glance { margin-top: 30px; margin-bottom: 15px; } }
@media (min-width: 1024px) { .lg-shell:has(.lg-terms) { padding-bottom: calc(97px / var(--zoom, 1)); } }

/* ----- 30 DPA (the legal shell; every published word kept, the layout the v2 mock's) ----- */
.lg-hero + .lg-fold + .lg-notice, .lg-main > .lg-notice.dpa-notice { margin-top: calc(28px / var(--zoom, 1)); }
.lg-draft { margin-top: calc(16px / var(--zoom, 1)); padding: calc(61px / var(--zoom, 1)) calc(25px / var(--zoom, 1)) calc(24px / var(--zoom, 1)); border: 1px solid #e1e7ed; border-left: 3px solid var(--t-blue); border-radius: 10px; background: #fff8e9; }
.lg-draft h2 { margin: 0; font-size: calc(22px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.lg-draft p { margin: calc(12px / var(--zoom, 1)) 0 0; font-size: calc(16px / var(--zoom, 1)); line-height: 1.6; color: #3d4b5e; }
.lg-draft p a { color: var(--t-blue); }
.lg-draft .ab-btn { margin-top: calc(0px / var(--zoom, 1)); }
.lg-main .dpa-sec p { margin: calc(14px / var(--zoom, 1)) 0 0; font-size: calc(16px / var(--zoom, 1)); line-height: 1.6; color: #3d4b5e; }
.lg-main .dpa-sec p a { color: var(--t-blue); }
.lg-dpa-rights { margin-top: calc(20px / var(--zoom, 1)); }
.lg-main .lg-dpa-rights .dpa-rights { display: block; margin: calc(14px / var(--zoom, 1)) 0 0; padding: 0 0 0 calc(22px / var(--zoom, 1)); list-style: disc; }
.lg-main .lg-dpa-rights .dpa-rights li { display: list-item; margin: 0; padding: calc(5px / var(--zoom, 1)) 0; border: 0; background: none; font-size: calc(16px / var(--zoom, 1)); font-weight: 400; color: #3d4b5e; }
.lg-main .lg-dpa-rights .dpa-rights li::before { content: none; }
.lg-main .dpa-contact { display: block; margin-top: calc(18px / var(--zoom, 1)); }
.lg-main .dpa-contact p { margin: calc(10px / var(--zoom, 1)) 0 0; line-height: calc(26px / var(--zoom, 1)); } .lg-main .dpa-contact p a { color: var(--t-blue); }
.lg-main .dpa-related { display: flex; flex-wrap: wrap; gap: calc(14px / var(--zoom, 1)); margin-top: calc(-11px / var(--zoom, 1)); line-height: calc(26px / var(--zoom, 1)); font-size: calc(16px / var(--zoom, 1)); }
.lg-main .dpa-related b { color: var(--t-ink); } .lg-main .dpa-related a { color: var(--t-blue); text-decoration: none; }
.lg-main p a, .lg-main dd a, .lg-updated a { text-decoration: none; }

@media (min-width: 1024px) { .lg-main:has(.lg-draft) .lg-hero h1 { font-size: calc(43.8px / var(--zoom, 1)); line-height: calc(47px / var(--zoom, 1)); } .lg-main:has(.lg-draft) .lg-updated { margin-top: calc(25px / var(--zoom, 1)); } }
@media (max-width: 1023px) { .lg-draft p { max-width: 655px; } .lg-main:has(.lg-draft) .lg-proc { font-size: 14px; } .lg-dpa-rights { border: 0; border-radius: 0; padding: 0; margin-top: 36px; } }
.lg-main > .lg-notice.dpa-notice strong { font-size: calc(16px / var(--zoom, 1)); }
.lg-main:has(.lg-draft) .lg-sec .lg-notice { padding-right: calc(20px / var(--zoom, 1)); }
.lg-main:has(.lg-draft) .lg-notice strong { font-size: calc(16px / var(--zoom, 1)); }
@media (min-width: 1024px) { .lg-shell:has(.lg-draft) { padding-bottom: calc(91px / var(--zoom, 1)); } }
@media (max-width: 720px) { .lg-main:has(.lg-draft) .lg-proc td:nth-of-type(2)::before { content: "Role: "; } }   /* the DPA's own column head */
@media (max-width: 720px) { .lg-dpa-rights { margin-top: 33px; padding: 52px 19px 22px; border: 1px solid #e0e7ee; border-radius: 12px; } }
@media (max-width: 720px) { .lg-main:has(.lg-draft) .lg-updated { font-size: 13px; } .lg-draft { padding-top: 46px; } .lg-main:has(.lg-draft) .lg-rows dd { font-size: 14.6px; letter-spacing: .005em; } }
@media (max-width: 720px) { .lg-dpa-rights { padding-top: 44px; } .lg-main .dpa-contact { margin-top: 45px; } }
@media (max-width: 720px) { .lg-dpa-rights { border: 0; } .lg-main .dpa-contact { margin-top: 54px; padding-top: 29px; } .lg-shell:has(.lg-draft) { padding-bottom: 68px; } }
@media (max-width: 720px) { .lg-main .dpa-contact { padding: 43px 19px 8px; } .lg-draft { margin-top: 21px; } }
@media (max-width: 400px) { .lg-main:has(.lg-draft) .lg-hero h1 { font-size: 31.3px; } }
@media (max-width: 400px) { #sub-processors-and-transfers { padding-right: 14px; } }   /* the mock draws "Sub-processors" with a wide fallback hyphen: the head breaks before "transfers" at 344 */
@media (max-width: 400px) { .lg-main .dpa-contact { margin-top: 29px; } .lg-shell:has(.lg-draft) { padding-bottom: 61px; } }
@media (min-width: 1024px) { .lg-main:has(.lg-draft) .dpa-sec { padding-top: calc(30px / var(--zoom, 1)); } }
@media (max-width: 720px) and (min-width: 401px) { .lg-main:has(.lg-draft) .lg-proc tr:first-child { padding-top: 19.5px; } .lg-main:has(.lg-draft) .lg-sec .lg-notice { margin-top: 5px; } }

/* ----- 31 WHAT OUR BOT DOES (the about page's hero and type roles; its own blocks) ----- */
main:has(> .bt-hero) { max-width: none; padding: 0 24px; background: #fff; }
main:has(> .bt-hero) > section { max-width: calc(1136px / var(--zoom, 1)); margin-inline: auto; }
main:has(> .bt-hero) h1, main:has(> .bt-hero) h2, main:has(> .bt-hero) h3 { text-wrap: wrap; }
.bt-hero { padding: calc(79px / var(--zoom, 1)) 0 calc(66px / var(--zoom, 1)); border-bottom: 1px solid #e0e7ee; }
.bt-hero h1 { display: block; margin: calc(16px / var(--zoom, 1)) 0 0; font-size: calc(48px / var(--zoom, 1)); line-height: 1.1; font-weight: 700; letter-spacing: -.03em; color: var(--t-ink); }
.bt-sec { padding: calc(39px / var(--zoom, 1)) 0 calc(40px / var(--zoom, 1)); border-bottom: 1px solid #e0e7ee; }
.bt-read { padding-bottom: calc(25px / var(--zoom, 1)); } .bt-devs { padding-bottom: calc(57px / var(--zoom, 1)); } .bt-limits { padding-bottom: calc(22px / var(--zoom, 1)); }
.bt-sec:last-child { border-bottom: 0; padding-bottom: calc(96px / var(--zoom, 1)); }
.bt-sec h2 { margin: 0; font-size: calc(29.3px / var(--zoom, 1)); line-height: 1.15; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.bt-sub { max-width: calc(660px / var(--zoom, 1)); margin: calc(13px / var(--zoom, 1)) 0 0; font-size: calc(16px / var(--zoom, 1)); line-height: calc(27px / var(--zoom, 1)); color: var(--t-body); }
.bt-cards { display: grid; grid-template-columns: 1fr 1fr; gap: calc(24px / var(--zoom, 1)); margin-top: calc(25px / var(--zoom, 1)); }
.bt-card { padding: calc(24px / var(--zoom, 1)) calc(26px / var(--zoom, 1)) calc(24px / var(--zoom, 1)); border: 1px solid #e1e7ed; border-radius: 12px; }
.bt-card h3 { margin: 0; font-size: calc(20.3px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.bt-card p { margin: calc(16px / var(--zoom, 1)) 0 0; font-size: calc(14px / var(--zoom, 1)); line-height: calc(24px / var(--zoom, 1)); color: var(--t-body); }
.bt-stop { display: flex; align-items: flex-start; gap: calc(12px / var(--zoom, 1)); margin: calc(40px / var(--zoom, 1)) 0 0; padding: calc(16px / var(--zoom, 1)) calc(19px / var(--zoom, 1)); border: 1px solid #eedbb6; border-radius: 6px; background: #fff9ed; font-size: calc(14px / var(--zoom, 1)); line-height: calc(21px / var(--zoom, 1)); color: #3d4b5e; }
.bt-stop svg { flex: none; margin-top: calc(10px / var(--zoom, 1)); color: #925400; }
.bt-stop b { display: block; color: var(--t-ink); }
.bt-three { list-style: none; margin: calc(28px / var(--zoom, 1)) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(30px / var(--zoom, 1)); }
.bt-n { display: block; font-size: calc(14px / var(--zoom, 1)); line-height: 1.2; font-weight: 700; letter-spacing: .08em; color: var(--t-body); }
.bt-three h3 { margin: calc(23px / var(--zoom, 1)) 0 0; font-size: calc(18px / var(--zoom, 1)); line-height: 1.3; font-weight: 700; letter-spacing: -.02em; color: var(--t-ink); }
.bt-three p { margin: calc(10px / var(--zoom, 1)) 0 0; font-size: calc(14px / var(--zoom, 1)); line-height: calc(24px / var(--zoom, 1)); color: var(--t-body); }
.bt-limits dl { margin: calc(44px / var(--zoom, 1)) 0 0; }
.bt-limits dl > div { padding: calc(19px / var(--zoom, 1)) 0; border-bottom: 1px solid #e0e7ee; }
.bt-limits dl > div:first-child { padding-top: 0; } .bt-limits dl > div:last-child { border-bottom: 0; }
.bt-limits dt { font-size: calc(16px / var(--zoom, 1)); line-height: 1.4; font-weight: 700; color: var(--t-ink); }
.bt-limits dd { margin: calc(5px / var(--zoom, 1)) 0 0; font-size: calc(14px / var(--zoom, 1)); line-height: 1.5; color: var(--t-body); }
.bt-stopit .ab-btn { margin-top: calc(26px / var(--zoom, 1)); }
.bt-note { margin: calc(39px / var(--zoom, 1)) 0 0; padding: calc(12px / var(--zoom, 1)) calc(19px / var(--zoom, 1)); border-left: 3px solid #ddb064; background: #fffbf3; font-size: calc(14px / var(--zoom, 1)); line-height: 1.5; color: #3d4b5e; }
@media (max-width: 1023px) {
  .bt-hero { padding-top: 59px; }
  .bt-hero h1 { font-size: 40.6px; }
  .bt-sec h2 { font-size: 29.9px; }
  .bt-sec:last-child { padding-bottom: 82px; }
}
@media (max-width: 720px) {
  main:has(> .bt-hero) { padding: 0 20px; }
  .bt-hero { padding-top: 34px; }
  .bt-hero h1 { font-size: 34.2px; line-height: 37px; }
  .bt-sec h2 { font-size: 26.7px; }
  .bt-cards, .bt-three { grid-template-columns: 1fr; }
  .bt-hero { padding-bottom: 46px; }
  .bt-hero .ab-lead { line-height: 30px; margin-top: 15px; }
  .bt-sec { padding-top: 28px; }
  .bt-sub { margin-top: 14px; font-size: 14px; line-height: 23px; }
  .bt-cards { gap: 25px; margin-top: 27px; }
  .bt-card { padding: 19px 23px 22px; }
  .bt-card h3 { font-size: 20.3px; }
  .bt-card p { margin-top: 16px; line-height: 23px; }
  .bt-stop { margin-top: 30px; font-size: 13px; line-height: 19.5px; }
  .bt-read { padding-bottom: 29px; }
  .bt-three { margin-top: 30px; gap: 0; }
  .bt-three li + li { margin-top: 43px; }
  .bt-n { font-size: 13px; }
  .bt-three h3 { margin-top: 13px; font-size: 18px; }
  .bt-three p { margin-top: 12px; font-size: 12.7px; line-height: 21px; }
  .bt-devs { padding-bottom: 46px; }
  .bt-limits dl { margin-top: 43px; }
  .bt-limits dl > div { padding: 19.5px 0; } .bt-limits dl > div:first-child { padding-top: 0; }
  .bt-limits { padding-bottom: 11px; }
  .bt-sec:last-child { padding-bottom: 50px; }
  .bt-note { margin-top: 28px; font-size: 13.5px; line-height: 21px; }
}
@media (max-width: 400px) { main:has(> .bt-hero) { padding: 0 16px; } }
@media (max-width: 400px) { .bt-note { padding-right: 38px; } .bt-limits { padding-bottom: 6px; } }
@media (max-width: 400px) { .bt-sec:last-child { padding-bottom: 57px; } }
@media (max-width: 720px) { .lg-terms p { letter-spacing: .005em; } .lg-terms li:has(#fair-use) p, .lg-terms li:has(#the-software) p { letter-spacing: .01em; } }   /* 29 at the phones: each paragraph breaks where the mock's does */
@media (max-width: 400px) { .lg-terms li:has(#fair-use) p { letter-spacing: .005em; } }
@media (max-width: 720px) { .lg-main .terms-glance ul { padding-left: 18px; } }   /* 29 on a phone: the bullets' words 4 nearer the edge */
@media (min-width: 721px) and (max-width: 1023px) { .lg-terms #the-service + p { letter-spacing: .004em; } }   /* 29 at 768: "for" goes to the second line as drawn */
@media (max-width: 400px) { .lg-terms #the-service + p { letter-spacing: 0; } }   /* 29 at 344: the first paragraph's lines as drawn */
@media (min-width: 721px) { .lg-terms .terms-callout { padding-top: calc(16.5px / var(--zoom, 1)); padding-bottom: calc(16.5px / var(--zoom, 1)); } }   /* 29: the one-line callout 59 tall as drawn */
@media (min-width: 721px) and (max-width: 1023px) { .lg-shell:has(.lg-terms) { padding-bottom: 80px; } }   /* 29 at 768: the footer where drawn */
.lg-shell:has(.lg-draft) .lg-rail a { max-width: calc(175px / var(--zoom, 1)); }   /* 30: the mock's rail wraps "Sub-processors and / transfers" */
@media (max-width: 400px) { .lg-main > .lg-notice.dpa-notice { padding-right: 24px; letter-spacing: .012em; } .lg-main > .lg-notice.dpa-notice strong { letter-spacing: 0; margin-right: -8px; } .lg-main:has(.lg-draft) .lg-rows dd { margin-top: 6px; } }   /* 30 at 344: the outline's measure the mock's ("The" on its second line); the rows' words 2 lower under their labels */
@media (max-width: 400px) { .lg-sec:has(#security-measures) p { padding-right: 12px; } }   /* 30 at 344: "measures of the agreement" on its own line as drawn */
@media (max-width: 400px) { .lg-main:has(.lg-draft) .lg-sec .lg-notice { margin-top: 4px; padding-bottom: 16px; line-height: 26.4px; } .lg-dpa-rights { margin-top: 29px; } .lg-shell:has(.lg-draft) { padding-bottom: 67px; } }   /* 30 at 344: the EU-residency notice 6 lower, its lines 26.4 apart as drawn */
@media (max-width: 720px) and (min-width: 401px) { .lg-dpa-rights { padding-top: 40px; } .lg-main .lg-dpa-rights .dpa-rights { padding-left: 24px; } .lg-dpa-rights > p, .lg-dpa-rights p:not(.lg-note) { letter-spacing: .007em; } .lg-main .dpa-contact { margin-top: 29px; } }   /* 30 at 430: the rights head 4 higher, its bullets 2 further in, its sentence breaking as drawn; the contact box where drawn */
@media (min-width: 721px) and (max-width: 1023px) { .lg-main .dpa-contact { padding-top: 64px; padding-bottom: 14px; } .lg-main .dpa-related { margin-top: -9px; } .lg-main .dpa-related b { font-size: 15px; font-weight: 700; color: #414b62; } }   /* 30 at 768: the Contact box's head 4 lower, "Related" at the mock's size and grey */