.kb{--kb-ink:oklch(24.61% .053 323.1);--kb-muted:oklch(46.64% .0558 323.6);--kb-bg:oklch(97.2% .01 330);--kb-paper:oklch(100% 0 0);--kb-line:oklch(87.67% .053 331.4);--kb-soft:oklch(95.16% .0359 336.6);--kb-plum:oklch(45.04% .202 323);--kb-gold:oklch(75.67% .127 45);--kb-gold-soft:oklch(94% .05 60);--kb-ok:oklch(45% .13 155);--kb-accent:var(--kb-plum);--kb-display:"Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--kb-body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;background:var(--kb-bg);min-height:100vh;color:var(--kb-ink);font-family:var(--kb-body);font-size:18px;line-height:1.6}.kb *,.kb :before,.kb :after{box-sizing:border-box}.kb h1,.kb h2,.kb h3{font-family:var(--kb-display);letter-spacing:-.02em;color:var(--kb-ink);margin:0;font-weight:700;line-height:1.12}.kb h1{font-size:clamp(32px,6vw,52px)}.kb h2{font-size:clamp(22px,3.4vw,28px)}.kb h3{font-size:20px}.kb p{margin:0}.kb a{color:var(--kb-plum)}.kb button,.kb input{font:inherit;color:inherit}.kb :focus-visible{outline:3px solid var(--kb-gold);outline-offset:3px;border-radius:6px}.kb-sr,.kb-skip:not(:focus){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kb-skip:focus{z-index:10;background:var(--kb-paper);border-radius:8px;padding:8px 14px;position:fixed;top:8px;left:8px}.kb-top{max-width:880px;margin:0 auto;padding:18px 20px 0}.kb-brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex;color:var(--kb-ink)!important}.kb-brand strong{font-family:var(--kb-display);font-size:19px;line-height:1.1;display:block}.kb-brand small{color:var(--kb-muted);font-size:14px}.kb-brand-mark{background:linear-gradient(135deg, var(--kb-plum), var(--kb-gold));border-radius:50% 50% 50% 8px;width:34px;height:34px}.kb-main{max-width:880px;margin:0 auto;padding:28px 20px 80px}.kb-muted{color:var(--kb-muted)}.kb-lead{color:var(--kb-muted);max-width:60ch;margin-top:12px;font-size:21px}.kb-panel{background:var(--kb-paper);border:1px solid var(--kb-line);border-radius:16px;margin-top:20px;padding:24px}.kb-panel h1{margin-bottom:8px}.kb-btn{background:var(--kb-plum);cursor:pointer;border:0;border-radius:999px;margin-top:14px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block;color:oklch(100% 0 0)!important}.kb-btn:hover{background:oklch(38% .2 323)}.kb-link{color:var(--kb-plum);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.kb-row{flex-wrap:wrap;gap:10px;display:flex}.kb-crumbs{color:var(--kb-muted);flex-wrap:wrap;gap:6px 10px;margin-bottom:18px;font-size:15px;display:flex}.kb-crumbs a{color:var(--kb-muted)}.kb-hero{padding:18px 0 26px}.kb-search{margin-top:20px;display:block}.kb-search input{background:var(--kb-paper);border:2px solid var(--kb-line);border-radius:999px;width:100%;padding:18px 22px;font-size:20px}.kb-search input:focus{border-color:var(--kb-plum);box-shadow:0 0 0 4px var(--kb-gold-soft);outline:none}.kb-domains{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.kb-domain{background:var(--kb-paper);border:1px solid var(--kb-line);border-radius:14px;flex-direction:column;gap:6px;padding:22px 22px 20px 28px;text-decoration:none;display:flex;position:relative;overflow:hidden;color:var(--kb-ink)!important}.kb-domain:before{content:"";background:var(--kb-accent);width:8px;position:absolute;inset:0 auto 0 0}.kb-domain strong{font-family:var(--kb-display);font-size:22px;line-height:1.15}.kb-domain span{color:var(--kb-muted);font-size:16px}.kb-domain em{color:var(--kb-accent);margin-top:6px;font-size:15px;font-style:normal;font-weight:600}.kb-domain:hover{border-color:var(--kb-accent)}.kb-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.kb-list li{background:var(--kb-paper);border:1px solid var(--kb-line);border-left:6px solid var(--kb-accent);border-radius:12px;padding:14px 18px}.kb-list a{font-family:var(--kb-display);color:var(--kb-ink);font-size:20px;font-weight:700;line-height:1.25;text-decoration:none}.kb-list a:hover{text-decoration:underline}.kb-list p{color:var(--kb-muted);margin-top:4px;font-size:16px}.kb-domain-title{border-left:10px solid var(--kb-accent);padding-left:16px}.kb-cat{margin-top:34px}.kb-level{font-family:var(--kb-body);letter-spacing:0;color:var(--kb-muted);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.kb-sub{margin-top:18px}.kb-article h1{border-left:10px solid var(--kb-accent);padding-left:16px}.kb-draft{background:var(--kb-gold-soft);border:1px solid var(--kb-gold);border-radius:10px;margin-bottom:18px;padding:10px 14px;font-size:16px}.kb-video{margin-top:26px}.kb-video iframe{aspect-ratio:16/9;background:var(--kb-soft);border:0;border-radius:14px;width:100%;display:block}.kb-article>section{margin-top:34px}.kb-steps-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.kb-count{color:var(--kb-accent);font-weight:600}.kb-progress{background:var(--kb-soft);border-radius:999px;height:10px;margin:12px 0 18px;overflow:hidden}.kb-progress span{background:linear-gradient(90deg, var(--kb-plum), var(--kb-gold));border-radius:999px;height:100%;transition:width .3s;display:block}.kb-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.kb-steps li{background:var(--kb-paper);border:1px solid var(--kb-line);border-radius:14px;padding:6px 8px}.kb-steps label{cursor:pointer;align-items:flex-start;gap:14px;padding:12px;display:flex}.kb-steps input{opacity:0;width:1px;height:1px;position:absolute}.kb-box{border:2px solid var(--kb-muted);background:var(--kb-paper);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;margin-top:1px;display:grid}.kb-steps input:focus-visible+.kb-box{outline:3px solid var(--kb-gold);outline-offset:3px}.kb-steps input:checked+.kb-box{background:var(--kb-ok);border-color:var(--kb-ok)}.kb-steps input:checked+.kb-box:after{content:"";border:3px solid oklch(100% 0 0);border-width:0 3px 3px 0;width:8px;height:15px;transform:translateY(-2px)rotate(45deg)}.kb-step-text{padding-top:2px}.kb-steps li.is-done{background:var(--kb-soft)}.kb-steps li.is-done .kb-step-text{color:var(--kb-muted);text-decoration:line-through;text-decoration-thickness:1px}.kb-shot{border:1px solid var(--kb-line);border-radius:10px;max-width:100%;margin:0 12px 12px 56px;display:block}.kb-done{background:var(--kb-gold-soft);border-radius:12px;margin-top:16px;padding:14px 18px;font-weight:600}.kb-article>section>.kb-link{margin-top:14px}.kb-help{background:var(--kb-paper);border:1px solid var(--kb-line);border-left:8px solid var(--kb-gold);border-radius:14px;padding:20px 22px}.kb-help p{margin-top:8px}.kb-choice{border:2px solid var(--kb-line);background:var(--kb-paper);cursor:pointer;border-radius:999px;min-width:96px;padding:10px 22px;font-weight:600}.kb-choice:hover{border-color:var(--kb-plum)}.kb-choice.is-on{background:var(--kb-plum);border-color:var(--kb-plum);color:oklch(100% 0 0)}.kb-feedback .kb-row{margin-top:12px}.kb-feedback p{margin-top:10px}.kb-meta{border-top:1px solid var(--kb-line);color:var(--kb-muted);flex-wrap:wrap;gap:4px 20px;margin-top:40px;padding-top:16px;font-size:15px;display:flex}@media (width<=560px){.kb{font-size:17px}.kb-shot{margin-left:12px}}@media (prefers-reduced-motion:reduce){.kb-progress span{transition:none}}