.category-art{--tone:#3e78bc;--wash:#e0efff;--tint:#b9d7f5;--accent:#e2ae54;display:grid;place-items:center;width:64px;height:64px;color:var(--tone);flex:none}
.category-art svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:2.3;margin:0}.category-art .wash{fill:var(--wash)}.category-art .tint{fill:var(--tint)}.category-art .accent{stroke:var(--accent)}.category-art .accent-fill{fill:var(--accent);stroke:var(--accent)}
.tone-violet{--tone:#7a62ae;--wash:#eee7ff;--tint:#d4c7ef;--accent:#edb25c}.tone-teal{--tone:#32877f;--wash:#e1f5ef;--tint:#b4e2d4;--accent:#e4ad5e}.tone-coral{--tone:#bf765d;--wash:#fff0e5;--tint:#f2c5af;--accent:#68a2ba}.tone-rose{--tone:#b65f83;--wash:#fbe6ed;--tint:#edbad0;--accent:#6ca6a4}.tone-green{--tone:#588956;--wash:#eaf4e2;--tint:#c5dfb3;--accent:#dca44a}.tone-amber{--tone:#aa7f32;--wash:#fcf2d8;--tint:#efda9b;--accent:#6a9fb2}
.category-page{max-width:1160px}.category-page .page-head{margin-bottom:32px}.category-group{gap:20px;max-width:960px;margin:0 auto 36px;display:grid;grid-template-columns:1fr 1fr}
.category-group .category-tile{display:flex;flex-direction:row;align-items:center;gap:18px;padding:24px;min-height:156px;text-align:left;border-radius:16px;background:#fff}.category-group .category-art{width:72px;height:72px}.category-group .category-art svg{width:64px;height:64px}.category-group .category-tile small{font-size:11px;font-weight:600;letter-spacing:.025em;color:#697b91;margin:0 0 8px;display:block}.category-group .category-tile b{font-size:18px;font-weight:650;line-height:1.55;color:#243a50;margin:0;display:block;padding-right:14px}
.category-group .category-tile[aria-pressed=true]{border-color:#5a94d4;box-shadow:0 0 0 1px #5a94d4;background:#f8fbff}
.category-page .selection-heading{margin:26px 0 18px;align-items:end}.selection-heading>div>p{margin:5px 0 0;color:#6a7d93;font-size:13px}.selection-heading h2{font-size:20px;font-weight:650;letter-spacing:-.5px}.selection-heading>span{font-size:12px;color:#61798e}
.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.categories .category-tile{min-height:176px;border:1px solid #e0e8f1;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;padding:22px;text-align:left;background:white;transition:border-color .16s,box-shadow .16s,background .16s}.categories .category-tile b{font-size:14px;line-height:1.5;font-weight:650;color:#2b4056;margin:0}.categories .category-tile:hover{border-color:#9bb9d7;box-shadow:0 6px 18px #19456808}.categories .category-tile[aria-pressed=true]{border-color:#5a94d4;background:#f6faff;box-shadow:0 0 0 1px #5a94d4}.category-page .category-tile .selection-mark{right:14px;top:14px}.category-page .category-tile:focus-visible{outline:3px solid #307dcd;outline-offset:4px}
.category-empty{padding:32px 20px;border:1px dashed #d9e3ed;border-radius:14px;text-align:center;color:#738499;font-size:14px}.category-page .bottom-actions{margin-top:32px}.category-summary{margin:0 0 20px;color:#63758a;font-size:13px;line-height:1.65}.category-summary strong{color:#283e54}
@media(max-width:1000px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.category-group .category-tile{padding:20px;gap:12px}.category-group .category-tile b{font-size:16px}.category-group .category-art{width:58px;height:58px}.category-group .category-art svg{width:54px;height:54px}}
@media(max-width:600px){.category-page .page-head h1{font-size:28px}.category-group{grid-template-columns:1fr;gap:12px;margin-bottom:26px}.category-group .category-tile{min-height:112px;padding:18px;gap:16px}.category-group .category-tile b{font-size:16px;line-height:1.45}.category-group .category-tile small{font-size:11px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.categories .category-tile{min-height:160px;padding:18px 14px;gap:12px}.categories .category-tile b{font-size:13px}.category-art{width:54px;height:54px}.category-art svg{width:50px;height:50px}.selection-heading h2{font-size:18px}.category-page .selection-heading{align-items:center}.category-page .selection-heading>span{font-size:11px;white-space:nowrap}.category-page .category-tile .selection-mark{right:10px;top:10px}}

.category-section{margin-top:24px}.category-section>h3{font-size:14px;font-weight:650;color:#526d86;margin:0 0 14px}

.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}