/* GeoXtra's pages beside the homepage (About, Book a demo, the thank-you page), 6 Nov 2026, in the homepage's design:
   its header and footer themselves (copied in by v10/_src/build.py, styled by the homepage's own v7.css, v6.css and
   mix.css), its black opening with Meet Vera's type, its white sections with Basic's headings, its dark navy for the
   founders (as Behind GeoXtra), its labels (bold uppercase, 32% tracking, no dot) and Basic's buttons. */
@font-face{font-family:"Rethink Sans";src:url("/assets/fonts/RethinkSans-VariableFont_wght.woff2") format("woff2"),url("/assets/fonts/RethinkSans-VariableFont_wght.ttf") format("truetype");font-weight:400 800;font-style:normal;font-display:swap}
:root{--dark:#1D3557;--black:#000000;--white:#FFFFFF;--grey:#F5F5F5;--night:#0A1322;--sky:#4CC9F0;--sky-aa:#0381A2;--steel:#AEBFCD;--steel-aa:#607995;
  --gutter:clamp(16px,4vw,64px);--max:1296px;--r:14px;--r-lg:24px;--header-h:64px}
@media (min-width:960px){:root{--header-h:84px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:#050A14;overscroll-behavior-y:none}   /* past the footer: its dark, not white */
body{margin:0;background:var(--white);color:var(--dark);font-family:"Rethink Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--sky-aa);outline-offset:3px;border-radius:4px}
main h1,main h2,main h3{margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.06;text-wrap:balance}
main p{margin:0}
.wrap{width:min(var(--max),100% - 2 * var(--gutter));margin-inline:auto}
.skip{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 16px;border-radius:8px;background:var(--dark);color:#FFFFFF}
.skip:focus{top:12px}
.site-header{position:fixed;left:0;right:0;top:0}
main{display:block}

/* labels, as on the homepage */
.eyebrow{display:inline-flex;align-items:center;margin-bottom:24px;color:var(--sky-aa);font-size:12.5px;font-weight:700;line-height:1.2;
  letter-spacing:.32em;text-transform:uppercase}
.dark .eyebrow,.navy .eyebrow{color:var(--sky)}

/* buttons, as Basic: Dark Blue on light, Sky Blue on dark */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border:1.5px solid var(--dark);border-radius:999px;
  background:var(--dark);color:#FFFFFF;font:600 16px/1 "Rethink Sans",system-ui,sans-serif;letter-spacing:-.005em;text-decoration:none;cursor:pointer;
  transition:background-color .2s,border-color .2s,color .2s}
.btn:hover{background:var(--black);border-color:var(--black);color:#FFFFFF}
.btn--ghost{background:transparent;color:var(--dark)}
.btn--ghost:hover{background:var(--dark);color:#FFFFFF}
.dark .btn,.navy .btn{background:var(--sky);border-color:var(--sky);color:var(--dark)}
.dark .btn:hover,.navy .btn:hover{background:#FFFFFF;border-color:#FFFFFF;color:var(--dark)}
.dark .btn--ghost,.navy .btn--ghost{background:transparent;border-color:#FFFFFF;color:#FFFFFF}

/* the opening: the homepage's black, Meet Vera's heading and lead */
.band{padding:calc(var(--header-h) + clamp(88px,10vw,150px)) 0 clamp(72px,9vw,128px);background:#000000;color:#F5F5F5}
.band h1{max-width:13.5em;color:#F5F5F5;font-size:clamp(44px,1rem + 5.4vw,96px);line-height:1.02}
.band h1 em{font-style:normal;color:var(--sky)}
.band__lead{max-width:none;margin-top:clamp(28px,3.4vw,52px);color:#AEBFCD;font-size:clamp(19px,1.78vw,25.5px);font-weight:500;line-height:1.36;letter-spacing:-.018em}

/* the openings' brand art (6 Nov 2026): the site's topographic map, faint, under the black, fading out behind the words;
   and one of the kit's Topographic Blobs beside them, each shape ringed by contour lines and drifting slowly
   (the markup from v10/_src/build.py band_art) */
.band--art{position:relative;overflow:hidden;isolation:isolate}
.band__topo{position:absolute;inset:0;z-index:-1;background:url("assets/main/topo/topographic-map-white.svg") 70% 40% / max(1500px,110%) auto no-repeat;opacity:.012;
  -webkit-mask-image:linear-gradient(90deg,transparent 8%,#000000 62%);mask-image:linear-gradient(90deg,transparent 8%,#000000 62%)}
.band__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
.band__art{position:relative;justify-self:end;width:min(70%,240px);margin-right:10%}
.band__art svg{display:block;width:100%;height:auto;overflow:visible}
.ba{transform-box:fill-box;transform-origin:center}
.ba__fill{fill:var(--tone)}
.ba--sky{--tone:#4CC9F0}
.ba--earth{--tone:#F7906E}
.ba__ring{fill:none;stroke:var(--tone);stroke-width:1.1px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}
.ba__ring--1{transform:scale(1.14);opacity:.5}
.ba__ring--2{transform:scale(1.3);opacity:.28}
.ba__ring--3{transform:scale(1.48);opacity:.14}
@media (min-width:960px){
  .band__grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(40px,5vw,96px)}
  .band__art{width:min(100%,440px);margin-right:6%}
  .band--art h1,.band--art h1.band__h1--long{max-width:none}
  .band--art h1.band__h1--long{font-size:clamp(36px,1rem + 2.9vw,66px)}
}
@media (prefers-reduced-motion:no-preference){
  .band__art{animation:ba-in 1.6s cubic-bezier(.16,.84,.24,1) .15s both}
  .ba--sky{animation:ba-drift-a 16s ease-in-out infinite alternate}
  .ba--earth{animation:ba-drift-b 13s ease-in-out infinite alternate}
  .ba__ring{animation:ba-breathe 7s ease-in-out infinite alternate}
  .ba__ring--2{animation-delay:-2.3s}
  .ba__ring--3{animation-delay:-4.6s}
}
@keyframes ba-in{from{opacity:0;transform:translateY(28px) scale(.92)}to{opacity:1;transform:none}}
@keyframes ba-drift-a{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(-10px,14px) rotate(-4deg)}}
@keyframes ba-drift-b{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(14px,-12px) rotate(5deg)}}
@keyframes ba-breathe{from{scale:1}to{scale:1.035}}

/* 6 Nov 2026, later: the GeoXtra mark in 3D in place of the shapes (v10/_src/build.py mark_3d): a stack of thin planes
   (its edge deep navy, its face white and Sky Blue), a glow behind and rings in front, turned by site-motion.js */
.mark3d{width:min(58%,220px);aspect-ratio:1;perspective:900px;justify-self:center;margin-inline:auto}   /* centred on phones */
@media (min-width:960px){.mark3d{justify-self:end;margin-inline:0 10%}}
.l3d__tilt{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.mark3d .l3d__plane{position:absolute;inset:16%;width:68%;height:68%;transform:translateZ(calc((var(--z) - var(--n) + 1) * 1.7px))}
.l3d__edge .cls-1{fill:#1D3557}
.l3d__edge .cls-2{fill:#0381A2}
.l3d__edge:nth-of-type(odd) .cls-1{fill:#12283F}
.l3d__face .cls-1{fill:#F5F5F5}
.l3d__face .cls-2{fill:#4CC9F0}
.l3d__face{filter:drop-shadow(0 0 18px rgba(76,201,240,.35))}
.l3d__glow{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(76,201,240,.3),rgba(76,201,240,.08) 38%,rgba(76,201,240,0) 66%);
  transform:translateZ(-90px)}
.l3d__ring{position:absolute;border-radius:50%;pointer-events:none}
.l3d__ring--a{inset:2%;border:1px solid rgba(76,201,240,.28);transform:translateZ(-30px)}
.l3d__ring--b{inset:-10%;border:1px dashed rgba(174,191,205,.22);transform:translateZ(60px)}
@media (min-width:960px){.mark3d{width:min(100%,400px)}}
@media (prefers-reduced-motion:no-preference){
  .mark3d{animation:ba-in 1.6s cubic-bezier(.16,.84,.24,1) .15s both}
  .l3d__ring--b{animation:l3d-spin 40s linear infinite}
}
@keyframes l3d-spin{to{rotate:360deg}}

/* 6 Nov 2026: the pages' words and blocks come up as on the homepage (site-motion.js adds pg-motion, then is-in) */
.pg-motion .band h1 .pw{display:inline-block;opacity:0;transform:translateY(.45em);transition:opacity .7s ease calc(.1s + var(--i) * .045s),transform .9s cubic-bezier(.16,.84,.24,1) calc(.1s + var(--i) * .045s)}
.pg-motion.pg-in .band h1 .pw{opacity:1;transform:none}
.pg-motion .band__lead,.pg-motion .band .eyebrow{opacity:0;transform:translateY(16px);transition:opacity .8s ease .55s,transform .9s cubic-bezier(.16,.84,.24,1) .55s}
.pg-motion.pg-in .band__lead,.pg-motion.pg-in .band .eyebrow{opacity:1;transform:none}
.pg-motion.pg-in .band .eyebrow{transition-delay:0s}
.pg-motion .pg-rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,.84,.24,1)}
.pg-motion .pg-rv.is-in{opacity:1;transform:none}
.pg-motion .people .person:nth-child(2).pg-rv{transition-delay:.12s}

/* 6 Nov 2026: labels with an icon (Meet Vera with the AI mark and Vera in Sky Blue, white on the page's dark) and notes
   with an icon tile, as the homepage's labels and trust items have (v10/_src/build.py page_marks) */
.eyebrow{gap:.6em}
.eyebrow .eb-ico{display:block;flex:none;width:1.45em;height:1.45em}
.eyebrow .eb-ico svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eyebrow .eb-ico--ai svg{fill:currentColor;stroke:none}
.eyebrow .eb-hl{color:var(--sky-aa)}
.note--ico{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;align-items:start}
.note--ico > :not(.note__ico){grid-column:2}
.note__ico{grid-row:1 / span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(76,201,240,.14);color:var(--sky-aa)}
.note__ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* the openings on the dark blue the homepage now uses for its dark ground (it was black) */
.band{background:var(--night)}

/* a sentence-long opening heading (About) */
.band h1.band__h1--long{max-width:17em;font-size:clamp(36px,1rem + 3.6vw,74px);line-height:1.05}

/* sections */
.sec{padding:clamp(80px,9vw,140px) 0}
.sec--grey{background:var(--grey)}
/* 7 Nov 2026: the brand's topographic map on the light sections too, as on the homepage's: faint, in Dark Blue, fading out
   towards the headings and at the top and foot; on the right of a white section, on the left of a grey one, so it moves
   from side to side down the page */
.sec:not(.navy){position:relative;isolation:isolate;overflow:hidden}
.sec:not(.navy)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("assets/main/topo/topographic-map-navy.svg") 70% 50% / max(1400px,105%) auto no-repeat;opacity:.045;
  -webkit-mask-image:linear-gradient(90deg,transparent 20%,#000000 75%),linear-gradient(transparent,#000000 20%,#000000 80%,transparent);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 20%,#000000 75%),linear-gradient(transparent,#000000 20%,#000000 80%,transparent);
  mask-composite:intersect}
.sec--grey::before{background-position:20% 40%;transform:scaleX(-1)}
.navy{background:var(--night);color:#F5F5F5}
.sec > .wrap > h2,.split h2{font-size:clamp(32px,1.2rem + 2vw,52px)}
.navy h2{color:#F5F5F5}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,110px);align-items:start}
.prose p{color:#1D3557;font-size:clamp(17px,1rem + .15vw,19px);line-height:1.65}
.prose p + p{margin-top:22px}
.prose p:first-child{color:var(--dark);font-size:clamp(21px,1rem + .6vw,26px);font-weight:700;line-height:1.4;letter-spacing:-.015em}
/* About's Meet Vera: every paragraph in one size, the last a short note under a rule */
.prose--even p,.prose--even p:first-child{color:var(--dark);font-size:clamp(18px,1rem + .3vw,21px);font-weight:500;line-height:1.55;letter-spacing:-.01em}
.prose--even .prose__foot{margin-top:32px;padding-top:22px;border-top:1px solid rgba(174,191,205,.7);color:var(--steel-aa);font-size:16px;font-weight:600}
.note h3{font-size:clamp(22px,1rem + .7vw,28px);letter-spacing:-.02em;line-height:1.2}
.notes__close{padding-top:24px;border-top:1px solid rgba(174,191,205,.7);color:var(--dark);font-size:clamp(21px,1rem + .6vw,26px);font-weight:700;line-height:1.4;letter-spacing:-.015em}

/* the aim, in large type on white */
.aim .aim__lead{max-width:40em;color:#1D3557;font-size:clamp(18px,1rem + .4vw,22px);line-height:1.55}
.aim h2{max-width:24em;margin-top:clamp(24px,3vw,40px);font-size:clamp(28px,1rem + 2vw,50px);line-height:1.16}
.aim h2 em{font-style:normal;color:var(--sky-aa)}
.aim h2{margin-top:18px;max-width:22em}
/* 7 Nov 2026: what GeoXtra does today, two columns under the line */
.aim__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:clamp(32px,4vw,56px);padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(174,191,205,.7)}
.aim__body p{color:#1D3557;font-size:clamp(17px,1rem + .15vw,19px);line-height:1.65}
@media (max-width:767px){.aim__body{grid-template-columns:minmax(0,1fr)}}

/* the founders, on Behind GeoXtra's dark navy: grayscale portraits, their line, LinkedIn */
.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,80px);margin-top:clamp(44px,5vw,72px)}
.person__img{position:relative;width:100%;max-width:420px;aspect-ratio:600 / 739}
/* laid out as Behind GeoXtra: the second founder set lower (6 Nov 2026) */
@media (min-width:960px){.people .person:nth-child(2){margin-top:clamp(80px,10vw,160px)}}
/* as Behind GeoXtra on the homepage: the whole portrait in its frame, grayscale at rest; on hover its colour, a slight
   zoom and the sky corner marks around the frame */
.person__img::after{content:"";position:absolute;inset:-12px;opacity:0;transform:scale(1.04);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none;background:linear-gradient(var(--sky),var(--sky)) 0 0 / 22px 1px no-repeat,linear-gradient(var(--sky),var(--sky)) 0 0 / 1px 22px no-repeat,
  linear-gradient(var(--sky),var(--sky)) 100% 0 / 22px 1px no-repeat,linear-gradient(var(--sky),var(--sky)) 100% 0 / 1px 22px no-repeat,
  linear-gradient(var(--sky),var(--sky)) 0 100% / 22px 1px no-repeat,linear-gradient(var(--sky),var(--sky)) 0 100% / 1px 22px no-repeat,
  linear-gradient(var(--sky),var(--sky)) 100% 100% / 22px 1px no-repeat,linear-gradient(var(--sky),var(--sky)) 100% 100% / 1px 22px no-repeat}
.person__zoom{width:100%;height:100%;overflow:hidden;border-radius:6px;background:#16233A}
.person img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.9);transition:filter .8s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1)}
.person:hover .person__img::after{opacity:1;transform:none}
.person:hover img{filter:none;transform:scale(1.03)}
.person h3{margin-top:26px;font-size:clamp(24px,1rem + .9vw,32px);color:#FFFFFF}
.person__role{margin-top:8px;color:var(--sky);font-size:12.5px;font-weight:700;letter-spacing:.32em;text-transform:uppercase}
.person__line{max-width:44ch;margin-top:16px;color:rgba(245,245,245,.78);font-size:17px;line-height:1.6}
.person__bio{max-width:46ch;margin-top:16px;color:rgba(245,245,245,.8);font-size:17px;line-height:1.6}
.person__bio p + p{margin-top:14px}
.person__in{display:inline-flex;align-items:center;gap:9px;margin-top:18px;color:var(--sky);font-weight:600;font-size:15px;text-decoration:none}
.person__in:hover{color:#FFFFFF}
.person__in svg{width:18px;height:18px;fill:currentColor}

/* closing call, as the homepage's close */
.call{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px}
.call h2{max-width:18ch;font-size:clamp(32px,1.2rem + 2.4vw,56px)}
.call__btns{display:flex;flex-wrap:wrap;gap:14px}

/* the demo request: notes beside the form */
.demo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:start}
.notes{display:grid;gap:clamp(24px,2.8vw,34px)}
.note{padding-top:24px;border-top:1px solid rgba(174,191,205,.7)}
.note h2{font-size:clamp(22px,1rem + .7vw,28px);letter-spacing:-.02em;line-height:1.2}
.note p{margin-top:10px;color:#1D3557;font-size:17px;line-height:1.6}
.form{padding:clamp(26px,3vw,46px);border-radius:var(--r-lg);background:#FFFFFF;box-shadow:0 0 0 1px rgba(174,191,205,.6),0 36px 70px -40px rgba(29,53,87,.4)}
.form h2{font-size:clamp(26px,1rem + 1vw,34px)}
.form__intro{margin-top:10px;color:var(--steel-aa);font-size:15.5px}
.field{display:grid;gap:8px;margin-top:22px}
.field > label,.field > legend{padding:0;color:var(--dark);font-size:15px;font-weight:600}
.field input[type=text],.field input[type=email],.field textarea{width:100%;padding:13px 15px;border:1.5px solid rgba(174,191,205,.95);border-radius:12px;
  background:#FFFFFF;color:var(--dark);font:400 16px/1.4 "Rethink Sans",system-ui,sans-serif;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--sky-aa);box-shadow:0 0 0 4px rgba(76,201,240,.25)}
fieldset.field{margin:22px 0 0;padding:0;border:0}
fieldset.field > legend{margin-bottom:14px}   /* a legend takes no part in the field's gap (7 Nov 2026) */
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.choice{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid rgba(174,191,205,.95);border-radius:12px;cursor:pointer;
  font-size:15px;line-height:1.3;transition:border-color .2s,background-color .2s}
.choice input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--sky-aa)}
.choice:has(input:checked){border-color:var(--sky-aa);background:rgba(76,201,240,.08)}
.field__hint{color:var(--steel-aa);font-size:14px}
.form__send{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}
@media (max-width:599px){.form__send .btn{width:100%}.form__reply{width:100%;text-align:center}}   /* phones: the button across, its note centred (7 Nov 2026) */
.form__reply{color:var(--steel-aa);font-size:14.5px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media (max-width:959px){
  .split,.demo,.people{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:599px){
  .choices{grid-template-columns:minmax(0,1fr)}
  .person__img{max-width:300px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* the policy pages: the main site's policies (Termageddon) set in the site's type */
.band--legal{padding-bottom:clamp(48px,6vw,88px)}
.band--legal h1{max-width:none;font-size:clamp(40px,1rem + 4vw,76px)}
.legal-sec{padding-block:clamp(48px,6vw,96px)}
.legal-doc{max-width:900px;color:#1D3557;font-size:17px;line-height:1.65}
.legal-doc [id]{scroll-margin-top:calc(var(--header-h) + 24px)}
.legal-doc h2{margin:clamp(40px,4vw,64px) 0 14px;color:#1D3557;font-size:clamp(26px,1rem + 1.3vw,38px);font-weight:700;line-height:1.15;letter-spacing:-.025em}
.legal-doc h3{margin:36px 0 10px;color:#1D3557;font-size:clamp(20px,1rem + .4vw,24px);font-weight:700;line-height:1.25;letter-spacing:-.015em}
.legal-doc h4{margin:24px 0 8px;color:#1D3557;font-size:18px;font-weight:700;line-height:1.3}
.legal-doc p{margin:0 0 14px;max-width:none}
.legal-doc ul,.legal-doc ol{margin:0 0 16px;padding-left:22px}
.legal-doc ul{list-style:disc}
.legal-doc ol{list-style:decimal}
.legal-doc li{margin:0 0 6px}
.legal-doc a{color:#0381A2;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.legal-doc a:hover{color:#1D3557}
.legal-doc hr{margin:32px 0;border:0;border-top:1px solid rgba(29,53,87,.14)}
.legal-doc summary{cursor:pointer;color:#1D3557;font-weight:600}
.legal-doc details{margin:0 0 12px}
.legal-doc .tg-last-updated-date{color:rgba(29,53,87,.66);font-size:15px}
.legal-doc > div > :first-child,.legal-doc article > :first-child{margin-top:0}
.legal-doc table{width:100%;border-collapse:collapse;font-size:15px}
.legal-doc th,.legal-doc td{padding:10px 12px;border:1px solid rgba(29,53,87,.14);text-align:left;vertical-align:top}
/* the policies' contents list: clear of the header, quiet beside the text */
.legal-doc .tg-floating-toc-sidebar{top:calc(var(--header-h) + 24px);max-height:calc(100vh - var(--header-h) - 48px);overflow-y:auto}
.legal-doc .tg-toc-heading{margin:0 0 12px;font-size:18px;letter-spacing:-.01em}
.legal-doc .tg-toc-list{margin:0;padding:0;list-style:none}
.legal-doc .tg-toc-list li{margin:0 0 8px;list-style:none;font-size:15px;line-height:1.35}
.legal-doc .tg-toc-list a{text-decoration:none}
.legal-doc .tg-toc-list a:hover{text-decoration:underline}
/* the section's overflow:hidden would stop the contents list sticking; clip keeps its background inside without that */
.sec.legal-sec:not(.navy){overflow:clip}
.legal-doc .tg-toc-list a{font-size:15px}
/* (the policy's own stylesheet loads after this one and sets these with more weight) */
.legal-doc .tg-floating-toc-sidebar{top:calc(var(--header-h) + 24px)!important;max-height:calc(100vh - var(--header-h) - 48px)!important}
.legal-doc .tg-toc-list a{font-size:15px!important}
@media (max-width:767px){.legal-doc .tg-floating-toc-sidebar{max-height:none!important;overflow:visible}}