.kbx{--kbx-c:var(--kbx-dark,var(--mp-accent-text))}:root[data-theme=light] .kbx{--kbx-c:var(--kbx-light,var(--mp-accent-text))}.kbx [style*=--kbx-dark]{--kbx-c:var(--kbx-dark)}:root[data-theme=light] .kbx [style*=--kbx-dark]{--kbx-c:var(--kbx-light)}.kbx-skip{inset-inline-start:0;z-index:50;background:var(--mp-bg);color:var(--mp-text);border:2px solid var(--mp-accent-text);border-radius:8px;padding:10px 16px;position:absolute;top:8px;transform:translateY(-300%)}.kbx-skip:focus{inset-inline-start:16px;transform:none}.kbx-top{padding-bottom:48px}@media (min-width:1024px){.kbx-top{padding:96px 0 80px}}.kbx-h1{letter-spacing:-.025em;overflow-wrap:anywhere;max-width:18ch;margin-top:12px;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;line-height:1.05}.kbx-lead{margin-bottom:40px}.kbx-meta{color:var(--mp-muted);flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:.8125rem;display:flex}.kbx-cat{letter-spacing:.04em;text-transform:uppercase;color:var(--kbx-c);font-weight:600}.kbx-new{border:1px solid var(--kbx-c);color:var(--kbx-c);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700}.kbx-step{font-variant-numeric:tabular-nums;color:var(--mp-text);font-weight:700}.kbx-feature,.kbx-card,.kbx-row{position:relative}.kbx-link{overflow-wrap:anywhere;outline:none}.kbx-link:after{content:"";z-index:2;position:absolute;inset:0}:is(.kbx-feature:has(.kbx-link:focus-visible),.kbx-card:has(.kbx-link:focus-visible),.kbx-row:has(.kbx-link:focus-visible)){outline:3px solid var(--mp-accent-text);outline-offset:3px}.kbx-link:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.kbx-feature{border:1px solid var(--mp-line);background:var(--mp-card);border-top:3px solid var(--kbx-c);border-radius:16px;gap:0;display:grid;overflow:hidden}@media (min-width:900px){.kbx-feature{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.kbx-feature-img{background:var(--mp-bg-2);aspect-ratio:16/9;overflow:hidden}@media (min-width:900px){.kbx-feature-img{aspect-ratio:auto;min-height:380px;position:relative}.kbx-feature-img img{position:absolute;inset:0}}.kbx-feature-img img,.kbx-card-img img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.kbx-feature-body{flex-direction:column;gap:14px;padding:24px 20px 28px;display:flex}@media (min-width:640px){.kbx-feature-body{padding:32px}}@media (min-width:1024px){.kbx-feature-body{padding:44px}}.kbx-feature h2{letter-spacing:-.015em;font-size:clamp(1.5rem,2.6vw,2.125rem);font-weight:700;line-height:1.15}.kbx-feature-ex{color:var(--mp-text-2);line-height:1.6}.kbx-more{color:var(--mp-accent-text);gap:8px;margin-top:auto;padding-top:8px;font-weight:600;display:inline-flex}.kbx-feature:hover .kbx-more{text-underline-offset:4px;text-decoration:underline}.kbx-trio{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:768px){.kbx-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.kbx-card{background:var(--mp-card);border:1px solid var(--mp-line);border-radius:14px;flex-direction:column;height:100%;transition:border-color .15s;display:flex;overflow:hidden}.kbx-card:hover{border-color:var(--mp-line-strong)}.kbx-card-img{aspect-ratio:16/9;background:var(--mp-bg-2);overflow:hidden}.kbx-card-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 22px;display:flex}.kbx-card h3{font-size:1.1875rem;font-weight:700;line-height:1.25}.kbx-card-min{color:var(--mp-muted);margin-top:auto;font-size:.8125rem}.kbx-ph{background:var(--mp-bg-2);width:100%;height:100%}.kbx-lib .mp-h2{margin-bottom:24px}.kbx-tools{gap:20px;margin-bottom:8px;display:grid}@media (min-width:1024px){.kbx-tools{grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:32px}}.kbx-rail ul{flex-wrap:wrap;gap:8px;display:flex}.kbx-chip{border:1px solid var(--mp-line-strong);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:.9375rem;font-weight:500;line-height:1.2;display:inline-flex}.kbx-chip:hover{background:var(--mp-bg-2)}.kbx-chip[data-on]{background:var(--mp-text);color:var(--mp-bg);border-color:var(--mp-text)}.kbx-chip-n{opacity:.7;font-variant-numeric:tabular-nums;font-size:.8125rem}.kbx-dot{background:var(--kbx-dark);border-radius:50%;flex:none;width:10px;height:10px}:root[data-theme=light] .kbx-dot{background:var(--kbx-light)}.kbx-chip[data-on] .kbx-dot{box-shadow:0 0 0 2px var(--mp-bg)}.kbx-search label{color:var(--mp-text-2);margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.kbx-search-row{gap:8px;display:flex}.kbx-search input[type=search]{border:1px solid var(--mp-line-strong);background:var(--mp-card);min-width:0;min-height:48px;color:var(--mp-text);font:inherit;border-radius:10px;flex:1;padding:0 14px;font-size:1rem}.kbx-search input::placeholder{color:var(--mp-muted);opacity:1}.kbx-search input:focus-visible{outline:2px solid var(--mp-accent-text);outline-offset:2px}.kbx-search-btn{border:1px solid var(--mp-line-strong);min-height:48px;color:var(--mp-text);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:0 18px;font-weight:600}.kbx-search-btn:hover{background:var(--mp-bg-2)}.kbx-count{color:var(--mp-muted);margin:20px 0 8px;font-size:.875rem}.kbx-empty{color:var(--mp-text-2);flex-direction:column;align-items:flex-start;gap:16px;padding:48px 0;display:flex}.kbx-link-btn{border:1px solid var(--mp-line-strong);border-radius:10px;align-items:center;min-height:44px;padding:0 20px;font-weight:600;display:inline-flex}.kbx-list>li{border-top:1px solid var(--mp-line)}.kbx-list>li:last-child{border-bottom:1px solid var(--mp-line)}.kbx-row{grid-template-columns:104px minmax(0,1fr);gap:16px;padding:20px 0;display:grid}@media (min-width:768px){.kbx-row{grid-template-columns:240px minmax(0,1fr);gap:32px;padding:28px 0}}.kbx-thumb{aspect-ratio:16/10;background:var(--mp-bg-2);border:1px solid var(--mp-line);border-radius:10px;align-self:start;overflow:hidden}.kbx-thumb img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.kbx-body{flex-direction:column;gap:8px;min-width:0;display:flex}.kbx-body h3{font-size:1.0625rem;font-weight:700;line-height:1.3}@media (min-width:768px){.kbx-body h3{font-size:1.375rem}}.kbx-excerpt{color:var(--mp-text-2);font-size:.9375rem;line-height:1.55;display:none}@media (min-width:640px){.kbx-excerpt{display:block}}.kbx-mods{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.kbx-mods li{border:1px solid var(--mp-line-strong);color:var(--mp-text-2);border-radius:999px;padding:2px 10px;font-size:.75rem}.kbx-row:hover .kbx-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}