.wkp-category-browser{margin:26px 0 32px;padding:0;color:#20271f}
.wkp-category-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.wkp-category-kicker{display:block;color:#67794c;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:7px}
.wkp-category-heading h2{margin:0;font-size:clamp(20px,2.2vw,26px);line-height:1.25;letter-spacing:-.03em}
.wkp-category-back{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:#42582d;font-size:12px;font-weight:700;text-decoration:none;padding:8px 0}
.wkp-category-back:hover{text-decoration:underline}
.wkp-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wkp-category-card{display:flex;align-items:center;gap:14px;position:relative;min-height:96px;padding:16px;background:#fff;border:1px solid #d8dfce;border-radius:12px;color:#20271f;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s}
.wkp-category-card:hover{background:#f6faed;border-color:#90aa64;box-shadow:0 4px 16px #26351a0b;color:#20271f}
.wkp-category-card.is-current{background:#eaf5cf;border-color:#92b84c;box-shadow:inset 0 0 0 1px #92b84c}
.wkp-category-icon{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:12px;background:#f0f3e9;color:#526a32}
.wkp-category-icon svg{display:block;width:32px;height:32px}
.wkp-category-card.is-overview .wkp-category-icon{background:#273121;color:#c3f329}
.wkp-category-card.is-current:not(.is-overview) .wkp-category-icon{background:#d7edac;color:#344c19}
.wkp-category-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.wkp-category-copy strong{font-size:14px;font-weight:750;line-height:1.3;overflow-wrap:anywhere}
.wkp-category-copy small{font-size:11px;color:#68745a;line-height:1.4}
.wkp-category-current{color:#496524;font-weight:700;white-space:nowrap}
.wkp-category-arrow{margin-left:auto;align-self:flex-start;color:#708453;font-size:17px;line-height:1;flex-shrink:0}
.wkp-category-card.is-current .wkp-category-arrow{color:#44691e}
.wkp-category-more{margin-top:12px}
.wkp-category-more summary{display:flex;align-items:center;justify-content:center;gap:10px;list-style:none;cursor:pointer;padding:12px 16px;min-height:44px;border:1px solid #d8dfce;border-radius:9px;color:#42582d;font-size:12px;font-weight:700;background:#f0f3e9}
.wkp-category-more summary::-webkit-details-marker{display:none}
.wkp-category-more summary:hover{background:#e7efdb}
.wkp-category-more .wkp-category-more-close{display:none}
.wkp-category-more[open] .wkp-category-more-open{display:none}
.wkp-category-more[open] .wkp-category-more-close{display:inline}
.wkp-category-more[open] .wkp-category-chevron{transform:rotate(180deg)}
.wkp-category-more>.wkp-category-grid{margin-top:12px}
.wkp-category-browser a:focus-visible,.wkp-category-more summary:focus-visible{outline:3px solid #759738;outline-offset:3px}
@media(max-width:900px){.wkp-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wkp-category-heading{align-items:flex-start}.wkp-category-heading h2{font-size:22px}.wkp-category-card{gap:12px;padding:14px}}
@media(max-width:560px){.wkp-category-browser{margin:22px 0 26px}.wkp-category-heading{flex-direction:column;gap:6px;margin-bottom:12px}.wkp-category-heading h2{font-size:20px}.wkp-category-back{font-size:12px;padding:5px 0}.wkp-category-grid{gap:8px}.wkp-category-card{align-items:flex-start;flex-direction:column;gap:10px;padding:12px;min-height:148px;border-radius:10px}.wkp-category-icon{width:42px;height:42px;border-radius:10px}.wkp-category-icon svg{width:27px;height:27px}.wkp-category-copy strong{font-size:13px}.wkp-category-copy small{font-size:10px}.wkp-category-arrow{position:absolute;right:12px;top:16px}.wkp-category-current{display:block}.wkp-category-kicker{font-size:9px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.wkp-category-card{transition:none}}