/* Cookie policy, the privacy policy's sister page, built from page-privacy-policy-v2.css (itself built from Web & App
   Development v2): its fonts, page shell, header strip, v9 base, buttons, reveal and tap-area fixes are carried over
   unchanged. Header and footer are the site's own (page-seo-1/2.css, site-header.css, site-footer.css). Page rules are
   ck-*, renamed one for one from the privacy policy's pp-*; what's new on this page comes last. */

@font-face{font-family:'Sailec';src:url('assets/fonts/type_dynamic_-_sailec-webfont.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Sailec';src:url('assets/fonts/type_dynamic_-_sailec_medium-webfont.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Sailec';src:url('assets/fonts/type_dynamic_-_sailec_bold-webfont.woff2') format('woff2');font-weight:700;font-display:swap}

/* ---------- page shell: white header strip, then the page ---------- */
body.v9-page .top-wrap{background-color:#fff;background-image:none}
body.v9-page .top-wrap-inner{background:none;min-height:0;padding-bottom:0}
body.v9-page .top-wrap::after,body.v9-page .top-wrap::before{display:none}
body.v9-page .content-area{padding:0}
body.v9-page .logo-white{display:none}
body.v9-page .logo-dark{display:block}
body.v9-page .menu_trigger{color:#232834}
body.v9-page .slicknav_icon-bar{background-color:#232834}
body.v9-page .header-wide{margin-bottom:0;padding-bottom:0}
body.v9-page .header{margin-bottom:0;padding-top:14px;padding-bottom:14px}
body.v9-page .menu_trigger::after{content:"";position:absolute;top:-3px;bottom:-3px;left:-11px;right:0}
body.v9-page .header .logo{width:118px;max-width:none}
@media (max-width:765px){body.v9-page .header .logo{width:108px}}
body.v9-page .header{display:flex;align-items:center;max-width:none}
@media (min-width:1025px){body.v9-page .header{padding-left:40px!important;padding-right:40px!important}}
@media (min-width:1280px){body.v9-page .header{padding-left:56px!important;padding-right:56px!important}}
body.v9-page .header::after,body.v9-page .header-right::after{display:none}
body.v9-page .header-right{float:none;display:flex;align-items:center;gap:6px;margin-left:auto;padding:0}
body.v9-page .hp-hd{order:1;display:flex;align-items:center;gap:14px;margin-right:14px}
body.v9-page .hp-hd-sep{display:block;width:1px;height:14px;background:#C2C5CC}
body.v9-page .hp-hd-l{display:inline-flex;align-items:center;min-height:44px;font-family:'Sailec',sans-serif;font-weight:500;font-size:13.5px;line-height:1.2;color:#4f5565;text-decoration:underline;text-decoration-color:#C2C5CC;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s cubic-bezier(.65,0,.35,1),text-decoration-color .2s cubic-bezier(.65,0,.35,1)}
body.v9-page .hp-hd-l:hover,body.v9-page .hp-hd-l:focus-visible{color:#232834;text-decoration-color:#232834}
body.v9-page .header .wbm_search{display:none}
body.v9-page .wbm_search{order:2;float:none;width:44px;height:44px;margin:0;color:#4f5565;transition:color .2s cubic-bezier(.65,0,.35,1)}
body.v9-page .wbm_search svg{top:50%;width:20px;height:20px;transform:translate(-50%,-50%);stroke-width:1.9}
body.v9-page .wbm_search:hover{color:#232834}
body.v9-page .hp-hd-cta{order:4;height:40px;margin-left:18px;padding:0 16px 0 20px;gap:4px;font-family:'Sailec',sans-serif;font-size:14.5px}
body.v9-page a.hp-hd-cta,body.v9-page a.hp-hd-cta:hover,body.v9-page a.hp-hd-cta:visited{color:#fff;text-decoration:none}
body.v9-page .hp-hd-cta::after{content:"";position:absolute;left:0;right:0;top:-2px;bottom:-2px}
body.v9-page .hp-hd-cta svg.arr{display:block;flex:none;width:14px;height:14px;stroke:currentColor;stroke-width:2.4;fill:none;transition:transform 150ms cubic-bezier(.4,0,.2,1)}
@media (hover:hover){body.v9-page .hp-hd-cta:hover svg.arr{transform:translateX(2px)}}
body.v9-page .menu_trigger{order:3;float:none;height:38px;margin:0 0 0 8px}
body.v9-page .menu_trigger .slicknav_icon{transform-origin:100% 19px;scale:.82}
body.v9-page .hp-hd-l:focus-visible,body.v9-page .wbm_search:focus-visible,body.v9-page .hp-hd-cta:focus-visible,body.v9-page .menu_trigger:focus-visible{outline:2px solid #232834;outline-offset:3px}
@media (max-width:699px){body.v9-page .hp-hd{display:none}}
@media (max-width:520px){body.v9-page .hp-hd-cta{display:none}}
@media (prefers-reduced-motion:reduce){body.v9-page .hp-hd-cta svg.arr{transition:none}}

/* ---------- base ---------- */
.v9{font-family:Sailec,Helvetica,Arial,sans-serif;font-weight:500;color:#232834;-webkit-font-smoothing:antialiased;text-wrap:pretty}
.v9 *{box-sizing:border-box}
.v9 :where(h1,h2,h3,p,ul,ol,li){margin:0;padding:0;background:none;font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;text-align:left;font-weight:inherit}
.v9 :where(ul,ol,li){list-style:none}
.v9 :where(li)::marker{content:""}
.v9 a{color:inherit;text-decoration:none}
.v9 a:hover{color:#d33d5c}
.v9 svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.v9-wrap{max-width:1360px;margin:0 auto;padding:0 40px;position:relative}
@media (min-width:1280px){.v9-wrap{padding:0 56px}}
.v9-eyebrow{display:block;font-weight:700;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#d33d5c;margin:0 0 14px}
.v9-h2{font-weight:700;font-size:clamp(30px,3.4vw,44px);line-height:1.1;letter-spacing:-.03em}
.v9-sec{padding:88px 0}
.v9-bone{background:#F1EEEA}

/* ---------- reveal (shared; this page doesn't use it: people come here to read, search and print) ---------- */
.v9-rv{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.v9-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.v9-rv{opacity:1;transform:none;transition:none}}

/* ---------- the one marked word (off by default here; the marker tweak shows it on "Cookie") ---------- */
.v9-hl{position:relative;z-index:0;color:#d33d5c;white-space:nowrap}
.v9-hl::before{content:"";position:absolute;z-index:-1;left:-.07em;right:-.09em;top:.32em;bottom:.12em;background:#FDE0E6;border-radius:.06em .18em .08em .2em;transform:rotate(-1deg);transform-origin:left center;animation:v9Hl .9s cubic-bezier(.65,0,.35,1) .35s both}
@keyframes v9Hl{from{transform:rotate(-1deg) scaleX(0)}to{transform:rotate(-1deg) scaleX(1)}}
@media (prefers-reduced-motion:reduce){.v9-hl::before{animation:none}}

/* ---------- buttons: the header's call button ---------- */
.v9-btn{--btn-step:#FBC0CC;--btn-ease:cubic-bezier(.5,2.5,.7,.7);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 26px;border:1px solid transparent;border-radius:9999px;background:#FA5478;color:#fff;font-family:inherit;font-weight:700;font-size:15px;line-height:20px;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:0 0 0 0 var(--btn-step);transition-property:transform,translate,box-shadow;transition-duration:150ms;transition-timing-function:var(--btn-ease)}
.v9 a.v9-btn,.v9 a.v9-btn:hover,.v9 a.v9-btn:visited,.v9 button.v9-btn{color:#fff}
.v9-btn::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:transparent}
.v9 .v9-btn svg.arr{display:block;flex-shrink:0;width:14px;height:14px;margin-left:6px;stroke:currentColor;stroke-width:2.4;fill:none;transition:transform 150ms cubic-bezier(.4,0,.2,1)}
@media (hover:hover){
.v9-btn:hover{translate:0 -5px;box-shadow:0 5px 0 0 var(--btn-step)}
.v9-btn:hover::before{transform:scaleY(1.4)}
.v9 .v9-btn:hover svg.arr{transform:translateX(2px)}
}
.v9-btn:active{translate:0 -3px;box-shadow:0 3px 0 0 var(--btn-step)}
.v9-btn:focus-visible{outline:2px solid #232834;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.v9-btn,.v9 .v9-btn svg.arr{transition:none}.v9-btn:hover,.v9-btn:active{translate:none}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (max-width:820px){.v9-wrap{padding:0 22px}.v9-sec{padding:64px 0}}

/* ---------- tap areas and the legacy menu: the header and footer logos get 44px tap areas with nothing moving, and the
   site's old hidden menu is held to no width until its script marks it loaded, so it can't cause sideways scroll ---------- */
body.v9-page .header-wide.wb-hd .header .logo{padding:7px 0;margin:-7px 0}
body.v9-page .wb-ft .wb-ft-logo{padding:8px 0;margin:-8px 0}
body.v9-page #main_menu:not(.loaded){left:0;right:auto;width:0;max-width:0;overflow:hidden}


/* ================= COOKIE POLICY (this page's own, as on the privacy policy) ================= */

/* ---------- sticky contents: the site's .content-area has overflow:hidden (page-seo-1.css), which stops position:sticky
   inside it. Here it clips sideways only: overflow-x:clip makes no scroll container, so sticky works, and flow-root keeps
   the box holding its floats and margins as before. Browsers without clip fall back to visible ---------- */
body.v9-page .content-area{overflow:visible;overflow-x:clip;display:flow-root}

/* ---------- the grid: from 1024px a 260px contents column, then the reading column (680px, about 68 characters); the
   opening and the summary sit in the reading column's line. One column below ---------- */
.ck-grid{display:grid;grid-template-columns:minmax(0,1fr)}
/* below 1024px the reading column keeps its 680px measure too (the summary's wider grid is left as it is) */
.ck-grid:not(.ck-wide) > .ck-col{max-width:680px}
@media (min-width:1024px){
.ck-grid{grid-template-columns:260px minmax(0,680px);column-gap:clamp(48px,6vw,96px);justify-content:start}
.ck-grid.ck-wide{grid-template-columns:260px minmax(0,820px)}
.ck-col{grid-column:2}
.ck-side{grid-column:1;grid-row:1}
}

/* ---------- opening: the only part that eases in ---------- */
.ck-open{padding:clamp(40px,6vw,88px) 0 52px}
.ck-open h1{margin:0 0 20px;font-weight:700;font-size:clamp(40px,5.2vw,64px);line-height:1.05;letter-spacing:-.035em;color:#232834;text-wrap:balance}
.v9 .ck-lead{max-width:600px;margin:0 0 22px;font-size:20px;line-height:1.55;color:#3a3f4b}
.v9 .ck-date{font-size:15px;line-height:1.5;color:#4f5565}
@keyframes ckIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ck-open .ck-col > *{animation:ckIn .8s cubic-bezier(.2,.7,.2,1) both}
.ck-open .ck-col > :nth-child(2){animation-delay:.07s}
.ck-open .ck-col > :nth-child(3){animation-delay:.14s}
.ck-open .ck-col > :nth-child(n+4){animation-delay:.2s}
@media (prefers-reduced-motion:reduce){.ck-open .ck-col > *{animation:none}}
@media (max-width:560px){.v9 .ck-lead{font-size:18px}}

/* ---------- at a glance: the page's only bone area. The five points run two across from 821px ---------- */
.ck-glance{padding:52px 0 56px;background:#F1EEEA}
.v9 .ck-glance-head{margin:0 0 26px}
.v9 .ck-glance-head h2{font-weight:700;font-size:24px;line-height:1.25;letter-spacing:-.02em;color:#232834}
.v9 .ck-glance-head p{margin:8px 0 0;max-width:260px;font-size:15px;line-height:1.55;color:#4f5565}
.v9 .ck-pts{display:grid;gap:26px 48px}
@media (min-width:821px){.v9 .ck-pts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.v9 .ck-glance-head{margin:0}}
.v9 .ck-pts li{font-size:17px;line-height:1.6;color:#4f5565}
.v9 .ck-pts b{font-weight:700;color:#232834}
@media (max-width:560px){.ck-glance{padding:40px 0 44px}.v9 .ck-pts li{font-size:16px}}

/* ---------- the policy ---------- */
.ck-body{padding:72px 0 104px}
@media (max-width:820px){.ck-body{padding:48px 0 80px}}
.v9 .ck-doc{font-size:17px;line-height:1.65;color:#4f5565}
.v9 .ck-doc section + section{margin-top:56px}
.v9 .ck-doc h2{margin:0 0 16px;font-weight:700;font-size:clamp(24px,2.3vw,28px);line-height:1.25;letter-spacing:-.02em;color:#232834;text-wrap:balance;scroll-margin-top:32px}
.v9 .ck-doc p + p,.v9 .ck-doc p + .ck-list,.v9 .ck-doc .ck-list + p{margin-top:14px}
.v9 .ck-list{display:grid;gap:8px}
.v9 .ck-list li{position:relative;padding-left:22px}
.v9 .ck-list li::before{content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;border-radius:50%;background:#4f5565}
.v9 .ck-doc b,.v9 .ck-doc strong{font-weight:700;color:#232834}
.v9 .ck-doc code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;color:#232834;overflow-wrap:anywhere}
.v9 .ck-doc .ck-sub{margin-top:22px;font-weight:700;color:#232834}
.v9 .ck-doc .ck-sub + .ck-list{margin-top:8px}
/* links in the policy are always underlined, so they read as links without colour; coral on hover. Long addresses wrap */
.v9 .ck-doc a,.v9 .ck-pts a{color:#232834;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere;transition:color .2s cubic-bezier(.65,0,.35,1)}
.v9 .ck-doc a:hover,.v9 .ck-pts a:hover{color:#d33d5c}
.v9 .ck-doc a:focus-visible,.v9 .ck-pts a:focus-visible{outline:2px solid #232834;outline-offset:2px;border-radius:2px}
@media (max-width:560px){.v9 .ck-doc{font-size:16px}}
@media (prefers-reduced-motion:reduce){.v9 .ck-doc a,.v9 .ck-pts a{transition:none}}

/* ---------- the data table: three columns with tint hairlines and no fills from 821px; up to 820px each row is a block,
   with the column names as small labels above each value. The roles keep it a table for screen readers in both ---------- */
.ck-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.v9 .ck-tbl{width:100%;margin:6px 0 0;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.55;color:#4f5565}
.v9 .ck-tbl th,.v9 .ck-tbl td{padding:16px 20px 16px 0;border:0;border-bottom:1px solid #C2C5CC;background:none;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.v9 .ck-tbl th:last-child,.v9 .ck-tbl td:last-child{padding-right:0}
.v9 .ck-tbl thead th{padding-top:0;padding-bottom:12px;font-weight:700;font-size:14px;line-height:1.4;color:#232834}
.v9 .ck-tbl thead th:nth-child(1){width:25%}
.v9 .ck-tbl thead th:nth-child(2){width:42%}
.v9 .ck-tbl.ck-tbl-st thead th:nth-child(1){width:34%}
.v9 .ck-tbl.ck-tbl-st thead th:nth-child(2){width:42%}
.v9 .ck-tbl tbody th{font-weight:700;color:#232834}
.v9 .ck-tbl + p,.v9 .ck-tbl + .ck-tc,.v9 .ck-tbl + .ck-note{margin-top:20px}
@media screen and (max-width:820px){
.v9 .ck-tbl,.v9 .ck-tbl tbody,.v9 .ck-tbl tr,.v9 .ck-tbl th,.v9 .ck-tbl td{display:block;width:auto}
.v9 .ck-tbl thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v9 .ck-tbl tbody{border-top:1px solid #C2C5CC}
.v9 .ck-tbl tbody tr{padding:18px 0 20px;border-bottom:1px solid #C2C5CC}
.v9 .ck-tbl tbody th,.v9 .ck-tbl tbody td{padding:0;border:0}
.v9 .ck-tbl tbody td{margin-top:12px}
.v9 .ck-tbl [data-label]::before{content:attr(data-label);display:block;margin:0 0 3px;font-weight:700;font-size:12.5px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:#4f5565}
}

/* ---------- contents, from 1024px: a column beside the text that stays in view, marking the current section in bold ink
   with a small coral disc. Up to 1023px: a closed "Contents" disclosure above the policy, every item at least 44px ---------- */
.ck-side{display:none}
@media (min-width:1024px){.ck-side{display:block}.ck-toc-m{display:none}}
.ck-toc{position:sticky;top:32px;max-height:calc(100vh - 64px);overflow-y:auto;padding:2px 4px 8px 2px}
.v9 .ck-toc-h{margin:0 0 12px;padding-left:20px;font-weight:700;font-size:12px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:#4f5565}
.v9 .ck-toc a{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);padding:7px 0 7px 20px;border-radius:4px;font-size:15px;line-height:1.4;color:#4f5565;text-decoration:none;font-variant-numeric:tabular-nums}
.v9 .ck-toc a::before{content:"";position:absolute;left:5px;top:15px;width:7px;height:7px;border-radius:50%;background:#FA5478;opacity:0;transform:scale(.3);transition:opacity .25s cubic-bezier(.65,0,.35,1),transform .3s cubic-bezier(.65,0,.35,1)}
.v9 .ck-toc a[aria-current]{font-weight:700;color:#232834}
.v9 .ck-toc a[aria-current]::before{opacity:1;transform:none}
@media (hover:hover){.v9 .ck-toc a:hover{color:#232834}.v9 .ck-toc a:hover span + span{text-decoration:underline;text-decoration-color:#C2C5CC;text-decoration-thickness:1px;text-underline-offset:4px}}
.v9 .ck-toc a:focus-visible{outline:2px solid #232834;outline-offset:-2px}
@media (pointer:coarse){.v9 .ck-toc a{min-height:44px;align-items:center;padding-top:6px;padding-bottom:6px}.v9 .ck-toc a::before{top:calc(50% - 3.5px)}}
@media (prefers-reduced-motion:reduce){.v9 .ck-toc a::before{transition:none}}
.ck-toc-m{margin:0 0 40px}
.ck-toc-m details{border-top:1px solid #C2C5CC;border-bottom:1px solid #C2C5CC}
.v9 .ck-toc-m summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;font-weight:700;font-size:17px;line-height:1.3;color:#232834;cursor:pointer;list-style:none}
.ck-toc-m summary::-webkit-details-marker{display:none}
.ck-toc-m summary::marker{content:""}
.ck-toc-m summary::after{content:"";flex:none;width:9px;height:9px;margin:-5px 6px 0 0;border-right:2px solid #232834;border-bottom:2px solid #232834;transform:rotate(45deg);transition:transform .25s cubic-bezier(.65,0,.35,1)}
.ck-toc-m details[open] summary::after{margin-top:5px;transform:rotate(-135deg)}
.v9 .ck-toc-m summary:focus-visible{outline:2px solid #232834;outline-offset:2px}
.v9 .ck-toc-m ol{padding:0 0 12px}
.v9 .ck-toc-m a{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;min-height:44px;padding:8px 0;font-size:16px;line-height:1.4;color:#3a3f4b;text-decoration:none;font-variant-numeric:tabular-nums}
.v9 .ck-toc-m a:hover{color:#232834}
.v9 .ck-toc-m a:focus-visible{outline:2px solid #232834;outline-offset:-2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){.ck-toc-m summary::after{transition:none}}

/* ---------- draft notes: each statement still to confirm carries a small note in coral on blush, starting "To confirm:".
   With the notes prop off, the notes and the statements they mark are hidden ---------- */
.v9 .ck-note{display:block;margin:10px 0 0;padding:7px 11px;border-radius:6px;background:#FDE0E6;font-weight:500;font-size:14px;line-height:1.5;color:#d33d5c;text-wrap:pretty}
.v9 .ck-note b{font-weight:700;color:inherit}
.v9 .ck-ph{padding:0 3px;border-radius:3px;background:#FDE0E6;color:#d33d5c;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.v9 .ck-tbl .ck-note{margin-top:8px}
.ck-off .ck-tc,.ck-off .ck-note{display:none!important}

/* ---------- print: the policy alone, black on white, with the date kept and each link's address after it ---------- */
@media print{
body.v9-page .top-wrap,body.v9-page .wb-ft,#wbm,.ck-side,.ck-toc-m{display:none!important}
html,body,body.v9-page .main-wrap,body.v9-page .content-area{background:#fff!important}
.ck,.ck *{color:#000!important}
.v9-wrap{max-width:none;padding:0!important}
.ck-grid{display:block}
.ck-open{padding:0 0 18px}
.ck-open .ck-col > *{animation:none!important}
.v9-hl::before{display:none}
.ck-glance{padding:18px 0;background:none!important;border-top:1px solid #000;border-bottom:1px solid #000}
.v9 .ck-glance-head{margin:0 0 14px}
.v9 .ck-glance-head p{max-width:none}
.ck-body{padding:24px 0 0}
.v9 .ck-doc h2{break-after:avoid;page-break-after:avoid}
.v9 .ck-doc h2 + *{break-before:avoid;page-break-before:avoid}
.v9 .ck-tbl tr{break-inside:avoid;page-break-inside:avoid}
.v9 .ck-tbl th,.v9 .ck-tbl td{border-color:#000}
.v9 .ck-doc a[href^="http"]::after,.v9 .ck-pts a[href^="http"]::after{content:" (" attr(href) ")"}
.v9 .ck-doc a[data-url]::after,.v9 .ck-pts a[data-url]::after{content:" (" attr(data-url) ")"}
.v9 .ck-note,.v9 .ck-ph{background:none!important;border:1px solid #000}
}


/* ================= COOKIE POLICY: what's new on this page ================= */

/* ---------- the cookie table: each name in Sailec bold ink, exactly as the browser shows it, wrapping only at its colons
   (each part is held together, and a <wbr> follows each colon). Under it, a small label gives its type and who sets it ---------- */
.v9 .ck-nm{display:block;font-weight:700;color:#232834;overflow-wrap:normal;word-break:normal}
.v9 .ck-nm > span{white-space:nowrap}
.v9 .ck-kind{display:block;margin-top:4px;font-weight:500;font-size:14px;line-height:1.45;color:#4f5565}

/* ---------- "Change your cookie settings": an ink outline pill, like the settings' Accept all and Reject all: a 2px ink
   edge, a white body and ink text, 48px tall. No chevron and no lift; hover is a bone wash. It shows only once
   site-consent.js and the settings are both on the page, so it never does nothing ---------- */
.v9 .ck-doc .ck-act{margin-top:20px}
.v9 .ck-doc .ck-act + p{margin-top:28px}
.v9 .ck-set{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;height:48px;margin:0;padding:0 24px;border:2px solid #232834;border-radius:9999px;background:#fff;color:#232834;font-family:inherit;font-weight:500;font-size:16px;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .15s cubic-bezier(.65,0,.35,1)}
@media (hover:hover){.v9 .ck-set:hover{background:#F1EEEA}}
.v9 .ck-set:focus-visible{outline:2px solid #232834;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.v9 .ck-set{transition:none}}

/* ---------- print: the button can't be used on paper, and each cookie's row stays on one page ---------- */
@media print{
.v9 .ck-act{display:none!important}
.v9 .ck-tbl tr{break-inside:avoid;page-break-inside:avoid}
}

/* ================= THE PHONE TYPE SCALE: synced 2 October 2026 from the homepage, by tools/phone-type.js. Up to 560px: h1 34px, section headings 26px, titles 18 to 20px, body 16px; nothing gets larger ================= */
@media (max-width:560px){
.v9-h2{font-size:26px;line-height:1.18;letter-spacing:-.025em}
.ck-open h1{font-size:min(34px,clamp(40px,5.2vw,64px));line-height:1.12}
.v9 .ck-lead,.v9 .ck-toc-m summary{font-size:16px}
.v9 .ck-glance-head h2,.v9 .ck-doc h2{font-size:20px}
}