/* ==========================================================================
   THE DEBT RESCUERS · "Morning Light" design system · core styles
   Shared by every page: tokens, type, buttons, header, drawer, footer, floating buttons.
   ========================================================================== */

/* ---------- Fonts (self-hosted, Latin subset) ---------- */
@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/plus-jakarta-sans-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/instrument-serif-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

/* ---------- Tokens ---------- */
:root{
  --white:#FFFFFF;
  --pearl:#F8F6F1;
  --mist:#EEF3FA;
  --blush:#FBEFF1;
  --champ-tint:#F6EEDF;
  --navy:#013063;
  --ink:#0E1726;
  --slate:#5B6576;
  --crimson:#C8102E;
  --champagne:#C9A86A;
  --gold-text:#9A7433;
  --mint:#0F9E7B;
  --mint-text:#0A7A5E;
  --line:#E8E5DE;

  --f-display:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif;
  --f-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-serif:"Instrument Serif","Times New Roman",serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --ease:cubic-bezier(.22,1,.36,1);
  --r-card:24px;
  --r-media:28px;
  --shadow-card:0 18px 40px -22px rgba(1,48,99,.22);
  --shadow-card-hover:0 26px 44px -18px rgba(1,48,99,.28);
  --container:1240px;
  --pad:20px;
  --hdr:64px;

  --z-thread:20;
  --z-header:60;
  --z-fab:55;
  --z-scrim:70;
  --z-drawer:80;
}
@media (min-width:768px){:root{--pad:32px}}
@media (min-width:1120px){:root{--hdr:76px}}

/* ---------- Reset (scoped to the TDR template) ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
.tdr-site{margin:0;background:var(--white);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
@media (min-width:768px){.tdr-site{font-size:17px;line-height:28px}}
.tdr-site :where(h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote){margin:0;padding:0}
.tdr-site :where(ul,ol){list-style:none}
.tdr-site :where(a){color:inherit;text-decoration:none}
.tdr-site :where(img){display:block;max-width:100%;height:auto}
.tdr-site :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.tdr-site :focus:not(:focus-visible){outline:none!important;box-shadow:none}
.tdr-site :focus-visible{outline:3px solid var(--champagne)!important;outline-offset:3px;border-radius:6px}
.tdr-site ::selection{background:var(--champ-tint);color:var(--navy)}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--navy);color:#fff;padding:12px 18px;border-radius:999px;font-weight:600;transition:top .2s}
.skip-link:focus{top:12px}

.ic{width:1.25em;height:1.25em;fill:currentColor;flex:none;display:inline-block;vertical-align:-.2em}
.ic--sm{width:1em;height:1em}
.ic--lg{width:24px;height:24px}
.ic--xl{width:30px;height:30px}

.container{width:min(var(--container),100% - var(--pad)*2);margin-inline:auto}

/* ---------- Type ---------- */
.h1,.h2,.tdr-site h3{font-family:var(--f-display);color:var(--navy)}
.h1{font-weight:800;font-size:clamp(40px,5.3vw,76px);line-height:1.03;letter-spacing:-.03em;text-wrap:balance}
.h2{font-weight:700;font-size:clamp(32px,3.9vw,52px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.h2--xl{font-size:clamp(40px,5.2vw,72px);line-height:1.06}
.h2--cta{font-size:clamp(40px,4.7vw,64px);line-height:1.06}
.tdr-site h3{font-weight:700;font-size:20px;line-height:26px}
@media (min-width:768px){.tdr-site h3{font-size:22px;line-height:28px}}
.h1 em,.h2 em{font-family:var(--f-serif);font-style:italic;font-weight:400;color:var(--crimson);letter-spacing:-.01em;padding-right:.04em;padding-bottom:.06em}
.lead{font-size:17px;line-height:28px;color:var(--slate);max-width:56ch}
@media (min-width:768px){.lead{font-size:20px;line-height:32px}}
.sub{font-size:17px;line-height:28px;color:var(--slate)}
@media (min-width:768px){.sub{font-size:20px;line-height:32px}}
.micro{font-size:12px;line-height:18px;color:var(--slate);max-width:900px;margin-inline:auto;text-align:center}
.center{text-align:center}

.eyebrow{font-family:var(--f-mono);font-weight:500;font-size:11px;line-height:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson);display:flex;align-items:center;gap:12px;margin-bottom:16px}
@media (min-width:768px){.eyebrow{font-size:12px}}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--champagne);flex:none}
.eyebrow--center{justify-content:center}

/* ---------- Buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:999px;font-family:var(--f-body);font-weight:600;font-size:16px;line-height:1;white-space:nowrap;cursor:pointer;overflow:hidden;isolation:isolate;transition:background .25s var(--ease),box-shadow .25s var(--ease),border-color .25s,transform .25s var(--ease)}
.btn--compact{height:44px;padding:0 22px;font-size:15px}
.btn .arr{transition:transform .25s var(--ease)}
.btn:hover .arr,.link-arrow:hover .arr,.pcard__link:hover .arr{transform:translateX(4px)}
.btn-primary{color:#fff;background:linear-gradient(135deg,#C8102E 0%,#E0364F 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 24px -10px rgba(200,16,46,.55)}
.btn-primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 30px -12px rgba(200,16,46,.65)}
.btn-primary:active{transform:scale(.98)}
.btn-primary::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.34) 50%,transparent 100%);transform:translateX(-160%) skewX(-18deg);animation:shine 6s var(--ease) infinite;pointer-events:none;z-index:-1}
@keyframes shine{0%,72%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(420%) skewX(-18deg)}}
.btn-ghost{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.btn-ghost:hover{background:var(--pearl)}
.btn-ghost:active{transform:scale(.98)}
.btn-wa{background:#25D366;color:var(--navy)}
.btn-wa:hover{background:#1FBE5C}
.btn-wa-white{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:var(--shadow-card)}
.btn-wa-white .ic{color:#1FAF5A}
.btn-wa-white:hover{border-color:var(--champagne)}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.btn-row--center{justify-content:center}

.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--navy);border-bottom:1px solid var(--champagne);padding-bottom:2px;transition:border-color .2s,color .2s}
.link-arrow:hover{color:var(--crimson);border-color:var(--crimson)}
.center-link{text-align:center;margin-top:48px}

.chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:var(--champ-tint);color:var(--navy);font-size:14px;font-weight:500;line-height:1;white-space:nowrap}
.chip .ic{width:16px;height:16px}
.chip em{font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:1.1em}
.tile{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--champ-tint);color:var(--navy);flex:none}
.glass{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(232,229,222,.7),0 18px 40px -22px rgba(1,48,99,.25)}
.tag-mint{display:inline-block;margin-left:10px;padding:3px 10px;border-radius:999px;background:rgba(15,158,123,.12);color:var(--mint-text);font-family:var(--f-body);font-size:12px;font-weight:600;line-height:16px;vertical-align:middle}

/* ---------- Header ---------- */
.tdr-header{position:fixed;top:0;left:0;right:0;height:var(--hdr);z-index:var(--z-header);background:transparent;border-bottom:1px solid transparent;transition:background .3s var(--ease),box-shadow .3s var(--ease),border-color .3s,backdrop-filter .3s}
body.admin-bar .tdr-header{top:32px}
@media (max-width:782px){body.admin-bar .tdr-header{top:46px}}
.tdr-header.is-stuck{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--line);box-shadow:0 8px 24px -18px rgba(1,48,99,.25)}
.tdr-header__bar{height:100%;width:min(1360px,100% - 24px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
@media (min-width:768px){.tdr-header__bar{width:min(1360px,100% - 48px)}}
.hdr-left,.hdr-right{display:flex;align-items:center;gap:10px}
.hdr-right{gap:14px}
.menu-btn{display:inline-flex;align-items:center;gap:10px;min-width:44px;height:44px;justify-content:center;border-radius:999px;color:var(--navy);font-weight:600;font-size:15px;padding:0 10px;transition:background .2s}
.menu-btn:hover{background:rgba(1,48,99,.06)}
.menu-btn__label{display:none}
@media (min-width:1120px){.menu-btn__label{display:inline}.menu-btn{padding:0 16px 0 12px}}
.logo{display:inline-flex;align-items:center;color:var(--navy)}
.logo img{height:38px;width:auto;max-width:none}
@media (min-width:1120px){.logo img{height:46px}}
.logo-lockup{display:inline-flex;align-items:center;gap:10px}
.logo-lockup[hidden],.logo-img[hidden]{display:none}
.logo-lockup__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:.02em}
.logo-lockup__text{font-family:var(--f-display);font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--navy);white-space:nowrap}
@media (max-width:420px){.logo-lockup__text{display:none}}
.hdr-login{display:none;font-size:15px;font-weight:500;color:var(--navy);align-items:center;gap:4px;transition:color .2s}
.hdr-login:hover{color:var(--crimson)}
@media (min-width:1120px){.hdr-login{display:inline-flex}}
.icon-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;color:var(--navy);border:1px solid var(--line);background:rgba(255,255,255,.7);transition:border-color .2s,background .2s,transform .2s var(--ease)}
.icon-btn:hover{border-color:var(--champagne);background:#fff}
.icon-btn[data-tip]::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,4px);padding:5px 10px;border-radius:8px;background:var(--navy);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s var(--ease)}
.icon-btn[data-tip]:hover::after{opacity:1;transform:translate(-50%,0)}
.hdr-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--champagne);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}

/* ---------- Menu drawer ---------- */
.drawer-scrim{position:fixed;inset:0;z-index:var(--z-scrim);background:rgba(1,48,99,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}
.drawer-scrim[hidden]{display:block}
.drawer-scrim.is-open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;bottom:0;left:0;z-index:var(--z-drawer);width:min(440px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(-100%);visibility:hidden;transition:transform .52s var(--ease),visibility 0s .52s;box-shadow:30px 0 60px -30px rgba(1,48,99,.3)}
.drawer.is-open{transform:none;visibility:visible;transition:transform .52s var(--ease),visibility 0s}
@media (max-width:767px){.drawer{width:100%}}
.drawer__top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);flex:none}
.drawer__nav{flex:1;overflow-y:auto;padding:24px 28px 12px;display:flex;flex-direction:column;gap:28px}
.drawer__label{font-family:var(--f-mono);font-size:12px;line-height:16px;letter-spacing:.14em;color:var(--gold-text);margin-bottom:10px}
.drawer__group a{position:relative;display:flex;align-items:center;font-family:var(--f-display);font-weight:600;font-size:20px;line-height:1.2;color:var(--navy);padding:8px 0 8px 0;opacity:0;transform:translateX(-14px);transition:opacity .45s var(--ease),transform .45s var(--ease),padding .25s var(--ease)}
@media (min-width:768px){.drawer__group a{font-size:22px}}
.drawer.is-open .drawer__group a{opacity:1;transform:none;transition-delay:calc(var(--i,0)*40ms + 140ms),calc(var(--i,0)*40ms + 140ms),0s}
.drawer__group a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--crimson);opacity:0;transform:scale(.4);transition:opacity .2s,transform .25s var(--ease)}
.drawer__group a:hover{padding-left:18px}
.drawer__group a:hover::before{opacity:1;transform:none}
.drawer__foot{flex:none;background:var(--pearl);padding:22px 28px 28px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line)}
.drawer__foot p{font-size:13px;line-height:20px;color:var(--slate)}
.drawer__foot .btn{align-self:flex-start}

/* ---------- Clarity Thread (M02) ---------- */
.thread{display:none}
@media (min-width:1120px){
  .thread{display:block;position:fixed;right:10px;top:0;width:80px;height:100vh;z-index:var(--z-thread);pointer-events:none}
  .thread svg{width:100%;height:100%;display:block;overflow:visible}
  .thread__spark{position:absolute;left:0;top:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--crimson);box-shadow:0 0 0 4px rgba(200,16,46,.14);opacity:0}
}

/* ---------- Floating buttons ---------- */
.fab{position:fixed;bottom:18px;z-index:var(--z-fab);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#fff;transition:transform .25s var(--ease),opacity .3s,visibility .3s}
@media (min-width:768px){.fab{width:62px;height:62px;bottom:28px}}
.fab:hover{transform:scale(1.12)}
.fab--wa{right:18px;background:#25D366;animation:pulse-wa 2.4s ease-out infinite}
.fab--top{left:18px;background:var(--crimson);opacity:0;visibility:hidden;animation:pulse-cr 2.4s ease-out infinite}
.fab--top.is-on{opacity:1;visibility:visible}
@media (min-width:768px){.fab--wa{right:28px}.fab--top{left:28px}}
@keyframes pulse-wa{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}100%{box-shadow:0 0 0 18px rgba(37,211,102,0)}}
@keyframes pulse-cr{0%{box-shadow:0 0 0 0 rgba(200,16,46,.4)}100%{box-shadow:0 0 0 18px rgba(200,16,46,0)}}
.fab__label{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(10px,-50%);padding:10px 16px;border-radius:999px;background:#fff;color:var(--navy);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;box-shadow:var(--shadow-card);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .25s,transform .3s var(--ease)}
.fab--wa:hover .fab__label,.fab--wa:focus-visible .fab__label{opacity:1;transform:translate(0,-50%)}

/* ---------- Footer ---------- */
.tdr-footer{background:var(--pearl);border-top:1px solid var(--champagne);padding:72px 0 40px;color:var(--navy);position:relative;z-index:2}
@media (min-width:768px){.tdr-footer{padding:96px 0 44px}}
.foot-grid{display:grid;gap:40px;padding-bottom:8px}
@media (min-width:1120px){.foot-grid{grid-template-columns:minmax(300px,3.8fr) 8.2fr;gap:56px;align-items:start}}
.foot-brand{display:grid;gap:28px;align-content:start}
.foot-brand__l .logo img{height:64px}
.foot-tag{margin-top:16px;font-family:var(--f-serif);font-style:italic;font-size:22px;line-height:1.2;color:var(--navy)}
.foot-contact{display:grid;gap:12px 28px;font-size:15px;line-height:22px}
@media (min-width:768px){.foot-contact{grid-template-columns:1fr 1fr}}
@media (min-width:1120px){.foot-contact{grid-template-columns:1fr}}
.foot-contact li{display:flex;gap:10px;align-items:flex-start;color:var(--ink)}
.foot-contact .ic{margin-top:2px;color:var(--gold-text)}
.foot-contact a{transition:color .2s}
.foot-contact a:hover{color:var(--crimson)}
.foot-social{display:flex;gap:12px;margin-top:22px}
.foot-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--navy);color:var(--navy);transition:background .2s,color .2s,transform .25s var(--ease)}
.foot-social a:hover{background:var(--navy);color:#fff;transform:translateY(-3px)}
.foot-social .ic{width:20px;height:20px}
.foot-cols{display:grid;gap:0}
@media (min-width:768px){.foot-cols{grid-template-columns:1fr 1fr;gap:32px 40px}}
@media (min-width:1120px){.foot-cols{grid-template-columns:1fr 1fr 1fr 1.15fr;gap:0 32px;padding-top:6px}}
.foot-col summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:12px;line-height:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text);padding:16px 0;border-bottom:1px solid var(--line);cursor:pointer}
.foot-col summary::-webkit-details-marker{display:none}
.foot-col summary::after{content:"+";font-size:18px;line-height:1}
.foot-col[open] summary::after{content:"\2212"}
@media (min-width:768px){.foot-col summary{border:0;padding:0 0 16px;cursor:default}.foot-col summary::after{display:none}}
.foot-col ul{display:grid;gap:4px;padding:12px 0 8px}
.foot-col a{display:inline-block;padding:5px 0;font-size:15px;line-height:22px;color:var(--navy);transition:color .2s,transform .25s var(--ease)}
.foot-col a:hover{color:var(--crimson);transform:translateX(4px)}
.foot-micro{margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
.foot-copy{margin-top:24px;text-align:center;font-size:13px;line-height:20px;color:var(--slate)}
.foot-copy a{color:var(--navy);border-bottom:1px solid var(--champagne)}
.foot-copy a:hover{color:var(--crimson)}

/* ---------- Motion safety ---------- */
.js [data-m="M04"]{visibility:hidden}
.js [data-m="M05"]{opacity:0}
.js [data-m="M06"]>*{opacity:0}
.js [data-m="M23"]{clip-path:inset(0 0 100% 0)}
.rm [data-m="M04"]{visibility:visible!important}
.rm [data-m="M05"],.rm [data-m="M06"]>*{opacity:1!important}
.rm [data-m="M23"]{clip-path:none!important}
@keyframes rm-fade{from{opacity:0}to{opacity:1}}
.rm main{animation:rm-fade .3s ease both}
@media (prefers-reduced-motion:reduce){
  .btn-primary::after,.fab--wa,.fab--top{animation:none}
  *{scroll-behavior:auto!important}
}

/* ---------- Lenis ---------- */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* ===== WordPress block-theme neutralisers (template wrapper .tdr-site) ===== */
.wp-site-blocks{padding:0!important}
.wp-site-blocks>*{margin-block-start:0!important;margin-block-end:0!important}
.tdr-site>*,.tdr-site .tdr-main>*,.tdr-site .wp-block-post-content>*{margin-block-start:0!important;margin-block-end:0!important}
.tdr-site .tdr-main,.tdr-site .wp-block-post-content{max-width:none!important;padding:0!important;margin:0!important}
.tdr-site .wp-block-post-content.is-layout-flow>*{max-width:none!important}
@media (max-width:480px){.tdr-header .logo img{height:30px}.tdr-header .btn--compact{padding-left:14px;padding-right:12px;gap:6px;font-size:14px}.tdr-header .btn--compact .arr{display:inline-grid;flex:none}}
@media (max-width:360px){.tdr-header .logo img{height:25px}.tdr-header .btn--compact{padding-left:11px;padding-right:9px;font-size:13px}}
@media (max-width:767px){.tdr-footer .foot-copy,.tdr-footer .foot-micro{padding-right:72px}.tdr-footer{padding-bottom:84px}}

/* ---------- Cookie banner + settings ---------- */
.ck-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:calc(var(--z-fab,60) + 5);background:#fff;border:1px solid rgba(201,168,106,.7);border-radius:24px;box-shadow:0 30px 60px -24px rgba(1,48,99,.45);padding:20px;transform:translateY(24px);opacity:0;transition:transform .5s var(--ease),opacity .4s}
.ck-bar.is-on{transform:none;opacity:1}
@media (min-width:768px){.ck-bar{left:24px;right:auto;bottom:24px;width:440px;padding:24px}}
.ck-t{font-family:var(--f-display);font-weight:700;font-size:20px;line-height:1.25;color:var(--navy);margin:0 0 8px}
.ck-p{font-size:15px;line-height:1.55;color:var(--slate);margin:0 0 16px}
.ck-p a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--champagne);text-underline-offset:3px}
.ck-row{display:flex;flex-wrap:wrap;gap:8px}
.ck-btn{flex:1 1 auto;min-height:46px;padding:0 16px;border-radius:999px;border:1.5px solid var(--navy);background:#fff;color:var(--navy);font-family:var(--f-body);font-weight:600;font-size:15px;line-height:1;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.ck-btn:hover{background:var(--navy);color:#fff}
.ck-panel{border:0;padding:0;margin:auto;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 50px 100px -30px rgba(1,48,99,.55);overscroll-behavior:contain}
.ck-panel::backdrop{background:rgba(1,48,99,.45);backdrop-filter:blur(3px)}
.ck-form{padding:28px 22px 24px}
@media (min-width:768px){.ck-form{padding:36px}}
.ck-opt{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 0;border-top:1px solid rgba(201,168,106,.5)}
.ck-opt:first-of-type{margin-top:4px}
.ck-opt strong{display:block;color:var(--navy);font-size:16px;margin-bottom:4px}
.ck-opt span{display:block;font-size:14.5px;line-height:1.5;color:var(--slate)}
.ck-sw{position:relative;flex:none;width:52px;height:30px;margin-top:2px;cursor:pointer}
.ck-sw input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.ck-sw i{position:absolute;inset:0;border-radius:999px;background:#C9D2E0;transition:background .2s}
.ck-sw i::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(1,48,99,.3);transition:transform .25s var(--ease)}
.ck-sw input:checked+i{background:var(--navy)}
.ck-sw input:checked+i::after{transform:translateX(22px)}
.ck-sw input:disabled{cursor:not-allowed}
.ck-sw input:disabled+i{opacity:.55}
.ck-sw input:focus-visible+i{outline:3px solid var(--champagne);outline-offset:3px}
.ck-form .ck-row{margin-top:18px}
.ck-foot{margin:14px 0 0;text-align:center}
.ck-toast{position:fixed;left:50%;bottom:24px;z-index:calc(var(--z-fab,60) + 8);transform:translate(-50%,20px);opacity:0;background:var(--navy);color:#fff;padding:12px 22px;border-radius:999px;font-size:15px;font-weight:600;transition:transform .4s var(--ease),opacity .3s;pointer-events:none}
.ck-toast.is-on{transform:translate(-50%,0);opacity:1}
@media (prefers-reduced-motion:reduce){.ck-bar,.ck-toast,.ck-sw i::after{transition:none}}

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.final .micro{font-size:8px;line-height:12px}