/* DUDE International Brand Identity Kit: page layer on top of the real v4.css. Kit-only classes start with k-. */
.k-wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 40px}
.k-sec{scroll-margin-top:64px}
.k-sec>.divider{margin-top:56px}
.k-lede{font:400 clamp(18px,1.6vw,21px)/1.5 var(--serif);color:var(--ink2);max-width:860px;margin:0 0 26px}
.k-lede b{color:var(--ink)}
.k-h3{font:850 clamp(21px,1.75vw,27px)/1.06 var(--sans);letter-spacing:-.035em;margin:34px 0 14px}
.k-h3 small{font:500 12px var(--mono);letter-spacing:.02em;color:var(--muted);margin-left:8px}
.k-p{font-size:16.5px;line-height:1.55;color:var(--ink2);max-width:780px}
.k-p+.k-p{margin-top:10px}
.k-grid{display:grid;gap:18px}
.k-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.k-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.k-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.k-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.k-g2,.k-g3,.k-g4{grid-template-columns:minmax(0,1fr)}}
.k-card{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:18px 18px 16px;min-width:0}
.k-card--ink{border:2px solid var(--ink);box-shadow:var(--hard)}
.k-card h4{font:800 17px/1.2 var(--sans);letter-spacing:-.02em;margin-bottom:8px}
.k-card p,.k-card li{font:400 15.5px/1.5 var(--serif);color:var(--ink2)}
.k-card li+li{margin-top:6px}
.k-card ul.k-ticks li{padding-left:22px;position:relative}
.k-ticks li::before{content:"";position:absolute;left:2px;top:.55em;width:10px;height:10px;border-radius:2px;background:var(--pink)}
.k-card .kicker{margin-bottom:8px}
.k-tag{display:inline-block;font:700 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;border-radius:2px;vertical-align:.15em;margin-left:6px}
.k-tag--v4{background:var(--ink);color:var(--paper)}
.k-tag--rule{background:var(--uv);color:#fff}
.k-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font:500 12px var(--mono);color:var(--muted);margin:-8px 0 26px}
/* essence */
.k-words{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 6px}
.k-words span{font:900 clamp(26px,3.2vw,46px)/1 var(--sans);letter-spacing:-.05em;padding:10px 16px 12px;border-radius:4px;background:var(--void);color:#fff}
.k-words span:nth-child(2){background:var(--pinkbg)}
.k-words span:nth-child(3){background:var(--uv)}
.k-words span:nth-child(4){background:var(--card);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--hard)}
.k-dd{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);border-radius:6px;overflow:hidden;background:var(--card)}
.k-dd>div{padding:16px 18px}
.k-dd>div+div{border-left:2px solid var(--ink)}
.k-dd h4{display:flex;align-items:center;gap:8px;font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.k-dd .do h4{color:var(--up)}.k-dd .dont h4{color:var(--dn)}
.k-dd li{font:400 15.5px/1.45 var(--serif);padding:7px 0;border-top:1px solid var(--hair)}
.k-dd li:first-child{border-top:0}
.k-dd q{font-style:italic;quotes:"\201C" "\201D"}
@media (max-width:640px){.k-dd{grid-template-columns:1fr}.k-dd>div+div{border-left:0;border-top:2px solid var(--ink)}}
.k-vs{width:100%;border-collapse:collapse;font:400 15px/1.45 var(--sans);background:var(--card);border:2px solid var(--ink);border-radius:6px;overflow:hidden}
.k-vs th,.k-vs td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--rule);vertical-align:top}
.k-vs thead th{background:var(--void);color:#fff;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.k-vs td:first-child{font-weight:700;width:22%}
.k-vs tr:last-child td{border-bottom:0}
.scrollx{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* logo */
.k-logo{border-radius:6px;padding:clamp(24px,4vw,54px);display:flex;align-items:center;justify-content:center;min-height:200px;position:relative;border:1px solid var(--rule)}
.k-logo img{width:100%;max-width:620px;height:auto}
.k-logo--void{background:var(--void);border-color:var(--void)}
.k-logo--paper{background:#F9F9F9}
.k-logo--pink{background:#C8106A;border-color:#C8106A}
.k-logo__cap{position:absolute;left:12px;bottom:10px;font:600 11px var(--mono);letter-spacing:.06em;color:#9a9aa8}
.k-logo--paper .k-logo__cap{color:#5C5C69}
.k-logo--pink .k-logo__cap{color:#FFE1EE}
.k-dl{display:inline-flex;align-items:center;gap:6px;border:1.5px solid currentColor;border-radius:999px;padding:7px 13px;min-height:38px;font:700 12px var(--sans);text-decoration:none;color:inherit;background:none}
.k-dl:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.k-logo .k-dl{position:absolute;right:12px;top:12px;color:#fff;border-color:#55556A;min-height:32px;padding:5px 11px;font-size:11px}
.k-logo--paper .k-dl{color:#0B0B0F;border-color:#D6D5DE}
.k-logo .k-dl:hover{background:#F8157F;border-color:#F8157F;color:#fff}
.k-clear{background:var(--void);border-radius:6px;padding:28px;display:flex;justify-content:center}
.k-clear__box{position:relative;padding:var(--x);outline:1.5px dashed #F8157F;outline-offset:0}
.k-clear__box img{display:block;width:min(520px,60vw);height:auto;outline:1px solid #55556A}
.k-clear__x{position:absolute;font:700 11px var(--mono);color:#FF7EB6}
.k-clear__x--t{top:4px;left:50%;transform:translateX(-50%)}.k-clear__x--l{left:6px;top:50%;transform:translateY(-50%)}
.k-mis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.k-mis figure{background:var(--card);border:1px solid var(--rule);border-radius:6px;overflow:hidden}
.k-mis .k-mis__v{height:120px;display:flex;align-items:center;justify-content:center;padding:16px;position:relative;overflow:hidden}
.k-mis .k-mis__v::after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 2px),#D42A1F calc(50% - 1px),#D42A1F calc(50% + 1px),transparent calc(50% + 2px));opacity:.85}
.k-mis img{max-width:100%;max-height:70px}
.k-mis figcaption{padding:10px 12px;font:600 13px/1.35 var(--sans);border-top:1px solid var(--rule)}
.k-mis figcaption b{display:block;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dn);margin-bottom:3px}
@media (max-width:900px){.k-mis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.k-icons{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.k-icons figure{text-align:center;font:500 11px var(--mono);color:var(--muted)}
.k-icons img{display:block;margin:0 auto 6px;border-radius:10px}
/* color */
.k-sw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1100px){.k-sw{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.k-sw{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.k-sw{grid-template-columns:minmax(0,1fr)}}
.sw{background:var(--card);border:1px solid var(--rule);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s var(--ease)}
.sw:hover{box-shadow:var(--hard);transform:translate(-2px,-2px)}
.sw__chip{height:96px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:10px 12px;font:700 11px var(--mono);letter-spacing:.06em}
.sw__chip--split{background:linear-gradient(90deg,var(--l) 50%,var(--d) 50%)}
.sw__chip i{font-style:normal;padding:2px 6px;border-radius:2px;background:rgba(0,0,0,.55);color:#fff}
.sw__b{padding:12px 12px 10px;display:flex;flex-direction:column;gap:4px;flex:1}
.sw__n{font:800 16px/1.2 var(--sans);letter-spacing:-.02em}
.sw__t{font:600 11.5px var(--mono);color:var(--accent)}
.sw__r{font:400 13.5px/1.4 var(--sans);color:var(--muted);margin:2px 0 6px}
.sw__v{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}
.cp{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--rule);background:var(--card2);color:var(--ink);border-radius:4px;padding:5px 7px;min-height:30px;font:600 11px/1 var(--mono);font-variant-numeric:tabular-nums;transition:background .2s,border-color .2s}
.cp:hover{border-color:var(--ink);background:var(--blush)}
.cp.ok{background:var(--pinkbg);border-color:var(--pinkbg);color:#fff}
.cp svg{width:11px;height:11px;opacity:.6}
.k-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.mini{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:8px;min-width:0}
.mini__c{flex:none;width:44px;height:44px;border-radius:4px;display:flex;align-items:center;justify-content:center;font:700 10px var(--mono);color:#fff}
.mini__b{min-width:0;display:flex;flex-direction:column;gap:3px}
.mini__n{font:700 13px/1.2 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini__r{font:400 11.5px/1.3 var(--sans);color:var(--muted)}
.k-ct{width:100%;border-collapse:collapse;background:var(--card);font:500 14px var(--sans)}
.k-ct th,.k-ct td{padding:9px 12px;border-bottom:1px solid var(--rule);text-align:left;white-space:nowrap}
.k-ct thead th{font:700 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--card2)}
.k-ct td:nth-child(3){font:700 14px var(--mono);font-variant-numeric:tabular-nums}
.k-ct td:last-child{white-space:normal;color:var(--muted);font-size:13.5px}
.k-ct .smp{display:inline-flex;align-items:center;padding:5px 10px;border-radius:4px;font:700 14px var(--sans);min-width:120px}
.g{display:inline-block;font:700 10px/1 var(--mono);letter-spacing:.06em;padding:4px 7px;border-radius:2px;color:#fff}
.g--AAA{background:#0B8043}.g--AA{background:#1F5FBF}.g--Large{background:#7A5A00}.g--Deco{background:#5C5C69}
.k-tbl{border:2px solid var(--ink);border-radius:6px;overflow:hidden}
.k-chk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:0;border:2px solid var(--ink);border-radius:6px;overflow:hidden;box-shadow:6px 6px 0 var(--pink);background:var(--card)}
.k-chk__c{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.k-chk label{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.k-chk select{font:600 15px var(--sans);padding:9px 10px;min-height:44px;border:1.5px solid var(--ink);border-radius:4px;background:var(--card);color:var(--ink)}
.k-chk__p{padding:22px;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:200px;transition:background .2s,color .2s}
.k-chk__p b{font:900 clamp(34px,4vw,56px)/.95 var(--sans);letter-spacing:-.05em}
.k-chk__p p{font:400 17px/1.5 var(--serif)}
.k-chk__r{font:850 32px/1 var(--sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.k-chk__g{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:640px){.k-chk{grid-template-columns:1fr}}
/* type */
.k-fonts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.k-fonts{grid-template-columns:1fr}}
.font{background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.font__aa{font-size:96px;line-height:.9;letter-spacing:-.05em}
.font__n{font:800 20px var(--sans);letter-spacing:-.02em}
.font__r{font:400 14.5px/1.45 var(--sans);color:var(--muted)}
.font__abc{font-size:19px;line-height:1.35;word-break:break-word;color:var(--ink2)}
.font__w{display:flex;flex-wrap:wrap;gap:6px 12px;font:500 11px var(--mono);color:var(--muted)}
.ts{border-top:2px solid var(--ink)}
.ts__row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 22px;padding:16px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.ts__k{display:flex;flex-direction:column;gap:4px}
.ts__k b{font:800 15px var(--sans)}
.ts__k code{font:500 11.5px/1.4 var(--mono);color:var(--muted);white-space:normal}
.ts__s{min-width:0;overflow-wrap:anywhere}
.ts__s [contenteditable]{outline:0}
.ts__s [contenteditable]:focus-visible{outline:3px solid var(--uv);outline-offset:4px}
.ts__c{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:640px){.ts__row{grid-template-columns:1fr}.ts__c{grid-column:1}}
.k-try{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 6px;font:500 12px var(--mono);color:var(--muted)}
/* layout */
.k-front{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr) 120px;grid-template-areas:"lead brief wn" "take take wn";gap:10px 12px;font:700 11px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.k-front>div{border-radius:4px;padding:12px;min-height:70px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.k-front small{font:500 10.5px var(--mono);letter-spacing:0;text-transform:none;opacity:.85}
.k-front .a{grid-area:lead;background:var(--void);min-height:180px}
.k-front .b{grid-area:brief;background:var(--pinkbg)}
.k-front .c{grid-area:wn;background:var(--uv)}
.k-front .d{grid-area:take;background:#1D3F8F}
.k-desks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.k-desks>div{border-top:6px solid var(--dk);background:var(--card);border-radius:4px;border-left:1px solid var(--rule);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:10px;font:700 11px var(--mono);min-height:58px}
.k-desks small{display:block;font:500 10.5px var(--mono);color:var(--muted);margin-top:4px}
.k-bp{display:flex;flex-direction:column;gap:6px}
.k-bp div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center;font:500 13px var(--sans)}
.k-bp b{font:700 12px var(--mono)}
.k-bp i{display:block;height:22px;border-radius:2px;background:linear-gradient(90deg,var(--uv),var(--pink));width:var(--w);min-width:20px}
.k-bp span{grid-column:2;color:var(--muted);font-size:13px;margin-top:-2px}
.k-sp{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.k-sp div{display:flex;flex-direction:column;align-items:center;gap:6px;font:600 11px var(--mono);color:var(--muted)}
.k-sp i{display:block;width:var(--s);height:var(--s);background:var(--pink);border-radius:2px}
.k-sh{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:900px){.k-sh{grid-template-columns:repeat(2,minmax(0,1fr))}}
.k-sh div{background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:14px;min-height:100px;font:700 12px var(--mono);display:flex;flex-direction:column;justify-content:space-between}
.k-sh small{font:500 11px var(--mono);color:var(--muted)}
.k-rad{display:flex;gap:14px;flex-wrap:wrap}
.k-rad div{width:88px;height:64px;border:2px solid var(--ink);background:var(--blush);display:flex;align-items:flex-end;padding:6px;font:700 11px var(--mono)}
/* components */
.demo{border:1px solid var(--rule);border-radius:6px;background:var(--card);overflow:hidden;margin-bottom:22px}
.demo__h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--rule);background:var(--card2)}
.demo__h b{font:800 15px var(--sans);letter-spacing:-.01em}
.demo__h code{font:500 11.5px var(--mono);color:var(--muted)}
.demo__b{padding:20px;background:var(--paper);min-width:0}
.demo__b--void{background:var(--void)}
.demo__n{padding:10px 14px;border-top:1px solid var(--rule);font:400 14px/1.5 var(--sans);color:var(--muted)}
.demo__n b{color:var(--ink)}
.demo .secnav{position:relative;top:auto;border-radius:4px}
.demo .secnav__mark{max-width:90px;opacity:1}
.demo .toc{position:relative;right:auto;top:auto;width:auto;max-width:460px;max-height:none;animation:none}
.demo .stats{max-width:420px}
.demo .front-demo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:26px 30px}
@media (max-width:900px){.demo .front-demo{grid-template-columns:minmax(0,1fr)}}
.demo .brief{grid-area:auto}.demo .lead{grid-area:auto}
.demo .desks{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo .desks>.desk{grid-column:span 1}
@media (max-width:900px){.demo .desks{grid-template-columns:1fr}}
.demo .facts__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:640px){.demo .facts__list{grid-template-columns:1fr}}
.demo .wn{position:static}
.demo .takeaways{grid-area:auto}
.demo .foot{margin:0}
.k-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.k-row+.k-row{margin-top:14px}
.k-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:10px 18px;min-height:44px;font:700 14px var(--sans);text-decoration:none;background:var(--pinkbg);color:#fff;transition:background .2s,transform .2s var(--ease),box-shadow .2s}
.k-btn:hover{background:var(--uv);color:#fff}
.k-btn--ink{background:var(--ink);color:var(--paper)}
.k-btn--ink:hover{background:var(--pinkbg);color:#fff}
.k-btn--ghost{background:none;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.k-btn--ghost:hover{background:var(--ink);color:var(--paper)}
.k-btn--hard{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink),var(--hard)}
.k-btn--hard:hover{transform:translate(-2px,-2px);box-shadow:inset 0 0 0 2px var(--ink),6px 6px 0 var(--pink);background:var(--card);color:var(--ink)}
.k-art{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--void)}
.k-chart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
@media (max-width:900px){.k-chart{grid-template-columns:1fr}}
/* motion */
.k-mo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.k-mo{grid-template-columns:1fr}}
.mo{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:10px}
.mo__t{height:54px;border-radius:4px;background:var(--card2);position:relative;overflow:hidden}
.mo__t i{position:absolute;left:6px;top:7px;width:40px;height:40px;border-radius:4px;background:var(--pink)}
.mo.go .mo__t i{transform:translateX(calc(var(--tw,240px) - 52px))}
.mo__t i{transition:transform var(--d,.7s) var(--e,var(--ease))}
.mo b{font:800 15px var(--sans)}
.mo code{font:500 11.5px/1.4 var(--mono);color:var(--muted)}
.k-play{align-self:flex-start}
.k-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.k-keys div{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:12px 14px;font:600 14px var(--sans)}
.k-keys kbd{font-size:14px;padding:6px 9px;min-width:32px;text-align:center}
/* lists and checklist */
.k-check{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:900px){.k-check{grid-template-columns:minmax(0,1fr)}}
.k-check ol{counter-reset:c}
.k-check li{counter-increment:c;display:block;position:relative;padding:9px 0 9px 32px;border-top:1px solid var(--hair);font:400 15px/1.45 var(--serif);color:var(--ink2)}
.k-check li:first-child{border-top:0}
.k-check li::before{position:absolute;left:0;top:10px;content:counter(c,decimal-leading-zero);font:700 11px/1.9 var(--mono);color:var(--accent)}
.k-check li b{font-family:var(--sans);color:var(--ink)}
.k-check code,.k-p code,.k-card code,.demo__n code,.k-steps code{font:500 .86em var(--mono);background:var(--card2);padding:1px 5px;border-radius:3px;overflow-wrap:anywhere}
/* apply */
.k-steps{counter-reset:s;display:grid;gap:12px}
.k-steps>li{counter-increment:s;display:grid;grid-template-columns:60px minmax(0,1fr);gap:14px;background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:16px 18px}
.k-steps>li::before{content:counter(s);font:900 44px/.9 var(--sans);letter-spacing:-.06em;color:var(--pink)}
.k-steps>li:nth-child(3n+2)::before{color:var(--uv)}
.k-steps>li:nth-child(3n)::before{color:var(--ink)}
.k-steps h4{font:800 18px/1.2 var(--sans);letter-spacing:-.02em;margin-bottom:6px}
.k-steps p{font:400 15.5px/1.5 var(--serif);color:var(--ink2)}
.k-code{position:relative;margin-top:10px;background:var(--void);color:#E9E9EE;border-radius:6px;padding:14px 16px;font:500 12.5px/1.6 var(--mono);overflow-x:auto;white-space:pre;tab-size:2}
.k-code .cp{position:absolute;right:8px;top:8px;background:#15151C;color:#fff;border-color:#3A3A46}
.k-code .cp.ok{background:#C8106A}
.k-dls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.k-dls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.k-dls{grid-template-columns:1fr}}
.dl{display:flex;flex-direction:column;gap:6px;background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:14px 16px;text-decoration:none;color:var(--ink);min-height:44px;transition:box-shadow .25s,transform .25s var(--ease)}
.dl:hover{box-shadow:6px 6px 0 var(--pink);transform:translate(-2px,-2px);color:var(--ink)}
.dl b{font:800 16px var(--sans);letter-spacing:-.01em}
.dl span{font:400 14px/1.4 var(--sans);color:var(--muted)}
.dl small{font:600 11px var(--mono);color:var(--accent);margin-top:auto}
.dl--big{background:var(--pinkbg);color:#fff;border-color:var(--pinkbg)}
.dl--big span,.dl--big small{color:#FFE1EE}
.dl--big:hover{color:#fff;box-shadow:6px 6px 0 var(--ink)}
.k-faq details{border-bottom:1px solid var(--rule)}
.k-faq details:first-child{border-top:2px solid var(--ink)}
.k-faq summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:52px;padding:10px 2px;cursor:pointer;font:750 18px/1.25 var(--sans);letter-spacing:-.015em}
.k-faq summary::-webkit-details-marker{display:none}
.k-faq summary::after{content:"+";font:700 22px var(--mono);color:var(--pink);transition:transform .3s var(--ease)}
.k-faq details[open] summary::after{transform:rotate(45deg)}
.k-faq details p{padding:0 2px 16px;font:400 16px/1.55 var(--serif);color:var(--ink2);max-width:820px}
/* hero */
.k-hero{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:26px 30px;margin-top:26px}
@media (max-width:900px){.k-hero{grid-template-columns:minmax(0,1fr)}}
.k-hero>*,.k-grid>*,.k-check>*{min-width:0}
.cp{position:relative}.cp::after{content:"";position:absolute;inset:-7px -3px}
.k-hero .hed--lead{margin:10px 0 12px}
.k-hero .lead__body{max-width:760px}
.k-hero__side{display:flex;flex-direction:column;gap:16px}
.k-quick a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 2px;border-bottom:1px solid var(--rule);text-decoration:none;font:700 14.5px var(--sans)}
.k-quick a span{font:500 11px var(--mono);color:var(--muted)}
.k-quick a:hover{color:var(--accent)}
.k-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,calc(100% + 40px));visibility:hidden;z-index:60;background:var(--void);color:#fff;border-radius:6px;box-shadow:6px 6px 0 var(--pink);padding:12px 16px;font:700 14px var(--sans);transition:transform .35s var(--ease),visibility 0s .35s;max-width:calc(100vw - 28px)}
.k-toast.on{transform:translate(-50%,0);visibility:visible;transition:transform .35s var(--ease)}
.k-egg .np2{animation:kegg 1.6s steps(1) 2}
@keyframes kegg{0%{color:#F8157F}20%{color:#7733FF}40%{color:#B48CFF}60%{color:#FF5CA2}80%{color:#FFC23D}}
.foot__egg{font:500 11.5px var(--mono);color:#77778A}
.ticker .tk b{margin-right:6px}
.k-swt{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
@media (prefers-reduced-motion:reduce){.k-egg .np2{animation:none}.k-toast{transition:none}}
@media print{.secnav,.ticker,.totop,.k-toast,.cp,.k-logo .k-dl{display:none!important}.demo{break-inside:avoid}}
.k-hero>*,.demo :is(.lead,.brief,.wn,.takeaways){grid-area:auto}
.k-icons{display:flex;gap:20px;align-items:flex-end;justify-content:center}
.k-icons figure{margin:0;display:grid;justify-items:center;gap:8px;font:500 10px var(--mono);color:#C9C9D3}
.k-icons img{max-width:none;height:auto;border-radius:0}
.k-icons figure:nth-child(1) img{width:96px}.k-icons figure:nth-child(2) img{width:48px}.k-icons figure:nth-child(3) img{width:24px}