/* Cut + Dimmer system: extracted verbatim from merge.html (8 Oct 2026). Link after book.css. Do not edit; override in the page. */
:root{
  --pine:#1F4B3D; --deep:#0F2E25; --amber:#E2A62B; --cream:#F7F4EC; --ink:#16201C; --mint:#B9EBCF; --mute:#A9C2B7;
  --ground:var(--deep);
  --ground-2:color-mix(in srgb,var(--pine) 34%,var(--deep));
  --surface:var(--pine);
  --surface-2:color-mix(in srgb,var(--pine) 80%,var(--mint));
  --hole:color-mix(in srgb,var(--deep) 78%,var(--ink));
  --well:color-mix(in srgb,var(--pine) 52%,var(--deep));
  --text:var(--cream);
  --text-2:var(--mute);
  --line:color-mix(in srgb,var(--mute) 20%,transparent);
  --line-2:color-mix(in srgb,var(--mute) 38%,transparent);
  --accent:var(--amber);
  --accent-ink:var(--deep);
  --focus:var(--cream);
  --radius:12px; --r-sm:8px; --r-lg:20px;
  /* the weight scale: one meaning per weight */
  --w-off:300; --w-rest:400; --w-earn:600; --w-now:900;
  --alu:color-mix(in srgb,var(--ink) 78%,var(--mute));
  /* depth, after Polaris: a 100-step shadow scale, a bevel for raised things, an inset for pressed ones */
  --shadow-100:0 1px 0 0 color-mix(in srgb,var(--ink) 55%,transparent);
  --shadow-200:0 3px 2px -1px color-mix(in srgb,var(--ink) 45%,transparent),0 1px 0 0 color-mix(in srgb,var(--ink) 35%,transparent);
  --shadow-300:0 6px 12px -4px color-mix(in srgb,var(--ink) 60%,transparent),0 1px 0 0 color-mix(in srgb,var(--ink) 35%,transparent);
  --shadow-400:0 14px 30px -8px color-mix(in srgb,var(--ink) 75%,transparent),0 2px 4px -1px color-mix(in srgb,var(--ink) 40%,transparent);
  --bevel-100:inset 0 1px 0 0 color-mix(in srgb,var(--cream) 9%,transparent),inset 0 -1px 0 0 color-mix(in srgb,var(--ink) 28%,transparent);
  --bevel-amber:inset 0 1px 0 0 color-mix(in srgb,var(--cream) 42%,transparent),inset 0 -1px 0 0 color-mix(in srgb,var(--ink) 22%,transparent);
  --inset-200:inset 0 2px 1px 0 color-mix(in srgb,var(--ink) 38%,transparent),inset 1px 0 1px 0 color-mix(in srgb,var(--ink) 18%,transparent),inset -1px 0 1px 0 color-mix(in srgb,var(--ink) 18%,transparent);
  /* focus: the light landing on a control */
  --ring-gap:var(--deep);
  --ease-o:cubic-bezier(.33,1,.68,1);
  --ease:cubic-bezier(.22,.8,.24,1);
  --t-press:120ms; --t-release:240ms; --t-hover:180ms; --t-step:130ms; --t-fade:200ms; --t-state:320ms;
}
@media (prefers-reduced-motion:reduce){
  :root{--t-press:0ms;--t-release:0ms;--t-hover:0ms;--t-step:0ms;--t-state:0ms}
}
html{scroll-padding-top:80px}
body{background:var(--ground)}
/* the ring is resolved on each element, so it picks up the ground behind it */
*{--ring:0 0 0 2px var(--ring-gap),0 0 0 4px var(--cream),0 0 18px 4px color-mix(in srgb,var(--cream) 18%,transparent)}
:focus-visible{outline:none;box-shadow:var(--ring)}
a:focus-visible{border-radius:4px}
.cd-pan,.cd-es-pan,.cd-topnav,.cd-on-pine,.cd-wmp{--ring-gap:var(--pine)}
.cd-btnmx,.cd-stage,.cd-toastz,.cd-mc.is-ok,.cd-dt-w{--ring-gap:var(--ground-2)}
.cd-sw-g{--ring-gap:color-mix(in srgb,var(--pine) 62%,var(--deep))}
.cd-cline{font-size:15px;color:var(--mute);margin-top:2px}
figure{margin:0;min-width:0}
[hidden]{display:none!important}
.cd-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.cd-sec{border-top:1px solid var(--line)}
.cd-cap{font-weight:800;font-size:17px;letter-spacing:-.01em}
.cd-name{font-size:15px;font-weight:400;color:var(--mute);line-height:1.35}

/* ---------- book bar: the wordmark switch ---------- */
.cd-sw{display:inline-flex;align-items:center;gap:10px;font-size:14px}
.cd-sw-l{color:var(--mute)}
.cd-sw-g{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:color-mix(in srgb,var(--pine) 62%,var(--deep))}
.cd-sw button{appearance:none;border:0;margin:0;background:transparent;color:var(--cream);font:inherit;font-size:14px;font-weight:400;min-height:30px;padding:0 12px;border-radius:7px;cursor:pointer;transition:font-weight var(--t-hover) var(--ease),background-color var(--t-hover) var(--ease)}
.cd-sw button .cd-rs{align-items:center}
.cd-sw button[aria-pressed="true"]{font-weight:900;background:var(--pine)}
.cd-sw button:focus-visible{outline:none;box-shadow:var(--ring)}
@media (hover:hover) and (pointer:fine){.cd-sw button[aria-pressed="false"]:hover{font-weight:600}}
@media (max-width:560px){
  .bookbar .wrap{row-gap:2px;padding-top:8px;min-height:0}
  .bookbar nav{gap:2px 14px;font-size:14px;padding-bottom:2px}
  .cd-sw{width:100%;padding-bottom:8px}
  .cd-sw button{min-height:28px}
}

/* ---------- weight reserve: a box is always as wide as its heaviest state ---------- */
.cd-rs{display:inline-flex;flex-direction:column;align-items:flex-start;vertical-align:baseline}
.cd-rs::after{content:attr(data-t);content:attr(data-t) / "";height:0;overflow:hidden;visibility:hidden;font-weight:var(--rs-w,900);pointer-events:none;user-select:none;white-space:nowrap}
.cd-rs.is-c,.cd-btn .cd-rs{align-items:center}

/* ---------- the wordmark: one markup, two settings ---------- */
.cd-wm{display:inline-block;white-space:nowrap;line-height:1;font-weight:900;letter-spacing:-.045em;transition:letter-spacing 240ms var(--ease)}
.cd-wm>span{display:inline-flex;flex-direction:column;align-items:flex-start;--rs-w:900;transition:font-weight 240ms var(--ease)}
.cd-wm>span::after{height:0;overflow:hidden;visibility:hidden;font-weight:var(--rs-w);pointer-events:none;user-select:none}
.cd-wm>span:nth-child(1)::after{content:"s";content:"s" / ""}
.cd-wm>span:nth-child(2)::after{content:"o";content:"o" / ""}
.cd-wm>span:nth-child(3)::after{content:"m";content:"m" / ""}
.cd-wm>span:nth-child(4)::after{content:"a";content:"a" / ""}
.cd-wm>span:nth-child(5)::after{content:"l";content:"l" / ""}
.cd-wm>span:nth-child(6)::after{content:"c";content:"c" / ""}
html[data-wm="ramp"] .cd-wm:not([data-fix])>span:nth-child(1),.cd-wm[data-fix="ramp"]>span:nth-child(1){font-weight:300;--rs-w:300}
html[data-wm="ramp"] .cd-wm:not([data-fix])>span:nth-child(2),.cd-wm[data-fix="ramp"]>span:nth-child(2){font-weight:400;--rs-w:400}
html[data-wm="ramp"] .cd-wm:not([data-fix])>span:nth-child(3),.cd-wm[data-fix="ramp"]>span:nth-child(3){font-weight:500;--rs-w:500}
html[data-wm="ramp"] .cd-wm:not([data-fix])>span:nth-child(4),.cd-wm[data-fix="ramp"]>span:nth-child(4){font-weight:700;--rs-w:700}
html[data-wm="ramp"] .cd-wm:not([data-fix])>span:nth-child(5),.cd-wm[data-fix="ramp"]>span:nth-child(5){font-weight:800;--rs-w:800}
html[data-wm="ramp"] .cd-wm:not([data-fix])>span:nth-child(6),.cd-wm[data-fix="ramp"]>span:nth-child(6){font-weight:900;--rs-w:900}
html[data-wm="solid"] .cd-wm:not([data-fix]),.cd-wm[data-fix="solid"]{letter-spacing:-.055em}
html[data-wm="solid"] .cd-wm:not([data-fix])>span,.cd-wm[data-fix="solid"]>span{font-weight:900;--rs-w:900}
html.cd-intro .cd-cover .cd-wm>span{font-weight:300!important}
@media (prefers-reduced-motion:reduce){.cd-wm,.cd-wm>span{transition:none}}

/* ---------- lockup ---------- */
.cd-lock{display:inline-flex;align-items:baseline;line-height:1;white-space:nowrap;color:inherit}
.cd-lm{width:.756em;height:.756em;margin-right:.204em;flex:none;fill:currentColor;overflow:visible}
.cd-stack{display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.cd-stack .cd-lm{width:1.4em;height:1.4em;margin:0 0 .38em}
.cd-sym{fill:currentColor}

/* ---------- buttons ---------- */
.cd-btn{appearance:none;-webkit-appearance:none;border:0;margin:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:var(--radius);font-size:17px;line-height:1.1;letter-spacing:-.008em;color:var(--cream);background:transparent;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color var(--t-hover) var(--ease)}
.cd-bl{font-weight:var(--bw,600);transition:font-weight var(--t-release) var(--ease)}
.cd-btn-p{background:var(--amber);color:var(--deep)}
.cd-btn-s{background:var(--pine)}
.cd-btn-p,.cd-btn-s{position:relative;box-shadow:var(--shadow-100)}
.cd-btn-p::before,.cd-btn-s::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--bevel-100);transition:box-shadow var(--t-press) var(--ease)}
.cd-btn-p::before{box-shadow:var(--bevel-amber)}
.cd-btn-p:not(:disabled):active,.cd-btn-s:not(:disabled):active,.cd-btn-p.is-press,.cd-btn-s.is-press{box-shadow:none}
.cd-btn-p:not(:disabled):active::before,.cd-btn-s:not(:disabled):active::before,.cd-btn-p.is-press::before,.cd-btn-s.is-press::before{box-shadow:var(--inset-200)}
.cd-btn:disabled,.cd-btn:disabled::before,.cd-btn.is-dis,.cd-btn.is-dis::before{box-shadow:none}
.cd-pan .cd-btn-s,.cd-on-pine .cd-btn-s{background:var(--surface-2)}
.cd-btn-t{min-height:44px;padding:0 6px;border-radius:6px}
.cd-btn-t .cd-bl{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:color-mix(in srgb,var(--mute) 60%,transparent)}
.cd-btn-sm{min-height:42px;padding:0 18px;font-size:16px;border-radius:var(--r-sm)}
.cd-btn-lg{min-height:56px;padding:0 28px;font-size:18px}
.cd-btn-w{width:100%}
.cd-btn:focus-visible,.cd-btn.is-focus{outline:none;box-shadow:var(--ring)}
.cd-btn:not(:disabled):active .cd-bl,.cd-btn.is-press .cd-bl{font-weight:900;transition-duration:var(--t-press)}
.cd-btn.is-hover .cd-bl{font-weight:800}
.cd-btn-t.is-hover .cd-bl{text-decoration-color:var(--cream)}
.cd-btn:disabled,.cd-btn.is-dis{cursor:not-allowed;--bw:300;color:color-mix(in srgb,var(--mute) 85%,var(--deep))}
.cd-btn-p:disabled,.cd-btn-p.is-dis{background:color-mix(in srgb,var(--pine) 55%,var(--deep))}
.cd-btn-s:disabled,.cd-btn-s.is-dis{background:color-mix(in srgb,var(--pine) 40%,var(--deep))}
.cd-btn-t:disabled .cd-bl,.cd-btn-t.is-dis .cd-bl{text-decoration-color:transparent}
@media (hover:hover) and (pointer:fine){
  .cd-btn:not(:disabled):hover .cd-bl{font-weight:800}
  .cd-btn:not(:disabled):active .cd-bl{font-weight:900;transition-duration:var(--t-press)}
  .cd-btn-t:not(:disabled):hover .cd-bl{text-decoration-color:var(--cream)}
}
.cd-pan{background:var(--pine);border-radius:var(--r-lg);box-shadow:var(--shadow-200),var(--bevel-100)}

/* ---------- cover ---------- */
.cd-cover{position:relative;padding:0;background:var(--pine);min-height:min(84vh,780px);display:flex;color:var(--cream)}
.cd-still{position:absolute;inset:0;width:100%;height:100%}
.cd-cover > canvas,.cd-gl > canvas{z-index:1}
.cd-cover-in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding-top:clamp(48px,7vw,104px);padding-bottom:clamp(36px,4.4vw,64px)}
.cd-cover h1{font-size:clamp(64px,11vw,168px);letter-spacing:0;line-height:1;font-weight:900}
.cd-cover-foot{display:flex;align-items:baseline;gap:14px clamp(20px,2.6vw,40px);flex-wrap:wrap;max-width:min(54%,700px)}
.cd-cover-dir{font-size:clamp(38px,4.2vw,62px);font-weight:900;letter-spacing:-.045em;line-height:1;white-space:nowrap}
.cd-cover-idea{font-size:clamp(18px,1.45vw,21px);line-height:1.4;color:var(--cream);max-width:27ch;opacity:.88}
@media (max-width:819px){
  .cd-cover{min-height:0}
  .cd-cover-in{padding-top:var(--cd-top,72vw);gap:26px}
  .cd-cover-foot{max-width:none;flex-direction:column;gap:12px}
}

/* ---------- idea ---------- */
.cd-idea{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:start}
.cd-idea-txt{display:grid;gap:14px;max-width:62ch}
.cd-idea-txt h3{font-size:22px;font-weight:800;letter-spacing:-.015em;margin-top:18px}
.cd-idea-txt h3:first-child{margin-top:0}
.cd-idea-txt p,.cd-costs li{color:color-mix(in srgb,var(--cream) 88%,var(--mute))}
.cd-costs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cd-costs li{position:relative;padding-left:26px}
.cd-costs li::before{content:"";position:absolute;left:0;top:.76em;width:12px;height:2px;border-radius:1px;background:var(--mute)}
.cd-words{position:sticky;top:96px;margin:0;padding:clamp(28px,3.4vw,48px);border-radius:var(--r-lg);background:var(--pine);display:grid;gap:.06em;font-weight:900;font-size:clamp(60px,8.4vw,124px);line-height:.92;letter-spacing:-.05em}
@media (max-width:900px){.cd-idea{grid-template-columns:minmax(0,1fr)}.cd-words{position:relative;top:0}}

/* ---------- the mark ---------- */
.cd-mk-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(16px,2vw,24px)}
.cd-con{margin:0;background:color-mix(in srgb,var(--deep) 70%,var(--ink));border-radius:var(--r-lg);padding:clamp(16px,2.4vw,36px);display:grid;place-items:center}
.cd-con svg{width:100%;height:auto;max-width:540px}
.cd-con text{font-family:Figtree,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;fill:var(--cream)}
.cd-mk-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;gap:clamp(16px,2vw,24px)}
.cd-lk{display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;gap:20px;padding:clamp(20px,2.4vw,32px);border-radius:var(--r-lg);background:var(--pine);text-align:center;min-height:200px}
.cd-min{grid-column:1 / -1;border-radius:var(--r-lg);background:var(--ground-2);padding:clamp(20px,2.4vw,28px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:24px 20px}
.cd-min figure{display:grid;gap:10px;justify-items:start}
.cd-wms{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);margin-top:clamp(16px,2vw,24px)}
.cd-wmp{background:var(--pine);border-radius:var(--r-lg);padding:clamp(24px,3vw,44px);display:grid;gap:clamp(28px,3.4vw,52px);align-content:space-between}
.cd-wmp .cd-lock{font-size:clamp(42px,6.2vw,92px)}
.cd-wmp-t{font-size:clamp(22px,2vw,28px);letter-spacing:-.02em;font-weight:400;line-height:1;transition:font-weight var(--t-state) var(--ease)}
html[data-wm="ramp"] .cd-wmp.is-ramp .cd-wmp-t,html[data-wm="solid"] .cd-wmp.is-solid .cd-wmp-t{font-weight:900}
.cd-wmp dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;font-size:15px;line-height:1.4;color:var(--mute);font-variant-numeric:tabular-nums}
.cd-wmp dt{color:var(--cream);font-weight:600}
.cd-wmp dd{margin:0}
.cd-mk-mid{margin-top:clamp(16px,2vw,24px)}
.cd-clear{margin:0;border-radius:var(--r-lg);background:var(--ground-2);padding:clamp(32px,4vw,64px) 16px;display:grid;place-items:center;gap:22px;overflow:hidden}
.cd-cs{position:relative;display:inline-block;font-size:clamp(36px,5vw,72px);padding:.257em;outline:1px dashed color-mix(in srgb,var(--mute) 70%,transparent);color:var(--cream)}
.cd-cs .cd-lock{line-height:.7;display:flex;box-shadow:0 0 0 1px color-mix(in srgb,var(--mute) 25%,transparent)}
.cd-cs i{position:absolute;width:.257em;height:.257em;border-radius:50%;background:var(--pine);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mute) 55%,transparent)}
.cd-cs i:nth-of-type(1){left:0;top:calc(50% - .1285em)}.cd-cs i:nth-of-type(2){right:0;top:calc(50% - .1285em)}
.cd-cs i:nth-of-type(3){top:0;left:calc(50% - .1285em)}.cd-cs i:nth-of-type(4){bottom:0;left:calc(50% - .1285em)}
.cd-ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(16px,2vw,24px);border-radius:var(--r-lg);overflow:hidden}
.cd-way{padding:clamp(20px,2.6vw,36px);min-height:clamp(170px,17vw,230px);display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.cd-way .cd-lock{font-size:clamp(32px,3.4vw,50px)}
.cd-way .cd-name{color:inherit;opacity:.85}
.cd-mis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:clamp(16px,2vw,24px)}
.cd-mis figure{display:grid;gap:10px}
.cd-mis-a{position:relative;aspect-ratio:4/3;border-radius:var(--r-lg);background:var(--ground-2);display:grid;place-items:center;overflow:hidden}
.cd-mis-a svg{width:42%;height:auto}
.cd-mis-a svg.is-wide{width:70%}
.cd-mis-a::after{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:3px;background:var(--cream);transform:rotate(-24deg);opacity:.9}
.cd-mis-a.is-day{background:var(--cream)}
.cd-mis-a.is-day::after{background:var(--deep)}
@media (max-width:1100px){.cd-mis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.cd-mk-top,.cd-wms{grid-template-columns:minmax(0,1fr)}.cd-ways{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cd-mis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.cd-ways{grid-template-columns:minmax(0,1fr)}}

/* ---------- colour ---------- */
.cd-bar{display:flex;height:clamp(120px,14vw,190px);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.cd-bar>div{display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;min-width:0;font-size:15px;line-height:1.25}
.cd-bar b{font-weight:800;font-size:clamp(15px,1.4vw,20px);letter-spacing:-.01em}
.cd-bar span{font-variant-numeric:tabular-nums;opacity:.85}
.cd-bar .cd-tiny{padding:0}
.cd-col-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,72px);margin-top:clamp(28px,3.4vw,52px)}
.cd-roles{list-style:none;margin:0;padding:0;display:grid;gap:18px;align-content:start}
.cd-roles li{display:grid;grid-template-columns:34px 1fr;gap:4px 16px;align-items:start}
.cd-roles i{width:34px;height:34px;border-radius:50%;grid-row:span 2;box-shadow:inset 0 0 0 1px var(--line)}
.cd-roles b{font-weight:800;letter-spacing:-.01em}
.cd-roles b span{font-weight:400;color:var(--mute);margin-left:8px;font-variant-numeric:tabular-nums}
.cd-roles p{color:var(--mute);font-size:16px}
.cd-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;align-content:start}
.cd-pair{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 4px 10px 0;border-bottom:1px solid var(--line)}
.cd-sw2{width:64px;height:48px;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:22px;letter-spacing:-.03em}
.cd-pair b{font-weight:600;font-size:15px;line-height:1.25;display:block}
.cd-pair small{display:block;color:var(--mute);font-size:13.5px;line-height:1.3}
.cd-pair .cd-r{font-weight:800;font-variant-numeric:tabular-nums;font-size:20px;letter-spacing:-.02em}
.cd-pair.is-no{opacity:.72}
.cd-pair.is-no .cd-sw2{position:relative;overflow:hidden}
.cd-pair.is-no .cd-sw2::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:2px;background:var(--deep);transform:rotate(-28deg)}
.cd-rule-note{margin-top:16px;font-size:15px;color:var(--mute)}
@media (max-width:980px){.cd-col-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.cd-pairs{grid-template-columns:minmax(0,1fr)}.cd-bar{flex-direction:column;height:360px}.cd-bar>div{flex-direction:row;align-items:center;padding:0 16px}.cd-bar span{margin-left:auto}}

/* ---------- type ---------- */
.cd-scale{display:grid;border-top:1px solid var(--line)}
.cd-row{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line)}
.cd-row dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;font-size:14px;color:var(--mute);font-variant-numeric:tabular-nums}
.cd-row dt{color:var(--cream);font-weight:600}
.cd-row dd{margin:0}
.cd-t-d{font-weight:900;font-size:clamp(46px,7.6vw,112px);letter-spacing:-.05em;line-height:.94}
.cd-t-1{font-weight:900;font-size:clamp(34px,4.4vw,64px);letter-spacing:-.045em;line-height:1}
.cd-t-2{font-weight:800;font-size:clamp(27px,2.8vw,40px);letter-spacing:-.03em;line-height:1.06}
.cd-t-3{font-weight:800;font-size:24px;letter-spacing:-.015em;line-height:1.2}
.cd-t-b{font-weight:400;font-size:17px;line-height:1.55;max-width:58ch}
.cd-t-s{font-weight:400;font-size:14px;letter-spacing:.005em;line-height:1.45;color:var(--mute)}
.cd-type-g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,4vw,64px);margin-top:clamp(40px,5vw,72px);align-items:start}
.cd-type-g h3{font-size:24px;font-weight:800;letter-spacing:-.015em;margin-bottom:14px}
.cd-ws{display:grid;border-top:1px solid var(--line)}
.cd-w{display:grid;grid-template-columns:minmax(0,9fr) 82px minmax(0,11fr);gap:6px 22px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.cd-w .x{font-size:clamp(38px,4.2vw,58px);letter-spacing:-.035em;line-height:1;white-space:nowrap}
.cd-w .n{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.cd-w .m{font-size:16px;line-height:1.4;color:var(--mute)}
.cd-never{position:relative;margin:22px 0 0;padding:24px 24px 18px;border-radius:var(--r-lg);background:var(--ground-2);overflow:hidden;display:grid;gap:14px}
.cd-never p{font-size:clamp(26px,2.8vw,38px);letter-spacing:-.04em;line-height:1.02}
.cd-never-art{position:relative;justify-self:start}
.cd-never-art::after{content:"";position:absolute;left:-4%;right:-4%;top:50%;height:3px;background:var(--cream);transform:rotate(-6deg);opacity:.9}
.cd-spec{display:grid;gap:clamp(16px,2vw,24px)}
.cd-spec-p{border-radius:var(--r-lg);padding:clamp(24px,3vw,40px);display:grid;gap:14px;align-content:start}
.cd-spec-p.is-night{background:var(--pine)}
.cd-spec-p.is-day{background:var(--cream);color:var(--pine)}
.cd-spec-p.is-day .cd-t-s{color:color-mix(in srgb,var(--pine) 82%,var(--ink))}
.cd-spec-p .cd-t-b.is-earn{font-weight:600}
@media (max-width:900px){.cd-row{grid-template-columns:minmax(0,1fr);gap:10px}.cd-type-g{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.cd-w{grid-template-columns:minmax(0,1fr) auto}.cd-w .m{grid-column:1 / -1}}

/* ---------- weight does every job ---------- */
.cd-jobs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,24px);align-items:stretch}
.cd-job{display:grid;grid-template-rows:1fr auto;gap:12px;min-width:0}
.cd-job figcaption{font-weight:800;font-size:18px;letter-spacing:-.012em}
.cd-job>.cd-pan{padding:clamp(22px,2.4vw,32px);display:grid;align-content:center;justify-items:start;gap:20px;min-height:200px;min-width:0}
.cd-j-course{grid-column:span 7;grid-row:span 2}
.cd-j-nav{grid-column:span 5}
.cd-j-prog{grid-column:span 5}
.cd-j-pact{grid-column:span 7;grid-row:span 2}
.cd-j-ans{grid-column:span 5}
.cd-j-btn{grid-column:span 5}
.cd-j-btn>.cd-pan{justify-items:center}
@media (max-width:1100px){.cd-jobs>*{grid-column:span 6!important;grid-row:auto!important}.cd-j-course,.cd-j-pact{grid-column:1 / -1!important}}
@media (max-width:700px){.cd-jobs>*{grid-column:1 / -1!important;grid-row:auto!important}}
.cd-jnav{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:clamp(20px,1.9vw,25px);letter-spacing:-.015em}
.cd-jnav a,.cd-tn a,.cd-tlink,.cd-hv a,.cd-site .a-nav a{text-decoration:none;font-weight:400;padding-block:6px;transition:font-weight var(--t-hover) var(--ease)}
.cd-jnav a[aria-current="page"],.cd-tn a[aria-current="page"],.cd-site .a-nav a[aria-current="page"],.cd-app .a-nav a[aria-current="page"]{font-weight:900}
.cd-jnav a:focus-visible,.cd-tn a:focus-visible,.cd-tlink:focus-visible,.cd-hv a:focus-visible,.cd-app .a-nav a:focus-visible{font-weight:600;outline:none;box-shadow:var(--ring);border-radius:4px}
.cd-jnav a[aria-current="page"]:focus-visible,.cd-tn a[aria-current="page"]:focus-visible{font-weight:900}
@media (hover:hover) and (pointer:fine){
  .cd-jnav a:not([aria-current]):hover,.cd-tn a:not([aria-current]):hover,.cd-tlink:hover,.cd-hv a:hover,.cd-app .a-nav a:not([aria-current]):hover{font-weight:600}
}
.cd-hv a.is-hover{font-weight:600}
.cd-jprog-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px;width:100%;font-size:17px}
.cd-jprog-top b{font-weight:900}
.cd-j-prog .cd-prog{font-size:clamp(44px,4.6vw,62px)}

/* progress numerals */
.cd-prog{display:flex;gap:.42em;font-size:32px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cd-prog>span{font-weight:300;transition:font-weight var(--t-state) var(--ease),color var(--t-state) var(--ease)}
.cd-prog>span.is-done{font-weight:800}
.cd-prog>span.is-now{font-weight:900;color:var(--amber)}


/* the loader: four rounded squares, outline then fill, lighting in turn */
.cd-load{width:88px;height:88px;display:inline-block;flex:none;vertical-align:middle}
.cd-load rect{fill:var(--cream);fill-opacity:0;stroke:var(--cream);stroke-width:5;animation:cd-ld 1.6s cubic-bezier(.2,.7,.2,1) infinite}
.cd-load rect:nth-child(2){animation-delay:.4s}.cd-load rect:nth-child(3){animation-delay:.8s}.cd-load rect:nth-child(4){animation-delay:1.2s}
@keyframes cd-ld{0%,100%{fill-opacity:0}18%,40%{fill-opacity:1}62%{fill-opacity:0}}
.cd-load.is-sm{width:18px;height:18px}
.cd-load.is-sm rect{stroke-width:9}
.cd-loading{display:inline-flex;align-items:center;gap:10px;font-weight:400}
.cd-loading .cd-load.is-sm{width:20px;height:20px}
@media (prefers-reduced-motion:reduce){.cd-load rect{animation-duration:3.2s;animation-timing-function:linear}}

/* the pact week */

/* ---------- the marked answer (shared) ---------- */
.cd-es{position:relative;container-type:inline-size}
.cd-es-pan{background:var(--pine);border-radius:var(--r-lg);padding:clamp(22px,2.8vw,40px);box-shadow:var(--shadow-200),var(--bevel-100)}
.cd-es-meta{font-size:14px;color:var(--mute)}
.cd-es-q{font-size:clamp(22px,2.1vw,30px);font-weight:800;letter-spacing:-.022em;line-height:1.14;margin-top:8px;max-width:30ch}
.cd-es-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:16px}
.cd-s{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,250px);gap:4px 22px;align-items:baseline}
.cd-s:not(:has(.cd-note))>.cd-stk{grid-column:2 / 4}
.cd-s-n{font-size:15px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--mute);transition:font-weight var(--t-state) var(--ease)}
.cd-s .cd-stk{font-size:19px;line-height:1.45}
.cd-s.is-earn .v{font-weight:600}
.cd-s.is-miss .v{font-weight:300}
.cd-s.is-miss .cd-s-n{font-weight:300}
.cd-stk{display:grid}
.cd-stk>*{grid-area:1 / 1}
.cd-stk .g{visibility:hidden;font-weight:600}
.cd-stk .v{transition:opacity var(--t-fade) var(--ease)}
.cd-note{font-size:15px;line-height:1.42;padding-left:14px;border-left:2px solid var(--line-2);align-self:start;margin-top:3px}
.cd-note b{font-weight:800}
.cd-note>span{transition:opacity var(--t-fade) var(--ease),visibility var(--t-fade)}
.cd-note .b{opacity:0;visibility:hidden}
.is-fixed .cd-note .a{opacity:0;visibility:hidden}
.is-fixed .cd-note .b{opacity:1;visibility:visible}
@container (max-width:600px){
  .cd-s{grid-template-columns:22px minmax(0,1fr)}
  .cd-s>.cd-stk,.cd-s:not(:has(.cd-note))>.cd-stk{grid-column:2}
  .cd-s .cd-note{grid-column:2;margin-top:8px}
  .cd-s .cd-stk{font-size:18px}
}
.cd-es-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:28px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--deep) 55%,transparent)}
.cd-es-mark{display:grid;gap:2px}
.cd-es-lab{font-size:14px;color:var(--mute)}
.cd-es-num{font-size:52px;font-weight:900;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;transition:font-weight var(--t-state) var(--ease)}
.cd-es-num small{font-size:.44em;font-weight:400;color:var(--mute);letter-spacing:-.01em}
.cd-es-mark.is-old .cd-es-num{font-weight:300}
.cd-es-count{font-size:16px;font-weight:600;min-height:44px;display:flex;align-items:center;margin-right:auto}
.cd-es-count.is-all{font-weight:800}
.cd-toast{display:inline-flex;flex-wrap:wrap;gap:0 6px;background:var(--surface-2);color:var(--cream);border-radius:var(--radius);padding:14px 18px;font-size:16px;line-height:1.35;box-shadow:var(--shadow-300),var(--bevel-100);align-items:center}
.cd-toast .cd-load{margin-right:6px}
.cd-toast b{font-weight:800}
.cd-es-toast{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t-fade) var(--ease),visibility var(--t-fade)}
.cd-es-toast.is-on{opacity:1;visibility:visible}
@container (max-width:600px){
  .cd-es-toast{white-space:normal;width:max-content;max-width:calc(100% - 24px)}
  .cd-es-num{font-size:44px}
}

/* revision */
.cd-rv{display:grid;gap:18px;align-content:start}
.cd-rv-top{display:flex;justify-content:space-between;align-items:baseline;font-size:16px}
.cd-rv-top b{font-weight:900}
.cd-rv-q{font-size:23px;font-weight:800;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.cd-opts{display:grid;gap:8px}
.cd-opt{appearance:none;border:0;margin:0;font:inherit;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--well);color:var(--cream);border-radius:var(--radius);padding:12px 16px;min-height:54px;font-size:17px;line-height:1.3;cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow var(--t-hover) var(--ease)}
.cd-opt-t{font-weight:400;transition:font-weight var(--t-state) var(--ease)}
.cd-tick{width:20px;height:20px;flex:none;fill:none;stroke:var(--mint);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--t-fade) var(--ease)}
.cd-opts.is-answered .cd-opt-t{font-weight:300}
.cd-opts.is-answered .cd-opt.is-correct .cd-opt-t{font-weight:800}
.cd-opts.is-answered .cd-opt.is-correct .cd-tick{opacity:1}
.cd-opts.is-answered .cd-opt.is-chosen:not(.is-correct){box-shadow:inset 0 0 0 1px var(--line-2)}
.cd-opts.is-answered .cd-opt.is-chosen:not(.is-correct) .cd-opt-t{font-weight:400}
.cd-opt:focus-visible{outline:none;box-shadow:var(--ring)}
@media (hover:hover) and (pointer:fine){.cd-opt:hover{box-shadow:inset 0 0 0 1px var(--line-2)}}

/* ---------- material ---------- */
.cd-mat-live{height:clamp(360px,44vw,600px);border-radius:var(--r-lg);background:var(--deep)}
.cd-mat-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,2.2fr) minmax(0,2fr) minmax(0,3.4fr);gap:clamp(14px,1.8vw,24px);margin-top:clamp(14px,1.8vw,24px);align-items:stretch}
.cd-mat-row figure{display:grid;grid-template-rows:1fr auto;gap:12px;min-width:0}
.cd-pat{border-radius:var(--r-lg);min-height:320px;overflow:hidden;background:var(--deep);box-shadow:0 0 0 1px var(--line)}
.cd-pat svg,.cd-wall svg,.cd-print svg{display:block;width:100%;height:100%}
.cd-print{border-radius:6px;aspect-ratio:1/1.414;overflow:hidden;background:var(--cream);align-self:center}
.cd-wall{border-radius:30px;aspect-ratio:9/19.5;overflow:hidden;background:var(--deep);border:6px solid var(--ink);box-shadow:0 0 0 1px var(--line-2);align-self:center;width:100%;max-width:210px;justify-self:center}
.cd-still-f{border-radius:var(--r-lg);overflow:hidden;position:relative;min-height:320px;background:var(--pine)}
@media (max-width:980px){.cd-mat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-mat-row figure:first-child,.cd-mat-row figure:last-child{grid-column:1 / -1}.cd-print,.cd-wall{max-width:180px;justify-self:center;width:100%}}
@media (max-width:520px){.cd-pat,.cd-still-f{min-height:220px}}

/* ---------- motion ---------- */
.cd-mo{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,56px)}
.cd-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px clamp(24px,3vw,48px);counter-reset:r}
.cd-rules li{display:grid;grid-template-columns:28px 1fr;gap:12px;font-size:19px;line-height:1.4;font-weight:600}
.cd-rules li::before{counter-increment:r;content:counter(r);font-weight:900;color:var(--mute);font-variant-numeric:tabular-nums}
.cd-demos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.cd-demo{display:grid;grid-template-rows:auto auto;align-content:start;gap:14px}
.cd-stage{position:relative;border-radius:var(--r-lg);background:var(--ground-2);aspect-ratio:1/1.05;display:grid;place-items:center;align-content:center;gap:22px;overflow:hidden;padding:20px}
.cd-demo figcaption{display:grid;gap:2px}
.cd-demo figcaption b{font-weight:800;font-size:18px;letter-spacing:-.012em}
.cd-demo figcaption span{font-size:14.5px;color:var(--mute);font-variant-numeric:tabular-nums;line-height:1.4}
.cd-ld{width:44%;height:auto;overflow:visible}
.cd-ld .cd-b1,.cd-ld .cd-b2,.cd-ld .cd-b2s,.cd-ld .cd-b3{opacity:0}
.cd-ld .cd-b2{transform-box:fill-box;transform-origin:center;transform:scale(.55)}
.cd-ld .cd-b2s{transform-box:fill-box;transform-origin:left center;transform:scaleX(0)}
.cd-ld.is-on .cd-b1{opacity:1;transition:opacity 750ms var(--ease-o)}
.cd-ld.is-on .cd-b2{opacity:1;transform:none;transition:opacity 1000ms var(--ease-o) 300ms,transform 1000ms var(--ease-o) 300ms}
.cd-ld.is-on .cd-b2s{opacity:1;transform:none;transition:opacity 700ms var(--ease-o) 450ms,transform 850ms var(--ease-o) 450ms}
.cd-ld.is-on .cd-b3{opacity:1;transition:opacity 800ms var(--ease-o) 900ms}
.cd-ld-w{font-size:clamp(28px,2.6vw,38px);color:var(--cream)}
.cd-replay{position:absolute;right:10px;bottom:8px}
.cd-stage .cd-mq{width:calc(100% + 40px);margin:0 -20px;border-block:1px solid var(--line);background:var(--deep)}
.cd-stage .cd-mq-g{font-size:17px}
.cd-hv{list-style:none;margin:0;padding:0;display:grid;gap:4px;justify-items:center;font-size:24px;letter-spacing:-.015em}
@media (max-width:980px){.cd-rules{grid-template-columns:minmax(0,1fr)}.cd-demos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cd-demos{grid-template-columns:minmax(0,1fr)}.cd-stage{aspect-ratio:16/11}.cd-ld{width:30%}}
@media (prefers-reduced-motion:reduce){
  .cd-ld .cd-b2,.cd-ld .cd-b2s{transform:none}
  .cd-ld.is-on .cd-b1,.cd-ld.is-on .cd-b2,.cd-ld.is-on .cd-b2s,.cd-ld.is-on .cd-b3{transition:opacity 400ms linear}
}

/* ---------- components ---------- */
.cd-comp{display:grid;gap:clamp(36px,4vw,56px)}
.cd-c{display:grid;gap:14px;align-content:start;min-width:0}
.cd-c>h3{font-size:17px;font-weight:800;letter-spacing:-.01em;padding-bottom:10px;border-bottom:1px solid var(--line)}
.cd-topnav{display:flex;align-items:center;gap:20px 36px;flex-wrap:wrap;padding:16px 16px 16px 24px;min-height:80px;background:var(--pine);border-radius:var(--r-lg)}
.cd-topnav>.cd-lock{font-size:28px}
.cd-tn{display:flex;gap:4px 28px;flex-wrap:wrap;font-size:17px}
.cd-tn-r{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:17px}
.cd-btnmx{display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));gap:14px;align-items:center;background:var(--ground-2);border-radius:var(--r-lg);padding:clamp(18px,2.4vw,28px)}
.cd-btnmx .cd-h{font-size:14px;color:var(--mute)}
.cd-btnmx .cd-btn{min-height:48px;font-size:15.5px;padding-inline:14px;max-width:100%}
.cd-btnmx .cd-btn-t{padding-inline:2px;justify-self:start}
.cd-comp-a{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,3vw,44px);align-items:start}
.cd-comp-b{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);gap:clamp(24px,3vw,44px);align-items:start}
.cd-form{display:grid;gap:22px;padding:clamp(20px,2.6vw,32px)}
.cd-fld{display:grid;gap:8px;align-content:start}
.cd-fld label{font-size:15px;font-weight:600;transition:font-weight var(--t-hover) var(--ease)}
.cd-fld:focus-within label,.cd-fld.is-err label{font-weight:900}
.cd-in{appearance:none;width:100%;min-width:0;height:52px;font:inherit;font-size:17px;color:var(--cream);background:var(--hole);border:0;border-radius:var(--radius);box-shadow:inset 0 -2px 0 var(--line-2);padding:0 16px;outline:none;transition:box-shadow var(--t-hover) var(--ease)}
.cd-in::placeholder{color:var(--mute);opacity:.85;font-weight:300}
.cd-in:focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--cream),var(--ring)}
.cd-fld.is-err .cd-in{box-shadow:inset 0 -3px 0 var(--cream)}
.cd-msg{font-size:14px;line-height:1.4;color:var(--mute)}
.cd-fld.is-err .cd-msg{color:var(--cream);font-weight:600}
.cd-row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cd-fs{border:0;margin:0;padding:0;display:grid;gap:4px;min-width:0;align-content:start}
.cd-fs legend{font-size:15px;font-weight:600;margin-bottom:6px;padding:0}
.cd-ck{display:flex;align-items:center;gap:12px;min-height:40px;cursor:pointer;font-size:17px}
.cd-ck input{appearance:none;-webkit-appearance:none;margin:0;width:22px;height:22px;flex:none;border:2px solid var(--mute);background:transparent;display:grid;place-items:center;cursor:pointer;transition:background-color var(--t-hover) var(--ease),border-color var(--t-hover) var(--ease)}
.cd-ck input[type=checkbox]{border-radius:6px}
.cd-ck input[type=radio]{border-radius:50%}
.cd-ck input:checked{background:var(--cream);border-color:var(--cream)}
.cd-ck input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.5l3.6 3.6L15.5 6' fill='none' stroke='%230F2E25' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:100% 100%}
.cd-ck input[type=radio]:checked{box-shadow:inset 0 0 0 4px var(--pine)}
.cd-ck input:focus-visible{outline:none;box-shadow:var(--ring)}
.cd-ck input[type=radio]:checked:focus-visible{box-shadow:inset 0 0 0 4px var(--pine),var(--ring)}
.cd-ck span{font-weight:400;transition:font-weight var(--t-state) var(--ease)}
.cd-ck input:checked+span{font-weight:600}
.cd-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line)}
.cd-tab{appearance:none;border:0;border-radius:6px 6px 2px 2px;background:none;color:var(--cream);font:inherit;font-size:20px;letter-spacing:-.01em;font-weight:400;padding:10px 4px 12px;cursor:pointer;box-shadow:inset 0 -3px 0 transparent;transition:font-weight var(--t-hover) var(--ease),box-shadow var(--t-hover) var(--ease)}
.cd-tab[aria-selected="true"]{font-weight:900;box-shadow:inset 0 -3px 0 var(--cream)}
.cd-tab:focus-visible{outline:none;box-shadow:var(--ring)}
.cd-tab[aria-selected="true"]:focus-visible{box-shadow:inset 0 -3px 0 var(--cream),var(--ring)}
@media (hover:hover) and (pointer:fine){.cd-tab[aria-selected="false"]:hover{font-weight:600}}
.cd-subj{display:grid;gap:14px;padding:clamp(22px,2.6vw,32px);margin-top:16px}
.cd-subj-n{font-size:clamp(36px,3.4vw,48px);font-weight:900;line-height:.95;letter-spacing:-.045em}
.cd-subj-p{font-size:16px}
.cd-subj-q{font-size:17px;line-height:1.45;font-weight:600;border-left:2px solid var(--line-2);padding-left:16px}
.cd-subj-q small{display:block;margin-top:8px;font-size:14px;font-weight:400;color:var(--mute)}
.cd-rv.cd-pan{padding:24px}
.cd-toastz{border-radius:var(--r-lg);background:var(--ground-2);min-height:220px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px}
.cd-toastz .cd-toast.is-new{animation:cd-in 260ms var(--ease) both}
@keyframes cd-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cd-progs{display:grid;gap:22px;padding:24px;align-content:start}
.cd-progs .cd-prog{font-size:46px}
.cd-progs .cd-loading{font-size:16px}
.cd-progs .cd-loading .cd-load{width:28px;height:28px}
.cd-progs p.cd-name{margin-top:-12px}
@media (max-width:1100px){.cd-comp-b{grid-template-columns:1fr 1fr}.cd-comp-b>:first-child{grid-column:1 / -1}.cd-btnmx{grid-template-columns:auto repeat(5,minmax(0,1fr));overflow-x:auto}}
@media (max-width:760px){.cd-comp-a,.cd-comp-b{grid-template-columns:minmax(0,1fr)}.cd-row2{grid-template-columns:minmax(0,1fr)}.cd-hide-s{display:none!important}}
@media (max-width:640px){
  .cd-btnmx{grid-template-columns:auto repeat(2,minmax(0,1fr));overflow:visible;gap:12px 10px;padding:16px}
  .cd-btnmx .cd-xs{display:none}
  .cd-btnmx .cd-btn{white-space:normal;padding-block:8px;font-size:14.5px;line-height:1.2;text-align:center}
  .cd-btnmx .cd-bl.cd-rs{display:inline}
  .cd-btnmx .cd-bl.cd-rs::after{display:none}
  .cd-topnav{padding:14px 14px 16px 18px;gap:12px 20px}
  .cd-tn-r{margin-left:0;width:100%;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){.cd-toastz .cd-toast.is-new{animation:cd-fade 200ms linear both}@keyframes cd-fade{from{opacity:0}to{opacity:1}}}

/* ---------- voice ---------- */
.cd-voice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
.cd-vr{display:grid;gap:16px;align-content:start}
.cd-vr h3{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.cd-vb{display:grid;gap:6px;padding-top:14px;border-top:1px solid var(--line)}
.cd-vb small{font-size:14px;color:var(--mute)}
.cd-vb p{font-size:20px;line-height:1.36;letter-spacing:-.01em}
.cd-vb.is-before p{font-weight:300}
.cd-vb.is-after p{font-weight:600}
.cd-micro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(36px,4vw,64px)}
.cd-micro figure{display:grid;grid-template-rows:1fr auto;gap:12px}
.cd-mc{padding:28px;display:grid;gap:12px;align-content:center;justify-items:start;min-height:220px}
.cd-mc-h{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.cd-mc .cd-btn{margin-top:6px}
.cd-mc.is-ok{background:var(--ground-2)}
@media (max-width:900px){.cd-voice,.cd-micro{grid-template-columns:minmax(0,1fr)}}

/* ---------- applications ---------- */
.cd-apps{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,2.4vw,32px);align-items:start}
.cd-apps figure,.cd-apps-b figure{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.cd-icons{background:var(--ground-2);border-radius:var(--r-lg);padding:clamp(20px,2.4vw,32px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 32px;align-items:end}
.cd-icons>figure:first-child{grid-column:1 / -1}
.cd-icon-row{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap}
.cd-ico{display:block;border-radius:22.37%;overflow:hidden;flex:none;max-width:100%;height:auto}
.cd-tabsd{display:grid;gap:10px}
.cd-tabstrip{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;font-size:13px;width:max-content;max-width:100%}
.cd-tabstrip svg{flex:none}
.cd-av{width:120px;height:120px;border-radius:50%;background:var(--deep);box-shadow:0 0 0 1px var(--line-2);display:grid;place-items:center;flex:none;color:var(--cream)}
.cd-av svg{width:50%;height:50%}
.cd-frame{border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.cd-frame .fit{aspect-ratio:auto;min-height:60px}
.cd-apps-b{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3.4fr) minmax(0,4.6fr);gap:clamp(20px,2.4vw,32px);margin-top:clamp(20px,2.4vw,32px);align-items:end}
.cd-lid{position:relative;border-radius:var(--r-lg);aspect-ratio:4/3;background:linear-gradient(160deg,color-mix(in srgb,var(--alu) 82%,var(--mute)),var(--alu) 46%,color-mix(in srgb,var(--alu) 70%,var(--ink)));display:grid;place-items:center;overflow:hidden}
.cd-lid::before{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:color-mix(in srgb,var(--ink) 70%,var(--mute))}
.cd-sticker{font-size:clamp(28px,2.8vw,40px);background:var(--amber);color:var(--deep);padding:.44em .62em .5em;border-radius:.44em;box-shadow:0 0 0 6px var(--cream),0 14px 26px -10px color-mix(in srgb,var(--ink) 90%,transparent);transform:translate(-14%,-8%)}
/* share card, instagram, poster (inside .fit) */
.cd-share{height:630px;position:relative;background:var(--pine);color:var(--cream);overflow:hidden}
.cd-share-in{position:relative;z-index:2;height:100%;padding:72px 80px;display:flex;flex-direction:column;justify-content:space-between}
.cd-share-in .cd-lock{font-size:52px}
.cd-share-h{font-size:92px;font-weight:900;letter-spacing:-.055em;line-height:.92;max-width:7.4em}
.cd-share-s{font-size:30px;opacity:.9;margin-top:22px}
.cd-ig{height:1350px;position:relative;background:var(--deep);color:var(--cream);padding:104px 96px 92px;display:grid;grid-template-rows:auto 1fr auto}
.cd-ig-h{font-size:118px;font-weight:900;letter-spacing:-.05em;line-height:.92;max-width:8ch}
.cd-ig-s{list-style:none;margin:84px 0 0;padding:0;display:grid;gap:34px;align-content:start;font-size:44px;line-height:1.24;letter-spacing:-.015em;max-width:22ch}
.cd-ig-s li{font-weight:600}
.cd-ig-s li.off{font-weight:300}
.cd-ig-s li.off span{display:block;margin-top:14px;font-size:30px;font-weight:800;color:var(--cream)}
.cd-ig-f{display:flex;justify-content:space-between;align-items:baseline;font-size:30px;color:var(--mute)}
.cd-ig-f .cd-lock{font-size:62px;color:var(--cream)}
.cd-a4{height:1123px;position:relative;background:var(--cream);color:var(--pine);padding:84px 72px 64px;display:grid;grid-template-rows:1fr auto auto}
.cd-a4-h{font-size:118px;font-weight:900;letter-spacing:-.055em;line-height:.9;max-width:6.4ch;align-self:end}
.cd-a4-p{font-size:30px;line-height:1.3;color:var(--ink);margin-top:34px;max-width:22ch}
.cd-a4-l{list-style:none;margin:40px 0 0;padding:0;display:grid;font-size:24px;font-weight:600;color:var(--ink)}
.cd-a4-l li{padding:14px 0;border-top:2px solid color-mix(in srgb,var(--pine) 22%,var(--cream))}
.cd-a4-f{display:flex;justify-content:space-between;align-items:baseline;margin-top:56px;padding-top:26px;border-top:2px solid var(--pine);font-size:28px;font-weight:800}
.cd-a4-f .cd-lock{font-size:46px}
@media (max-width:980px){.cd-apps{grid-template-columns:minmax(0,1fr)}.cd-apps-b{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-apps-b figure:last-child{grid-column:1 / -1}}
@media (max-width:560px){.cd-apps-b{grid-template-columns:minmax(0,1fr)}.cd-icons{grid-template-columns:minmax(0,1fr)}}

/* ---------- the site ---------- */
.cd-sites{display:grid;gap:clamp(36px,4vw,56px)}
.cd-pairrow{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,23vw,330px);gap:clamp(20px,2.6vw,40px);align-items:start}
.cd-pairrow figure{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.cd-dev{border-radius:16px;padding:6px;background:var(--ink);box-shadow:0 0 0 1px var(--line-2)}
.cd-dev .fit{border-radius:11px;aspect-ratio:auto;min-height:60px}
.cd-dev.is-phone{border-radius:40px;padding:7px}
.cd-dev.is-phone .fit{border-radius:33px}
@media (max-width:820px){.cd-pairrow{grid-template-columns:minmax(0,1fr)}.cd-pairrow .cd-dev.is-phone{max-width:340px;width:100%;justify-self:center}}

.cd-site{background:var(--deep);color:var(--cream);font-size:17px;line-height:1.55}
.cd-site .s-hd{display:flex;align-items:center;gap:36px;height:84px;padding:0 56px}
.cd-site .s-hd .cd-lock{font-size:32px}
.cd-site .s-nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:16px;font-weight:400}
.cd-site .s-hero{position:relative;height:620px;background:var(--pine);overflow:hidden}
.cd-site .s-hero-in{position:relative;z-index:2;padding:100px 56px 0;display:grid;gap:24px;max-width:720px}
.cd-site .s-h1{font-size:86px;font-weight:900;letter-spacing:-.05em;line-height:.93}
.cd-site .s-sub{font-size:22px;opacity:.9}
.cd-site .s-btns{display:grid;gap:12px;width:340px;margin-top:8px}
.cd-site .s-facts{list-style:none;margin:0;padding:0 56px;display:flex;height:92px;align-items:center;font-size:16px;font-weight:600;border-bottom:1px solid var(--line)}
.cd-site .s-facts li{padding:0 28px;border-left:1px solid var(--line-2)}
.cd-site .s-facts li:first-child{padding-left:0;border-left:0}
.cd-site .s-sec{padding:112px 56px}
.cd-site .s-two{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:end}
.cd-site .s-h2{font-size:60px;font-weight:900;letter-spacing:-.045em;line-height:.98}
.cd-site .s-p{font-size:20px;line-height:1.5;color:var(--mute);max-width:40ch}
.cd-site .s-steps{list-style:none;margin:72px 0 0;padding:30px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.cd-site .s-steps li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:baseline;font-size:19px;line-height:1.35}
.cd-site .s-steps b{font-size:58px;font-weight:900;letter-spacing:-.04em;line-height:.8}
.cd-site .s-pact{padding-top:24px}
.cd-site .s-pact-g{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:64px;align-items:center;margin-top:56px}
.cd-site .s-pact .cd-btn{margin-top:30px}
.cd-site .s-prom{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.cd-site .s-prom li{padding-top:22px;border-top:1px solid var(--line-2);font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.08}
.cd-site .s-wrapph{width:272px;padding:9px;border-radius:44px;background:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--mute) 30%,var(--ink)),var(--bevel-100),var(--shadow-400)}
.cd-site .s-wrapscr{height:440px;border-radius:36px;background:var(--deep);padding:56px 22px 24px;display:grid;align-content:start;gap:12px;position:relative;overflow:hidden}
.cd-site .s-wrapscr::before{content:"";position:absolute;top:11px;left:50%;width:74px;height:22px;margin-left:-37px;border-radius:12px;background:var(--ink)}
.cd-site .s-wrap-k{font-size:13px;color:var(--mute)}
.cd-site .s-wrap-h{font-size:26px;font-weight:900;letter-spacing:-.03em;line-height:1.05}
.cd-site .s-wrap-m{font-size:19px;font-weight:600;line-height:1.3;margin-top:8px}
.cd-site .s-wrap-p{font-size:16px;line-height:1.4;color:var(--mute)}
.cd-site .s-wrap-l{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:9px}
.cd-site .s-wrap-l li{display:flex;align-items:center;justify-content:space-between;font-size:15px}
.cd-site .s-wrap-l .cd-c{--c:16px;border-radius:5px}
.cd-site .s-wrapscr{height:470px}.cd-site .s-end{margin:0 56px;padding:92px 72px;border-radius:28px;background:var(--pine);display:grid;gap:18px;justify-items:start}
.cd-site .s-end .s-h2{font-size:76px}
.cd-site .s-end p{font-size:21px;opacity:.9;margin-bottom:12px}
.cd-site .s-ft{display:grid;grid-template-columns:1.1fr 1.3fr 1fr;gap:48px;padding:72px 56px 64px;font-size:15px;color:var(--mute)}
.cd-site .s-ft .cd-lock{font-size:28px;color:var(--cream)}
.cd-site .s-ft nav{display:grid;gap:8px;justify-items:start;color:var(--cream)}
/* phone homepage */
.cd-site.is-ph .s-hd{height:68px;padding:0 20px;gap:12px}
.cd-site.is-ph .s-hd .cd-lock{font-size:24px}
.cd-site.is-ph .s-hd .cd-btn{margin-left:auto}
.cd-site.is-ph .s-hero{height:auto;padding-bottom:36px}
.cd-site.is-ph .s-hero-in{padding:232px 20px 0;gap:18px}
.cd-site.is-ph .s-h1{font-size:50px}
.cd-site.is-ph .s-sub{font-size:18px}
.cd-site.is-ph .s-btns{width:100%}
.cd-site.is-ph .s-facts{flex-direction:column;align-items:flex-start;height:auto;padding:22px 20px;gap:10px;font-size:15px}
.cd-site.is-ph .s-facts li{padding:0;border:0}
.cd-site.is-ph .s-sec{padding:60px 20px 64px}
.cd-site.is-ph .s-two{grid-template-columns:1fr;gap:16px}
.cd-site.is-ph .s-h2{font-size:38px}
.cd-site.is-ph .s-p{font-size:17px}
.cd-site.is-ph .s-steps{grid-template-columns:1fr;gap:22px;margin-top:40px}
.cd-site.is-ph .s-steps li{font-size:17px}
.cd-site.is-ph .s-steps b{font-size:44px}

/* the showcase: a laptop and a phone at night */
.cd-show{position:relative;width:1168px;height:700px;margin-top:72px}
.cd-show::before{content:"";position:absolute;left:-56px;right:-56px;top:-60px;bottom:-40px;background:radial-gradient(48% 56% at 46% 48%,color-mix(in srgb,var(--pine) 62%,var(--deep)) 0%,color-mix(in srgb,var(--pine) 22%,var(--deep)) 52%,transparent 74%);pointer-events:none}
.cd-lap{position:absolute;left:52px;top:0;width:920px}
.cd-lap-lid{position:relative;padding:2px;border-radius:24px 24px 10px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--mute) 46%,var(--ink)),var(--alu) 30%,var(--alu))}
.cd-lap-bez{position:relative;padding:18px 14px 16px;border-radius:22px 22px 8px 8px;background:var(--ink)}
.cd-lap-cam{position:absolute;top:7px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:color-mix(in srgb,var(--ink) 62%,var(--mute))}
.cd-lap-scr{position:relative;width:888px;height:555px;overflow:hidden;border-radius:4px;background:var(--deep)}
.cd-lap-in{position:absolute;left:0;top:0;width:1120px;height:700px;transform:scale(.792857);transform-origin:0 0}
.cd-lap-in .cd-app{width:1120px;height:700px}
.cd-glare{position:absolute;inset:0;z-index:3;background:linear-gradient(116deg,color-mix(in srgb,var(--cream) 8%,transparent) 0%,color-mix(in srgb,var(--cream) 2%,transparent) 30%,transparent 46%);pointer-events:none}
.cd-lap-base{position:relative;height:22px;margin:0 -50px;border-radius:3px 3px 18px 18px / 3px 3px 14px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--mute) 62%,var(--ink)) 0,color-mix(in srgb,var(--mute) 36%,var(--ink)) 22%,color-mix(in srgb,var(--mute) 20%,var(--ink)) 60%,color-mix(in srgb,var(--ink) 92%,var(--mute)) 100%)}
.cd-lap-notch{position:absolute;left:50%;top:0;width:150px;height:8px;margin-left:-75px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 80%,var(--mute)),color-mix(in srgb,var(--mute) 30%,var(--ink)))}
.cd-lap-sh{position:absolute;left:-90px;right:-90px;bottom:-34px;height:46px;background:radial-gradient(50% 50% at 50% 40%,color-mix(in srgb,var(--ink) 85%,transparent),transparent 72%)}
.cd-ph{position:absolute;left:892px;top:138px;width:268px;padding:10px;border-radius:46px;background:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--mute) 30%,var(--ink)),var(--bevel-100),-26px 36px 60px -16px color-mix(in srgb,var(--ink) 88%,transparent),var(--shadow-400)}
.cd-ph::before,.cd-ph::after{content:"";position:absolute;width:3px;border-radius:2px;background:var(--alu)}
.cd-ph::before{right:-3px;top:150px;height:70px}
.cd-ph::after{left:-3px;top:120px;height:46px;box-shadow:0 62px 0 var(--alu)}
.cd-ph-scr{position:relative;width:248px;height:537px;border-radius:37px;overflow:hidden;background:var(--deep)}
.cd-ph-in{position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(.635897);transform-origin:0 0}
.cd-ph-isl{position:absolute;z-index:3;top:10px;left:50%;width:78px;height:23px;margin-left:-39px;border-radius:12px;background:var(--ink)}
.cd-ph-time{position:absolute;z-index:3;top:13px;left:28px;font-size:12px;font-weight:600;color:var(--cream);font-variant-numeric:tabular-nums}
.cd-show-sm{position:relative;width:350px;height:212px;margin-top:30px}
.cd-show-sm>.cd-show{position:absolute;left:0;top:6px;margin:0;transform:scale(.29966);transform-origin:0 0}

/* the app screen */
.cd-app{background:var(--deep);color:var(--cream);width:1280px;height:800px;display:grid;grid-template-rows:auto 1fr;font-size:17px;line-height:1.5;overflow:hidden;position:relative}
.cd-app .a-hd{display:flex;align-items:center;gap:44px;height:76px;padding:0 48px;border-bottom:1px solid var(--line)}
.cd-app .a-hd .cd-lock{font-size:28px}
.cd-app .a-nav{display:flex;gap:30px;font-size:17px}
.cd-app .a-nav a{text-decoration:none;font-weight:400;transition:font-weight var(--t-hover) var(--ease)}
.cd-app .a-av{margin-left:auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--pine);font-weight:600;font-size:16px}
.cd-app .a-main{padding:46px 48px 0}
.cd-es-app{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.cd-es-app .cd-es-q{font-size:40px;font-weight:900;letter-spacing:-.04em;line-height:1.06;max-width:24ch}
.cd-es-app .cd-es-list{margin-top:34px;gap:20px}
.cd-es-app .cd-s .cd-stk{font-size:21px}
.cd-es-app .cd-note{font-size:16.5px}
.cd-es-app .cd-es-foot{flex-direction:column;align-items:stretch;gap:20px;margin:0;padding:28px;border:0;border-radius:var(--r-lg);background:var(--pine);box-shadow:var(--shadow-200),var(--bevel-100)}
.cd-es-app .cd-es-num{font-size:84px}
.cd-es-app .cd-es-count{margin:0}
/* phone revision */
.cd-prv{background:var(--deep);color:var(--cream);height:844px;padding:30px 20px 30px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:22px;font-size:17px;line-height:1.5}
.cd-prv.has-status{padding-top:72px}
.cd-prv .cd-rv-top{font-size:17px}
.cd-prv .cd-prog{font-size:46px;justify-content:space-between}
.cd-prv .cd-rv-q{font-size:32px;font-weight:900;line-height:1.06;letter-spacing:-.03em;margin-top:10px}
.cd-prv .cd-opts{align-content:start;gap:10px}
.cd-prv .cd-opt{background:var(--pine);min-height:64px;font-size:18px}

/* ---------- close ---------- */
.cd-close{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start}
.cd-close h2{font-size:clamp(38px,5.4vw,72px)}
.cd-close p{font-size:clamp(19px,1.6vw,23px);line-height:1.45;max-width:46ch}
@media (max-width:900px){.cd-close{grid-template-columns:minmax(0,1fr)}}

/* the showcase at full size */
.cd-hero-show{border-radius:var(--r-lg);overflow:hidden;background:var(--deep);box-shadow:0 0 0 1px var(--line)}
.cd-hero-show .fit{aspect-ratio:auto;min-height:60px}
.cd-site.is-solo .s-sec{padding:84px 56px 72px}

/* ---------- the week: lit cells (round 2) ---------- */
.cd-wk{display:grid;width:100%;--c:26px;--rowh:50px;--band:color-mix(in srgb,var(--cream) 6%,transparent)}
.cd-wk-r{display:grid;grid-template-columns:minmax(76px,1.6fr) repeat(7,minmax(0,1fr));align-items:center;border-bottom:1px solid var(--line)}
.cd-wk-r:last-child{border-bottom:0}
.cd-wk-r>b{font-size:clamp(17px,1.5vw,20px);letter-spacing:-.01em;line-height:1;font-weight:400;transition:font-weight var(--t-state) var(--ease)}
.cd-wk-r>b.w300{font-weight:300}.cd-wk-r>b.w400{font-weight:400}.cd-wk-r>b.w600{font-weight:600}.cd-wk-r>b.w800{font-weight:800}
.cd-wk-c{height:var(--rowh);display:grid;place-items:center}
.cd-wk-c.is-tn{background:var(--band)}
.cd-wk-hd{border-bottom:0}
.cd-wk-hd .cd-wk-c{font-size:13px;color:var(--mute);height:34px;align-items:end;padding-bottom:6px}
.cd-wk-hd .cd-wk-c.is-tn{color:var(--cream);font-weight:900;border-radius:8px 8px 0 0}
.cd-wk-r:last-child .cd-wk-c.is-tn{border-radius:0 0 8px 8px}
.cd-c{display:block;width:var(--c);height:var(--c);border-radius:7px;flex:none}
.cd-c.is-p{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cream) 55%,transparent)}
.cd-c.is-d{background:var(--cream);box-shadow:0 0 0 1px var(--cream),0 0 14px 2px color-mix(in srgb,var(--cream) 32%,transparent)}
button.cd-c{appearance:none;border:0;margin:0;padding:0;cursor:pointer;background:transparent;position:relative;transition:background-color var(--t-state) var(--ease),box-shadow var(--t-state) var(--ease)}
button.cd-c.is-d{background:var(--cream)}
button.cd-c:focus-visible{box-shadow:var(--ring)}
button.cd-c.is-p:focus-visible{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cream) 55%,transparent),var(--ring)}
.cd-site .cd-wk{--c:30px;--rowh:58px}
.cd-wk-top{display:flex;justify-content:space-between;font-size:15px;color:var(--mute);padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.cd-j-pact .cd-pan{align-content:center}
.cd-site .cd-wk-r>b{font-size:21px}
.cd-site .cd-wk-hd .cd-wk-c{font-size:15px;height:40px}

/* ---------- your course ---------- */
.cd-course{align-content:start!important;gap:10px!important}
.cd-course-h{display:flex;align-items:baseline;gap:12px;width:100%;font-size:17px;margin-bottom:6px}
.cd-course-h b{font-weight:900}
.cd-course-h span{color:var(--mute)}
.cd-course-l{font-size:14px;color:var(--mute);margin-top:8px}
.cd-course-t,.cd-course-p{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 22px}
.cd-course-t{display:grid;gap:2px}
.cd-course button{appearance:none;border:0;background:none;color:var(--cream);font:inherit;letter-spacing:-.015em;cursor:pointer;padding:3px 0;border-radius:4px;font-weight:300;text-align:left;transition:font-weight var(--t-state) var(--ease)}
.cd-course-t button{font-size:clamp(22px,2vw,27px);line-height:1.15}
.cd-course-p button{font-size:clamp(19px,1.6vw,22px)}
.cd-course button.is-cov{font-weight:600}
.cd-course button.is-now{font-weight:900}
@media (hover:hover) and (pointer:fine){.cd-course button:not(.is-now):hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--line-2)}}
.cd-j-ans .cd-pan{justify-items:stretch;align-content:start}
.cd-j-ans .cd-rv-q{font-size:20px}
.cd-j-ans .cd-btn-t{justify-self:start}

/* ---------- marquee ---------- */
.cd-mq{overflow:hidden;background:var(--deep);border-bottom:1px solid var(--line);padding:22px 0;white-space:nowrap}
.cd-mq-t{display:flex;width:max-content;animation:cd-mq 40s linear infinite;will-change:transform}
.cd-mq-g{display:flex;align-items:center;gap:0 22px;padding-right:22px;font-size:20px;letter-spacing:-.01em;line-height:1.2}
.cd-mq-g i{width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--mute) 60%,transparent);flex:none}
.cd-mq .m-t{font-weight:800;color:var(--cream)}
.cd-mq .m-p{font-weight:400;color:var(--mute)}
.cd-mq .m-h{font-weight:600;color:var(--cream)}
.cd-mq .m-c{font-weight:300;color:var(--mute)}
@keyframes cd-mq{to{transform:translateX(-50%)}}
@media (hover:hover) and (pointer:fine){.cd-mq:hover .cd-mq-t{animation-play-state:paused}}
@media (prefers-reduced-motion:reduce){.cd-mq-t{animation:none}}
.cd-site.is-ph .cd-mq{padding:16px 0}
.cd-site.is-ph .cd-mq-g{font-size:16px;gap:0 16px;padding-right:16px}

/* ---------- depth tiles ---------- */
.cd-depth{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);background:var(--ground-2);border-radius:var(--r-lg);padding:clamp(20px,2.4vw,32px)}
.cd-depth figure{display:grid;gap:12px;min-width:0}
.cd-dt{display:block;height:78px;border-radius:12px;background:var(--pine)}
.cd-depth figcaption{display:grid;gap:2px;font-size:14px;color:var(--mute)}
.cd-depth figcaption b{font-size:15px;font-weight:600;color:var(--cream);font-variant-numeric:tabular-nums}
@media (max-width:980px){.cd-depth{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.cd-depth{grid-template-columns:repeat(2,minmax(0,1fr))}}