/* Wealth Health Checkup (checkup.html). Loaded after wealthier.css and built only from its tokens and components.
   Page classes use the ck- prefix. Three views share the page: the landing, the one question per screen flow and
   the report. Motion uses transform and opacity, and reduced motion shows final states (wealthier.css section 15).
   Sections: 1 Views, 2 Landing hero, 3 Landing tiles, 4 Questions and closing, 5 Form controls, 6 Flow,
   7 Scoring moment, 8 Report, 9 Priorities, 10 Strengths and chart, 11 Detail and method, 12 Responsive,
   13 Touch, 14 Print. */

/* ===================== 1. Views ===================== */
.ck-view[hidden]{display:none!important}
#ck-res > [hidden],.ck-calc[hidden],.ck-q[hidden],.ck-resume[hidden],.ck-startf[hidden]{display:none!important}
.ck-view.ck-viewin{animation:ck-view 520ms var(--w-ease-out) both}
@keyframes ck-view{from{opacity:0;transform:translateY(12px)}}
.ck-printhead{display:none}
.ck-textbtn{display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:none;cursor:pointer;
  font:500 var(--w-fs-label)/1.4 var(--w-font-text);letter-spacing:var(--w-tr-label);color:var(--w-text);
  text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--w-line-warm);text-underline-offset:4px;
  transition:color var(--w-dur-1) var(--w-ease-hover),text-decoration-color var(--w-dur-1) var(--w-ease-hover)}
.ck-textbtn:hover{color:var(--w-red-deep);text-decoration-color:currentColor}
.ck-textbtn[hidden]{display:none}
.ck-err{font:500 var(--w-fs-label)/1.45 var(--w-font-text);letter-spacing:var(--w-tr-label);color:var(--w-red-deep)}
.ck-err:empty{display:none}
.ck-thead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ck-thead + .w-heading,.ck-thead + .w-title{margin-top:14px}
.ck-tag{display:inline-flex;align-items:center;font:500 13px/1.3 var(--w-font-text);letter-spacing:var(--w-tr-fine);color:var(--w-grey-2)}
.ck-tag:empty{display:none}
.w-on-dark .ck-tag{color:var(--w-on-dark-2)}

/* ===================== 2. Landing hero ===================== */
.ck-hero{padding-top:calc(var(--w-nav-h) + clamp(48px, 30.17px + 4.571vw, 96px));padding-bottom:112px}
.ck-hero__grid{display:grid;grid-template-columns:minmax(0,580px) minmax(0,1fr);gap:40px;align-items:center;position:relative}
.ck-hero__copy{position:relative;z-index:2}
.ck-hero .w-display{font-size:clamp(40px, 24px + 3.36vw, 72px);margin-top:20px}
.ck-hero .w-display + .w-lead{margin-top:28px;max-width:31rem}
/* The wash sits behind the result cards, 180 px left of the stage, as on the home page */
/* Start: an age group dropdown with the button beside it */
.ck-startf{margin-top:40px}
.ck-startf__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ck-startf__field{position:relative;display:block;flex:0 0 212px}
.ck-resume{margin-top:40px;max-width:31rem;padding:22px 24px;border-radius:var(--w-r-card);background:var(--w-white);box-shadow:var(--w-shadow-float)}
.ck-resume__t{font-size:var(--w-fs-body);line-height:1.55;color:var(--w-text);margin-bottom:18px}
.ck-resume .w-actions{gap:12px}
.ck-consent{margin-top:24px;display:grid;justify-items:start;gap:14px;max-width:31rem}
.ck-hero .ck-consent .w-fine{max-width:52ch}
/* Stage: three floating cards from the report, with illustrative figures */
.ck-hero__stage{position:relative;height:560px}
.ck-hero__in{position:absolute;inset:0}
.ck-hs{right:228px;top:12px;--card-w:300px;padding:18px 20px}
.ck-hs .sc__g{width:96px;height:96px}
.ck-hs .sc__fig b{font-size:30px}
.ck-hs .sc__cap{max-width:15ch;line-height:1.35}
.ck-hp{right:0;top:132px;--card-w:348px;padding:20px 22px 14px}
.ck-hp__list{margin-top:12px}
.ck-hp__list li{display:grid;grid-template-columns:minmax(0,1fr) 72px 36px;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--w-line-soft);
  font:400 12.5px/1.25 var(--w-font-text);color:var(--w-grey-1)}
.ck-hp__list li:first-child{border-top:0}
.ck-hp__list i{display:block;height:5px;border-radius:3px;background:var(--w-d5);overflow:hidden}
.ck-hp__list b{display:block;height:100%;border-radius:3px;background:var(--w-ink);transform-origin:left;transform:scaleX(var(--w))}
.ck-hp__list em{font:500 12.5px/1 var(--w-font-text);font-style:normal;text-align:right;color:var(--w-text);font-variant-numeric:tabular-nums}
.ck-hp__list .is-key span{color:var(--w-text);font-weight:500}
.ck-hp__list .is-key b{background:var(--w-red)}
.ck-hn{right:326px;top:420px;--card-w:244px;display:flex;align-items:center;gap:14px;padding:14px 16px}
.ck-hn__no{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:var(--w-ink);color:#fff;font:600 13px/1 var(--w-font-text)}
.ck-hn__k{display:block;font:400 11px/1.2 var(--w-font-text);color:var(--w-grey-2)}
.ck-hn__t{display:block;margin-top:3px;font:600 14px/1.2 var(--w-font-text);letter-spacing:-0.01em}
.ck-hn__s{display:block;margin-top:3px;font:400 12px/1.25 var(--w-font-text);color:var(--w-grey-1)}
.ck-hero__cap{position:absolute;right:0;top:100%;margin-top:12px;white-space:nowrap}
.w-motion .w-hero.is-ready .ck-hp__list b{transition:transform 1100ms var(--w-ease-out) 700ms}
.w-motion .w-hero:not(.is-ready) .ck-hp__list b{transform:scaleX(0)}

/* ===================== 3. Landing tiles ===================== */
.ck-lt{min-height:440px}
.ck-lt .w-tile__card{padding-top:36px}
.ck-wt{--card-w:520px}
.ck-wt__list{margin-top:10px}
.ck-wt__list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,150px) 28px;align-items:center;gap:16px;padding:10px 0;border-top:1px solid var(--w-line-soft);
  font:400 13px/1.3 var(--w-font-text);color:var(--w-grey-1)}
.ck-wt__list li:first-child{border-top:0}
.ck-wt__list i{display:block;height:6px;border-radius:3px;background:var(--w-d5);overflow:hidden}
.ck-wt__list b{display:block;height:100%;border-radius:3px;background:var(--w-ink);transform-origin:left;transform:scaleX(var(--w))}
.ck-wt__list em{font:500 13px/1 var(--w-font-text);font-style:normal;text-align:right;color:var(--w-text);font-variant-numeric:tabular-nums}
.ck-wt__sum{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;padding-top:12px;border-top:1px solid var(--w-line-warm);font:500 13px/1 var(--w-font-text);color:var(--w-grey-1)}
.ck-wt__sum b{font:600 15px/1 var(--w-font-text);color:var(--w-text)}
.ck-secs ol{margin:0;padding:0;list-style:none}
.ck-secs li{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid var(--w-line-soft)}
.ck-secs li:first-child{border-top:0;padding-top:0}
.ck-secs li:last-child{padding-bottom:0}
.ck-secs__no{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;background:var(--w-ground);font:600 12px/1 var(--w-font-text);color:var(--w-text)}
.ck-secs b{display:block;font:500 14px/1.25 var(--w-font-text);letter-spacing:-0.005em}
.ck-secs small{display:block;margin-top:3px;font:400 12.5px/1.3 var(--w-font-text);color:var(--w-grey-2)}
.ck-capc{--card-w:420px}
.ck-capc__bar{position:relative;height:12px;margin-top:40px;border-radius:6px;background:var(--w-d5)}
.ck-capc__bar i{position:absolute;inset:0 31% 0 0;border-radius:6px;background:var(--w-ink);transform-origin:left}
.ck-capc__mk{position:absolute;left:69%;top:-10px;bottom:-10px;width:2px;margin-left:-1px;border-radius:1px;background:var(--w-red)}
.ck-capc__mk b{position:absolute;left:50%;bottom:100%;margin-bottom:6px;transform:translateX(-50%);font:600 13px/1 var(--w-font-text);color:var(--w-text)}
.ck-capc__axis{display:flex;justify-content:space-between;margin-top:14px;font:400 11.5px/1 var(--w-font-text);color:var(--w-grey-2)}
.w-motion .ck-capc__bar i{transform:scaleX(0);transition:transform 1100ms var(--w-ease-out) 300ms}
.w-motion .is-in .ck-capc__bar i{transform:none}
.ck-bands{--card-w:520px}
.ck-bands ol{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.ck-bands li{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:14px;font:400 12.5px/1 var(--w-font-text);color:var(--w-grey-2)}
.ck-bands b{font:500 13px/1 var(--w-font-text);color:var(--w-text)}
.ck-bands small{text-align:right;font-size:12px}
.ck-bands__trk{position:relative;height:8px;border-radius:4px;background:var(--w-ground);overflow:hidden}
.ck-bands__trk i{position:absolute;top:0;bottom:0;left:calc(var(--s) * 1%);width:calc(var(--w) * 1%);border-radius:4px;background:var(--w-d3);transform-origin:left}
.ck-bands li:nth-child(1) i{background:var(--w-d4)}
.ck-bands li:nth-child(4) i{background:var(--w-d2)}
.ck-bands li:nth-child(5) i{background:var(--w-ink)}
.w-motion .ck-bands__trk i{transform:scaleX(0);transition:transform 700ms var(--w-ease-out);transition-delay:calc(var(--s) * 8ms + 200ms)}
.w-motion .is-in .ck-bands__trk i{transform:none}
/* Private by design: the dark tile */
.ck-priv{flex-direction:row;align-items:center;justify-content:space-between;gap:48px;min-height:360px;--glow-x:100%}
.ck-priv .w-tile__copy{max-width:34rem}
.ck-priv .w-title{max-width:12em}
.ck-priv .w-tile__copy .w-title + .w-body{margin-top:20px}
.ck-ticks{flex:0 1 380px;margin:0;padding:0;list-style:none;display:grid;gap:0}
.ck-ticks li{position:relative;padding:16px 0 16px 34px;border-top:1px solid var(--w-on-dark-line);font:400 var(--w-fs-ui)/1.45 var(--w-font-text);letter-spacing:var(--w-tr-ui);color:var(--w-on-dark)}
.ck-ticks li:last-child{border-bottom:1px solid var(--w-on-dark-line)}
.ck-ticks li::before{content:"";position:absolute;left:0;top:16px;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .28)}
.ck-ticks li::after{content:"";position:absolute;left:6.5px;top:22px;width:7px;height:4px;border-left:1.5px solid var(--w-on-dark);border-bottom:1.5px solid var(--w-on-dark);transform:rotate(-45deg)}

/* ===================== 4. Questions and closing ===================== */
.ck-faqgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--w-gap);align-items:start}
.ck-faqhead{grid-column:1 / span 4;margin:0;position:sticky;top:calc(var(--w-nav-h) + 40px)}
.ck-faqhead .w-title{font-size:clamp(30px, 24px + 1.2vw, 44px)}
.ck-faqgrid > .w-faq{grid-column:6 / span 7}
/* Closing tile: one clear step for each pillar */
.ck-next{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center}
.ck-next__copy .w-label + .w-title{margin-top:16px}
.ck-next__copy .w-title{max-width:11em}
.ck-next__copy .w-title + .w-lead{margin-top:20px}
.ck-next__copy .w-actions{margin-top:32px}
.ck-next__copy .w-actions + .w-fine{margin-top:16px;max-width:44ch}
.ck-map{margin:0;padding:6px 24px;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;
  border-radius:var(--w-r-card);background:var(--w-white);box-shadow:0 0 0 1px var(--w-line)}
.ck-map li{padding:16px 0;border-bottom:1px solid var(--w-line-soft)}
.ck-map li:nth-last-child(-n+2){border-bottom:0}
.ck-map b{display:block;font:400 var(--w-fs-fine)/1.3 var(--w-font-text);color:var(--w-grey-2)}
.ck-map span{display:block;margin-top:5px;font:500 15px/1.35 var(--w-font-text);letter-spacing:-0.005em;color:var(--w-text)}

/* ===================== 5. Form controls ===================== */
/* Range dropdowns. A native select keeps every platform's own picker and its accessibility; the closed control
   matches the option cards, and browsers that support a customisable select (appearance: base-select) on a fine
   pointer also get a picker drawn in the same style. Phones keep their native sheet. */
.ck-sel{position:relative;display:block}
.ck-sel::after{content:"";position:absolute;right:22px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.5px solid var(--w-grey-1);border-bottom:1.5px solid var(--w-grey-1);
  transform:rotate(45deg);pointer-events:none;transition:transform var(--w-dur-2) var(--w-ease-hover),margin-top var(--w-dur-2) var(--w-ease-hover)}
.ck-select{appearance:none;-webkit-appearance:none;display:block;width:100%;height:60px;margin:0;padding:0 52px 0 20px;border:0;border-radius:16px;background:var(--w-white);
  box-shadow:inset 0 0 0 1px var(--w-line-warm),0 1px 2px rgb(var(--w-umber) / .04);
  font:400 17px/1.2 var(--w-font-text);letter-spacing:-0.005em;color:var(--w-text);font-variant-numeric:tabular-nums;cursor:pointer;
  text-overflow:ellipsis;white-space:nowrap;transition:box-shadow var(--w-dur-2) var(--w-ease-hover),background-color var(--w-dur-2) var(--w-ease-hover)}
.ck-select:invalid{color:var(--w-grey-2)}
.ck-select option{color:var(--w-text);font-weight:400}
.ck-select:hover{box-shadow:inset 0 0 0 1px rgb(var(--w-umber) / .3),0 1px 2px rgb(var(--w-umber) / .04);background-color:var(--w-quiet)}
/* An answered field takes a 1 px ink line; the field in use (focused or open) keeps the firmer 1.5 px line */
.ck-select:valid{box-shadow:inset 0 0 0 1px var(--w-ink);background-color:var(--w-quiet)}
.ck-select:valid:focus{box-shadow:inset 0 0 0 1.5px var(--w-ink)}
.ck-select:focus{outline:none}
.ck-select:focus-visible{outline:2px solid var(--w-red);outline-offset:2px}
.ck-select[aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px var(--w-red-deep),0 0 0 4px rgb(227 30 36 / .08)}
.ck-sel--pill::after{right:22px}
.ck-select--pill{height:52px;border-radius:var(--w-r-pill);padding:0 50px 0 22px;font-size:var(--w-fs-body)}
.ck-select--pill:valid{box-shadow:inset 0 0 0 1.5px var(--w-ink);background-color:var(--w-white)}
@supports (appearance:base-select){
  @media (hover:hover) and (pointer:fine){
    .ck-select,.ck-select::picker(select){appearance:base-select}
    .ck-select{display:flex;align-items:center}
    .ck-select::picker-icon{display:none}
    .ck-sel:has(.ck-select:open)::after{transform:rotate(-135deg);margin-top:-2px}
    .ck-select:open,.ck-select:valid:focus:open{box-shadow:inset 0 0 0 1.5px var(--w-ink),0 0 0 4px rgb(21 21 21 / .06)}
    .ck-select::picker(select){position-area:block-end span-inline-end;position-try-order:normal;position-try-fallbacks:flip-block;min-width:anchor-size(width);max-height:min(336px,44vh);margin:8px 0;padding:6px;border:0;border-radius:18px;background:var(--w-white);
      box-shadow:0 0 0 1px var(--w-line-soft),0 18px 48px -12px rgb(var(--w-umber) / .22),0 4px 12px -4px rgb(var(--w-umber) / .08);overflow-y:auto;
      opacity:1;transition:opacity 160ms var(--w-ease-std),translate 220ms var(--w-ease-out),overlay 220ms allow-discrete,display 220ms allow-discrete}
    @starting-style{.ck-select:open::picker(select){opacity:0;translate:0 -4px}}
    .ck-select option{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:12px;font:400 15px/1.3 var(--w-font-text);color:var(--w-text);cursor:pointer;
      transition:background-color 120ms var(--w-ease-hover)}
    .ck-select option:hover,.ck-select option:focus-visible{background:var(--w-ground);outline:none}
    .ck-select option:checked{font-weight:500;background:var(--w-quiet)}
    .ck-select option::checkmark{order:1;margin-left:auto;content:"";width:6px;height:11px;border-right:2px solid var(--w-red);border-bottom:2px solid var(--w-red);transform:translateY(-2px) rotate(45deg)}
    .ck-select option:not(:checked)::checkmark{visibility:hidden}
    .ck-select option[hidden]{display:none}
    .ck-select--pill{font-size:var(--w-fs-body)}
  }
}
.ck-check{position:relative;display:inline-flex;align-items:flex-start;gap:12px;cursor:pointer;font:400 var(--w-fs-label)/1.45 var(--w-font-text);letter-spacing:var(--w-tr-label);color:var(--w-text)}
.ck-check input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:18px;height:18px;margin:1px 0 0;border-radius:5px;background:var(--w-white);
  box-shadow:inset 0 0 0 1.5px var(--w-grey-4);cursor:pointer;transition:background-color var(--w-dur-1),box-shadow var(--w-dur-1)}
.ck-check input:hover{box-shadow:inset 0 0 0 1.5px var(--w-text)}
.ck-check input:checked{background:var(--w-ink);box-shadow:inset 0 0 0 1.5px var(--w-ink)}
.ck-check input:checked::after{content:"";position:absolute;left:5.5px;top:3px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.ck-check input:focus-visible{outline:2px solid var(--w-red);outline-offset:3px}

/* ===================== 6. Flow: one question per screen ===================== */
.ck-flow{padding:calc(var(--w-nav-h) + 40px) 0 var(--w-section);background:linear-gradient(180deg,var(--w-white) 0,var(--w-ground) 280px)}
.ck-flowgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--w-gap);align-items:start}
.ck-card{min-height:640px;padding:clamp(24px, 14px + 2.6vw, 52px)}
.ck-pbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ck-pbar__sec{font:500 var(--w-fs-label)/1.4 var(--w-font-text);letter-spacing:var(--w-tr-label);color:var(--w-text)}
.ck-pbar__count{font:400 var(--w-fs-label)/1.4 var(--w-font-text);color:var(--w-grey-2);white-space:nowrap}
.ck-prog{display:flex;gap:4px;margin-top:14px}
.ck-prog i{flex:1;height:3px;border-radius:2px;background:var(--w-d5);transition:background-color 360ms var(--w-ease-std)}
.ck-prog i.is-done{background:var(--w-ink)}
.ck-prog i.is-on{background:var(--w-red)}
.ck-stage{position:relative;flex:1 1 auto;padding:clamp(32px, 20px + 2.4vw, 56px) 0 40px}
.ck-q{border:0;margin:0;padding:0;min-width:0}
.ck-q__t{font-family:var(--w-font-head);font-weight:300;font-size:clamp(26px, 20px + 1.3vw, 40px);line-height:1.15;letter-spacing:-0.03em;color:var(--w-text);max-width:20em;text-wrap:balance}
.ck-q__t label{cursor:text}
.ck-q__h{margin-top:14px;font-size:var(--w-fs-ui);line-height:1.6;color:var(--w-grey-1);max-width:62ch;text-wrap:pretty}
.ck-in-f{animation:ck-in-f 380ms var(--w-ease-out) both}
.ck-in-b{animation:ck-in-b 380ms var(--w-ease-out) both}
.ck-out-f{animation:ck-out-f 160ms var(--w-ease-std) both}
.ck-out-b{animation:ck-out-b 160ms var(--w-ease-std) both}
@keyframes ck-in-f{from{opacity:0;transform:translateX(24px)}}
@keyframes ck-in-b{from{opacity:0;transform:translateX(-24px)}}
@keyframes ck-out-f{to{opacity:0;transform:translateX(-16px)}}
@keyframes ck-out-b{to{opacity:0;transform:translateX(16px)}}
/* Option cards: the native radios and checkboxes stay for assistive technology */
.ck-opts{display:grid;gap:10px;margin-top:32px}
.ck-opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ck-opt{position:relative;display:flex;align-items:center;gap:14px;min-height:60px;padding:14px 52px 14px 16px;border-radius:16px;background:var(--w-white);
  box-shadow:inset 0 0 0 1px var(--w-line-warm);font:400 var(--w-fs-ui)/1.4 var(--w-font-text);letter-spacing:var(--w-tr-ui);color:var(--w-text);cursor:pointer;
  transition:box-shadow var(--w-dur-2) var(--w-ease-hover),background-color var(--w-dur-2) var(--w-ease-hover),transform 200ms var(--w-ease-hover)}
.ck-opt:hover{box-shadow:inset 0 0 0 1px rgb(var(--w-umber) / .3);background:var(--w-quiet)}
.ck-opt:active{transform:scale(.995)}
.ck-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.ck-opt__k{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:8px;background:var(--w-ground);
  font:500 12px/1 var(--w-font-text);color:var(--w-grey-2);font-variant-numeric:tabular-nums;transition:background-color var(--w-dur-2),color var(--w-dur-2)}
.ck-opt__t small{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--w-grey-2)}
.ck-opt::after{content:"";position:absolute;right:18px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;
  box-shadow:inset 0 0 0 1.5px var(--w-grey-4);background:var(--w-white);transition:box-shadow var(--w-dur-2),background-color var(--w-dur-2)}
.ck-opt--box::after{border-radius:6px}
.ck-opt:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--w-ink);background:var(--w-quiet)}
.ck-opt:has(input:checked) .ck-opt__k{background:var(--w-ink);color:#fff}
.ck-opt:has(input[type="radio"]:checked)::after{box-shadow:inset 0 0 0 6px var(--w-ink);background:var(--w-white)}
.ck-opt--box:has(input:checked)::after{box-shadow:none;background:var(--w-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.ck-opt:has(input:focus-visible){outline:2px solid var(--w-red);outline-offset:2px}
.ck-opt[hidden]{display:none}
.ck-opts.is-invalid .ck-opt{box-shadow:inset 0 0 0 1px var(--w-red-deep)}
.ck-shake{animation:ck-shake 360ms var(--w-ease-out)}
@keyframes ck-shake{20%{transform:translateX(-5px)}45%{transform:translateX(4px)}70%{transform:translateX(-2px)}}
.ck-q > .ck-err,.ck-sub > .ck-err{margin-top:14px}
/* Range fields */
.ck-field{position:relative;max-width:420px;margin-top:32px}
.ck-field--sm{max-width:420px}
.ck-amt .ck-field{margin-top:10px}
.ck-amts{display:grid;gap:28px;margin-top:32px}
.ck-amt > label{display:block;font:500 var(--w-fs-ui)/1.4 var(--w-font-text);letter-spacing:var(--w-tr-ui);color:var(--w-text)}
.ck-hint{margin-top:8px;font-size:var(--w-fs-fine);line-height:1.55;color:var(--w-grey-2);max-width:62ch}
.ck-amt .ck-err{margin-top:8px}
.ck-field + .ck-err{margin-top:12px}
.ck-warn{margin-top:20px;max-width:62ch;padding:14px 16px;border-radius:14px;background:var(--w-paper);box-shadow:inset 0 0 0 1px var(--w-line-soft);
  font:400 var(--w-fs-label)/1.5 var(--w-font-text);color:var(--w-text)}
.ck-warn[hidden]{display:none}
@media (min-width:1100px){
  #q4 .ck-amt{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);column-gap:28px;align-items:start}
  #q4 .ck-amt > label{grid-column:1 / -1}
  #q4 .ck-field{grid-column:1;grid-row:2}
  #q4 .ck-hint{grid-column:2;grid-row:2 / span 2;margin-top:10px;align-self:center}
  #q4 .ck-err{grid-column:1;grid-row:3}
}
.ck-checks{display:grid;gap:14px;margin-top:28px}
.ck-sub{border:0;margin:32px 0 0;padding:0;min-width:0}
.ck-sub + .ck-sub{margin-top:36px}
.ck-sub__t{font:500 var(--w-fs-ui)/1.4 var(--w-font-text);letter-spacing:var(--w-tr-ui);color:var(--w-text)}
.ck-sub .ck-hint{margin-top:6px}
.ck-sub .ck-opts{margin-top:14px}
/* Navigation inside the card */
.ck-nav{display:flex;align-items:center;gap:20px;margin-top:auto;padding-top:24px;border-top:1px solid var(--w-line-soft)}
.ck-nav[hidden]{display:none}
.ck-kbd{margin:0 auto;color:var(--w-grey-2)}
.ck-kbd kbd{display:inline-block;padding:2px 7px;margin:0 2px;border-radius:6px;background:var(--w-ground);box-shadow:inset 0 -1px 0 var(--w-line-warm);font:500 var(--w-fs-fine)/1.4 var(--w-font-text);color:var(--w-grey-1)}
.ck-next-btn{margin-left:auto}
.ck-arrow-l{transform:scaleX(-1)}
.ck-back.is-first{opacity:.9}
/* Side panel */
.ck-side{padding:28px;gap:0;position:sticky;top:calc(var(--w-nav-h) + 24px)}
.ck-steps{margin:16px 0 0;padding:0;list-style:none}
.ck-steps li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid var(--w-line-soft);color:var(--w-grey-2);transition:color var(--w-dur-2)}
.ck-steps li:first-child{border-top:0}
.ck-steps__no{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;background:var(--w-ground);font:600 11.5px/1 var(--w-font-text);color:var(--w-grey-2);transition:background-color var(--w-dur-2),color var(--w-dur-2)}
.ck-steps b{display:block;font:500 14px/1.3 var(--w-font-text);color:var(--w-grey-1)}
.ck-steps small{display:block;margin-top:3px;font:400 var(--w-fs-fine)/1.35 var(--w-font-text);color:var(--w-grey-2)}
.ck-steps li.is-on b{color:var(--w-text)}
.ck-steps li.is-on .ck-steps__no{background:var(--w-ink);color:#fff}
.ck-steps li.is-done .ck-steps__no{background:var(--w-sand);color:var(--w-text)}
.ck-side__note{margin-top:16px;padding-top:20px;border-top:1px solid var(--w-line-soft)}
.ck-side__consent{display:grid;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--w-line-soft)}
.ck-exit{margin-top:20px}

/* ===================== 7. Scoring moment ===================== */
.ck-calc{display:grid;justify-items:center;align-content:center;text-align:center;min-height:440px}
.ck-calc[hidden]{display:none}
.ck-calc__ring{width:136px;height:136px}
.ck-calc__ring svg{display:block;width:100%;height:100%;overflow:visible}
.ck-calc__trk{fill:none;stroke:var(--w-d5);stroke-width:6}
.ck-calc__ring path{fill:none;stroke:var(--w-ink);stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.ck-calc.is-run path{animation:ck-seg 320ms var(--w-ease-out) forwards;animation-delay:calc(var(--k) * 170ms)}
@keyframes ck-seg{from{opacity:1;stroke-dashoffset:1}to{opacity:1;stroke-dashoffset:0}}
.ck-calc__t{margin-top:32px;max-width:18em;font:300 clamp(24px, 20px + .8vw, 32px)/1.2 var(--w-font-head);letter-spacing:-0.025em;color:var(--w-text)}
.ck-calc__t:focus{outline:none}
.ck-calc__p{margin-top:12px;font:400 var(--w-fs-label)/1.4 var(--w-font-text);color:var(--w-grey-2);min-height:1.4em}
.ck-card.is-calc .ck-stage{display:flex;align-items:center;justify-content:center}

/* ===================== 8. Report ===================== */
.ck-result{padding:calc(var(--w-nav-h) + clamp(40px, 24px + 3vw, 72px)) 0 var(--w-section);background:linear-gradient(180deg,var(--w-white) 0,var(--w-ground) 360px)}
.ck-reshead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin-bottom:clamp(28px, 20px + 1.6vw, 44px)}
.ck-reshead__copy .w-label + .w-title{margin-top:14px}
.ck-reshead__copy .w-title + .w-fine{margin-top:14px}
.ck-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.ck-tools__status{flex-basis:100%;text-align:right}
.ck-tools__status:empty{display:none}
.ck-rv{min-height:0}
.w-motion .ck-rv{opacity:0;transform:translateY(16px);transition:opacity var(--w-dur-3) var(--w-ease-out),transform var(--w-dur-3) var(--w-ease-out)}
.w-motion .ck-rv.is-in{opacity:1;transform:none}
/* Score: the signature dark tile */
.ck-score{--glow-x:0%;min-height:600px}
.ck-score__head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ck-score__n{font:500 13px/1.3 var(--w-font-text);color:var(--w-on-dark-2)}
.ck-dial{position:relative;width:min(100%,264px);aspect-ratio:1;margin:28px auto 0}
.ck-dial svg{display:block;width:100%;height:100%;overflow:visible}
.ck-dial__trk,.ck-dial__val{fill:none;stroke-width:5.5;stroke-linecap:round}
.ck-dial__trk{stroke:rgb(255 255 255 / .12)}
.ck-dial__val{stroke:var(--w-on-dark);stroke-dasharray:100;stroke-dashoffset:var(--off,100)}
.ck-dial__knob{fill:var(--w-red);stroke:var(--w-ink);stroke-width:2}
.ck-dial__num{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding-top:6px}
.ck-dial__num b{display:block;font:300 clamp(64px, 50px + 2vw, 84px)/1 var(--w-font-text);letter-spacing:-0.045em;color:var(--w-on-dark)}
.ck-dial__num small{display:block;margin-top:8px;font:400 13px/1 var(--w-font-text);color:var(--w-on-dark-2)}
.ck-bandname{margin-top:-6px;text-align:center;font:500 22px/1.2 var(--w-font-text);letter-spacing:-0.015em;color:var(--w-on-dark);min-height:1.2em}
.ck-scale{display:flex;gap:4px;margin:28px 0 0;padding:0;list-style:none}
.ck-scale li{flex:var(--w) 1 0;min-width:0;display:grid;gap:9px}
.ck-scale i{display:block;height:4px;border-radius:2px;background:rgb(255 255 255 / .14);transition:background-color var(--w-dur-3)}
.ck-scale span{font:400 11.5px/1 var(--w-font-text);color:var(--w-on-dark-2);white-space:nowrap}
.ck-scale li.is-on i{background:var(--w-on-dark)}
.ck-scale li.is-on span{font-weight:500;color:var(--w-on-dark)}
.ck-score__fine{display:grid;gap:8px;margin-top:auto;padding-top:28px}
/* Band */
.ck-bandtile .w-heading{max-width:22em}
.ck-bandtile .w-heading + .w-body{margin-top:16px}
.ck-bandnext{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin:24px 0 32px;padding:16px 18px;border-radius:var(--w-r-control);background:var(--w-quiet);box-shadow:inset 0 0 0 1px var(--w-line-soft)}
.ck-bandnext p{font:500 var(--w-fs-ui)/1.45 var(--w-font-text);letter-spacing:var(--w-tr-ui);color:var(--w-text)}
.ck-bandnext .w-link[hidden]{display:none}
.ck-mix{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:20px;margin-top:auto;padding-top:28px;border-top:1px solid var(--w-line-soft)}
.ck-mix__i b{display:block;font:300 clamp(36px, 28px + 1.2vw, 48px)/1 var(--w-font-text);letter-spacing:-0.04em;color:var(--w-text)}
.ck-mix__i small{display:flex;align-items:center;gap:7px;margin-top:10px;font:400 13px/1.3 var(--w-font-text);color:var(--w-grey-2)}
.ck-mix__i small::before,.ck-prow__st::before,.ck-key span::before,.ck-stchip::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--w-ink)}
.ck-mix__i.is-partly small::before,.ck-prow.is-partly .ck-prow__st::before,.ck-key .k-part::before,.ck-stchip.is-partly::before{background:none;box-shadow:inset 0 0 0 1.5px var(--w-ink)}
.ck-mix__i.is-attention small::before,.ck-prow.is-attention .ck-prow__st::before,.ck-key .k-att::before,.ck-stchip.is-attention::before{background:var(--w-grey-4)}
.ck-mix__i.is-none small::before,.ck-prow.is-none .ck-prow__st::before{background:none;box-shadow:inset 0 0 0 1px var(--w-grey-4)}
.ck-prow.is-flag .ck-prow__st::before,.ck-stchip--flag::before{background:var(--w-red)}
/* Critical gaps */
.ck-gaps{flex-direction:row;gap:48px}
.ck-gaps__copy{flex:0 1 26rem}
.ck-gaps__copy .w-heading + .w-body{margin-top:12px}
.ck-tag--flag{display:inline-flex;align-items:center;gap:7px;color:var(--w-text)}
.ck-tag--flag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--w-red)}
.ck-gaplist{flex:1 1 0;margin:0;padding:0;list-style:none;border-top:1px solid var(--w-line-soft)}
.ck-gaplist li{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--w-line-soft)}
.ck-gaplist__p{font:500 15px/1.4 var(--w-font-text);color:var(--w-text)}
.ck-gaplist p{font-size:var(--w-fs-ui);line-height:1.55;color:var(--w-grey-1)}
/* Pillar rows */
.ck-key{display:flex;flex-wrap:wrap;gap:6px 18px}
.ck-key span{display:inline-flex;align-items:center;gap:7px;font:400 var(--w-fs-fine)/1.2 var(--w-font-text);color:var(--w-grey-2)}
.ck-prows{margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--w-line-soft)}
.ck-prow__btn{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) 3.5rem 9.5rem;align-items:center;gap:24px;width:100%;padding:17px 0;margin:0;
  border:0;border-bottom:1px solid var(--w-line-soft);background:none;text-align:left;cursor:pointer;color:var(--w-text);transition:background-color var(--w-dur-2)}
.ck-prow__btn:hover .ck-prow__name{color:var(--w-red-deep)}
.ck-prow__name{font:500 15px/1.3 var(--w-font-text);letter-spacing:-0.005em;transition:color var(--w-dur-1)}
.ck-prow.is-key .ck-prow__name{font-weight:600}
.ck-prow__trk{display:block;height:6px;border-radius:3px;background:var(--w-d5);overflow:hidden}
.ck-prow__trk i{display:block;width:100%;height:100%;border-radius:3px;background:var(--w-ink);transform-origin:left;transform:scaleX(var(--w))}
.ck-prow.is-key .ck-prow__trk i{background:var(--w-red)}
.ck-prow__pct{font:500 15px/1 var(--w-font-text);text-align:right;color:var(--w-text)}
.ck-prow__st{display:inline-flex;align-items:center;gap:8px;font:400 13px/1.3 var(--w-font-text);color:var(--w-grey-1)}
.ck-prow.is-flag .ck-prow__st{color:var(--w-text);font-weight:500}
.ck-prow.is-none .ck-prow__name,.ck-prow.is-none .ck-prow__st{color:var(--w-grey-2)}
.ck-pillars > .w-fine{margin-top:16px}
.w-motion .ck-pillars .ck-prow__trk i{transition:transform 900ms var(--w-ease-out)}
.w-motion .ck-pillars:not(.is-in) .ck-prow__trk i{transform:scaleX(0)}

/* ===================== 9. Priorities ===================== */
.ck-pri__t{max-width:none;font-size:clamp(30px, 24px + 1.2vw, 44px)}
.ck-plist{margin-top:32px;border-top:1px solid var(--w-line-soft)}
.ck-pcard{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;padding:36px 0;border-bottom:1px solid var(--w-line-soft)}
.ck-pcard__side{display:flex;flex-direction:column;align-items:flex-start}
.ck-pcard__no{font:300 15px/1 var(--w-font-text);letter-spacing:-0.01em;color:var(--w-grey-2)}
.ck-pcard__t{margin-top:14px}
.ck-stchip{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:7px 12px 7px 10px;border-radius:var(--w-r-pill);background:var(--w-ground);
  font:500 var(--w-fs-fine)/1 var(--w-font-text);color:var(--w-grey-1)}
.ck-stchip--flag{background:var(--w-paper);box-shadow:inset 0 0 0 1px var(--w-line-soft);color:var(--w-text)}
.ck-pcard__meter{display:flex;align-items:center;gap:12px;width:100%;max-width:16rem;margin-top:22px}
.ck-pcard__meter span{flex:1;height:6px;border-radius:3px;background:var(--w-d5);overflow:hidden}
.ck-pcard__meter i{display:block;height:100%;border-radius:3px;background:var(--w-ink);transform-origin:left;transform:scaleX(var(--w))}
.ck-pcard__meter b{font:500 15px/1 var(--w-font-text);color:var(--w-text)}
.ck-pcard__txt p{font-size:var(--w-fs-body);line-height:1.65;color:var(--w-grey-1);max-width:66ch;text-wrap:pretty}
.ck-pcard__txt p + p{margin-top:12px}
.ck-lead{font-weight:500;color:var(--w-text)}
.ck-feat{margin-top:20px;max-width:66ch;padding:16px 18px;border-radius:var(--w-r-control);background:var(--w-paper);box-shadow:inset 0 0 0 1px var(--w-line-soft)}
.ck-feat p{font:400 var(--w-fs-label)/1.55 var(--w-font-text);letter-spacing:var(--w-tr-label);color:var(--w-text)}
.ck-feat b{display:block;margin-bottom:4px;font:500 var(--w-fs-fine)/1.3 var(--w-font-text);color:var(--w-grey-2)}
.ck-feat__soon{display:block;margin-top:6px;font-size:var(--w-fs-fine);color:var(--w-grey-2)}
.ck-pcard__foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:22px}
.ck-pcard__foot:empty{display:none}
.ck-pri__note{margin-top:24px}
.ck-empty{font-size:var(--w-fs-body);line-height:1.6;color:var(--w-grey-1);padding:24px 0}

/* ===================== 10. Strengths and the retirement chart ===================== */
.ck-strlist{margin:24px 0 0;padding:0;list-style:none;border-top:1px solid var(--w-line-soft)}
.ck-strlist li{padding:16px 0;border-bottom:1px solid var(--w-line-soft)}
.ck-strlist__h{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.ck-strlist__h b{font:500 15px/1.3 var(--w-font-text);color:var(--w-text)}
.ck-strlist__h span{font:500 15px/1 var(--w-font-text);color:var(--w-text)}
.ck-strlist p{margin-top:6px;font-size:var(--w-fs-label);line-height:1.55;color:var(--w-grey-1)}
.ck-strlist .ck-empty{padding:16px 0}
.ck-strother{margin-top:24px}
.ck-strother ul{margin:10px 0 0;padding:0;list-style:none}
.ck-strother li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:10px 0;border-bottom:1px solid var(--w-line-soft)}
.ck-strother b{font:500 14px/1.3 var(--w-font-text);color:var(--w-text)}
.ck-strother span{font:500 14px/1.3 var(--w-font-text);text-align:right}
.ck-strother small{grid-column:1 / -1;font-size:var(--w-fs-fine);color:var(--w-grey-2)}
.ck-strfoot{margin-top:auto;padding-top:24px}
.ck-strfoot:empty{display:none}
.ck-strfoot .ck-feat{margin-top:0}
.ck-strfoot .w-link{margin-top:16px}
.ck-str.is-wide .ck-strlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));column-gap:32px}
.ck-ret .w-heading{max-width:24em}
.ck-chart{margin-top:auto;padding-top:24px}
.ck-chart svg{display:block;width:100%;height:auto;overflow:visible}
.ck-chart .gl{stroke:var(--w-line-soft);stroke-width:1}
.ck-chart .tick{font:400 11px var(--w-font-text);fill:var(--w-grey-2)}
.ck-chart .ln{fill:none;stroke:var(--w-ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.ck-chart .need{stroke:var(--w-grey-4);stroke-width:1.25;stroke-dasharray:3 4}
.ck-chart .mk{fill:var(--w-white);stroke:var(--w-grey-3);stroke-width:1.5}
.ck-chart .lab{font:500 11.5px var(--w-font-text);fill:var(--w-grey-1)}
.ck-chart .lab.is-strong{font:600 13px var(--w-font-text);fill:var(--w-text)}
.ck-chart .end{fill:var(--w-white);stroke:var(--w-ink);stroke-width:2}
.ck-chart .end.is-red{fill:var(--w-red);stroke:var(--w-white);stroke-width:2}
.ck-chart__cap{margin-top:14px}
.ck-ret > .w-fine{margin-top:8px}
.w-motion .ck-ret .ck-chart .ln{transition:stroke-dashoffset 1400ms var(--w-ease-out) 200ms}
.w-motion .ck-ret:not(.is-in) .ck-chart .ln{stroke-dashoffset:1}

/* ===================== 11. Full detail, method and the closing tile ===================== */
.ck-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.ck-split__head .w-heading{max-width:16em}
.ck-acc summary{padding:20px 0}
.ck-acc__s{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
.ck-acc__s b{font-weight:400}
.ck-acc__meta{font:400 var(--w-fs-label)/1.4 var(--w-font-text);letter-spacing:var(--w-tr-label);color:var(--w-grey-2)}
.ck-acc details.is-flag .ck-acc__meta{color:var(--w-text)}
.ck-acc__desc{color:var(--w-text)}
.ck-acc__go:empty{display:none}
.ck-acc__go{padding-top:4px}
.ck-consent--res{margin-top:28px;padding-top:24px;border-top:1px solid var(--w-line-soft);gap:12px}
.ck-save .w-tile__copy .w-label + .w-title{margin-top:16px}
.ck-save .w-tile__copy .w-title + .w-lead{margin-top:24px}
.ck-save .w-title{max-width:10em}
.ck-save .w-actions{margin-top:36px;gap:12px 16px}
.ck-save .w-actions + .w-fine{margin-top:18px}
.ck-save .w-fine + .w-fine{margin-top:6px}
.ck-save .w-fine{max-width:46ch}
.ck-result > .w-wrap > .w-note{margin-top:24px}

/* ===================== 12. Responsive ===================== */
@media (max-width:1279px){
  .ck-hero__grid{grid-template-columns:minmax(0,540px) minmax(0,1fr)}
  .ck-hs{right:200px}
  .ck-hn{right:326px}
  .ck-prow__btn{grid-template-columns:minmax(0,13rem) minmax(0,1fr) 3.5rem 8.5rem;gap:20px}
  .ck-pcard{gap:40px}
}
@media (max-width:1199px){
  .ck-hero__grid{grid-template-columns:minmax(0,1fr);gap:0}
  .ck-hero__copy{max-width:640px}
  .ck-hero__stage{width:620px;max-width:100%;height:500px;margin:56px auto 0}
  .ck-hs{right:auto;left:0;top:24px}
  .ck-hp{right:0;top:112px}
  .ck-hn{right:auto;left:24px;top:360px}
  .ck-hero__cap{right:auto;left:0}
  .ck-flowgrid{grid-template-columns:minmax(0,1fr) 280px}
  .ck-side{padding:24px}
}
@media (max-width:1023px){
  .ck-flowgrid{grid-template-columns:minmax(0,1fr)}
  .ck-side{position:static}
  .ck-side .ck-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .ck-side .ck-steps li:nth-child(2){border-top:0}
  .ck-card{min-height:0}
  .ck-faqhead{grid-column:1 / -1;position:static;margin-bottom:8px}
  .ck-faqgrid > .w-faq{grid-column:1 / -1}
  .ck-next{grid-template-columns:minmax(0,1fr);gap:40px}
  .ck-priv{flex-direction:column;align-items:flex-start;gap:36px}
  .ck-ticks{flex:none;width:100%}
  .ck-gaps{flex-direction:column;gap:24px}
  .ck-gaps__copy{flex:none}
  .ck-prow__btn{grid-template-columns:minmax(0,11rem) minmax(0,1fr) 3.25rem;gap:16px}
  .ck-prow__st{grid-column:1 / -1;margin-top:-6px}
  .ck-pcard{grid-template-columns:minmax(0,1fr);gap:20px;padding:32px 0}
  .ck-pcard__side{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px}
  .ck-pcard__no{grid-row:1}
  .ck-pcard__t{grid-row:1;margin:0}
  .ck-pcard__side .ck-stchip{grid-row:1;margin:0}
  .ck-pcard__meter{grid-column:1 / -1;max-width:none;margin-top:16px}
  .ck-split{grid-template-columns:minmax(0,1fr);gap:20px}
  .ck-split__head .w-heading{max-width:24em}
  .ck-score,.ck-bandtile{grid-column:1 / -1}
  .ck-score{min-height:0}
  .ck-str,.ck-ret{grid-column:1 / -1}
}
@media (max-width:767px){
  .ck-hero{padding-bottom:72px}
  .ck-hero .w-display{margin-top:16px}
  .ck-hero .w-display + .w-lead{margin-top:20px}
  .ck-startf{margin-top:28px}
  .ck-startf__row{flex-direction:column;align-items:stretch}
  .ck-startf__field{flex:none}
  .ck-startf .w-btn{width:100%}
  .ck-resume{padding:20px}
  .ck-resume .w-actions{flex-direction:column;align-items:stretch}
  .ck-resume .w-btn{width:100%}
  .ck-hero__stage{width:auto;height:auto;margin-top:44px;display:flex;flex-direction:column;align-items:center}
  .ck-hero__in{position:relative;inset:auto;display:flex;justify-content:center;width:100%}
  .ck-hs{position:relative;right:auto;left:auto;top:auto;--card-w:300px;max-width:100%}
  .ck-hp,.ck-hn{display:none}
  .ck-hero__cap{position:static;margin-top:16px;white-space:normal;text-align:center}
  .ck-lt{min-height:0}
  .ck-wt__list li{grid-template-columns:minmax(0,1fr) 64px 24px;gap:12px}
  .ck-bands li{grid-template-columns:58px minmax(0,1fr) 58px;gap:10px}
  .ck-priv{min-height:0}
  .ck-map{grid-template-columns:minmax(0,1fr);padding:4px 20px}
  .ck-map li:nth-last-child(2){border-bottom:1px solid var(--w-line-soft)}
  .ck-next__copy .w-actions .w-btn{width:100%}
  .ck-flow{padding-top:calc(var(--w-nav-h) + 16px)}
  .ck-card{padding:24px 20px}
  .ck-stage{padding:32px 0 32px}
  .ck-opts--2{grid-template-columns:minmax(0,1fr)}
  .ck-opts{margin-top:24px;gap:8px}
  .ck-opt{min-height:56px;padding:13px 48px 13px 14px}
  .ck-opt::after{right:16px}
  .ck-field,.ck-field--sm{max-width:none}
  .ck-field{margin-top:24px}
  .ck-nav{gap:12px;padding-top:20px}
  .ck-nav .w-btn{flex:1 1 0}
  .ck-next-btn{margin-left:0}
  .ck-kbd{display:none}
  .ck-side{padding:20px}
  .ck-side .ck-steps{grid-template-columns:minmax(0,1fr)}
  .ck-side .ck-steps li:nth-child(2){border-top:1px solid var(--w-line-soft)}
  .ck-reshead{flex-direction:column;align-items:stretch}
  .ck-tools{gap:10px 18px}
  .ck-tools__status{text-align:left}
  .ck-dial{width:min(100%,232px);margin-top:20px}
  .ck-prow__btn{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px 0}
  .ck-prow__trk{grid-column:1 / -1;grid-row:2}
  .ck-prow__pct{grid-column:2;grid-row:1}
  .ck-prow__st{grid-row:3;margin-top:0}
  .ck-key{display:none}
  .ck-gaplist li{grid-template-columns:minmax(0,1fr);gap:6px}
  .ck-pcard__side{grid-template-columns:auto minmax(0,1fr)}
  .ck-pcard__side .ck-stchip{grid-column:1 / -1;grid-row:2;justify-self:start;margin-top:12px}
  .ck-pcard__foot .w-btn{width:100%}
  .ck-save .w-actions{flex-direction:column;align-items:stretch}
  .ck-save .w-actions .w-btn{width:100%}
}

/* ===================== 13. Touch ===================== */
@media (hover:none),(pointer:coarse){.ck-opt__k{display:none}.ck-kbd{display:none}}
@media (pointer:coarse){.ck-textbtn{min-height:44px}.ck-check{min-height:44px;align-items:center}.ck-check input{margin:0}}
@media (prefers-reduced-motion:reduce){.ck-calc__ring path{opacity:1;stroke-dashoffset:0}}

/* ===================== 14. Print: the report only, on white ===================== */
@media print{
  @page{margin:14mm}
  body{background:#fff}
  .w-nav,.w-menu,.w-skip,.w-footer,#ck-landing,#ck-flow,.ck-tools,.ck-noprint,.ck-save .w-actions,.ck-save .w-phone,.ck-consent--res,.ck-pcard__foot,.ck-acc__go,.ck-strfoot .w-link{display:none!important}
  .ck-result{padding:0;background:none}
  .ck-printhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;color:var(--w-grey-2)}
  .ck-rv{opacity:1!important;transform:none!important}
  .w-bento{display:block}
  .w-tile{display:block;padding:0 2px;margin-top:28px;overflow:visible;box-shadow:none!important;background:none!important;break-inside:auto;min-height:0!important;height:auto!important}
  .w-plus,[data-to-pri]{display:none!important}
  .ck-score,.ck-bandtile,.ck-prow,.ck-strlist li,.ck-gaplist li{break-inside:avoid-page}
  .w-tile::before{content:none}
  .ck-score,.ck-score .w-label,.ck-score .w-fine,.ck-score__n,.ck-dial__num small,.ck-scale span{color:var(--w-grey-1)!important}
  .ck-dial__num b,.ck-bandname{color:var(--w-text)!important}
  .ck-dial{width:200px;margin:12px 0 0}
  .ck-dial__trk{stroke:var(--w-d5)}
  .ck-dial__val{stroke:var(--w-ink)}
  .ck-bandname{text-align:left}
  .ck-scale i{background:var(--w-d5)}
  .ck-scale li.is-on i{background:var(--w-ink)}
  .ck-pcard{break-inside:avoid-page}
  .w-faq details{break-inside:avoid-page}
  .w-faq__a{display:block}
}