/* Translucent energy illustrations keep their shading and alpha in every palette. */
.category-art{display:inline-block;position:relative;width:100%;height:100%;flex:none;pointer-events:none;isolation:isolate;vertical-align:middle}
.category-art-layer{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.category-art-layer,:root[data-theme-transitioning] body img.category-art-layer{transition:opacity var(--theme-fade) var(--theme-ease)}
.category-art-light{filter:url(#category-cool-tone)}
.category-art-warm{filter:url(#category-amber-tone)}
:root[data-theme="dark"] .category-art-dark,:root[data-theme="light"] .category-art-light,:root[data-theme="warm"] .category-art-warm{opacity:1}
.category-pill .category-art{width:27px;height:27px}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.category-card{display:grid;grid-template-columns:94px minmax(0,1fr);align-content:center;column-gap:22px;row-gap:7px;min-height:148px;padding:24px 28px}
.category-icon{grid-row:1/3;align-self:center;position:relative;width:94px;height:94px;margin:0;isolation:isolate}
.category-icon:before{content:none}
.category-icon .category-art{transition:transform .35s ease}
.category-card:hover .category-icon .category-art{transform:translateY(-2px)}
.category-card strong{align-self:end;font-size:15px;line-height:1.4;letter-spacing:0}
.category-card small{align-self:start;font-size:11px;line-height:1.6}
@media(max-width:1100px){.category-card{grid-template-columns:76px minmax(0,1fr);padding:20px;gap:5px 14px;min-height:138px}.category-icon{width:76px;height:80px}.category-card strong{font-size:13px}.category-card small{font-size:10px}}
@media(max-width:760px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-card{display:flex;align-items:center;justify-content:center;text-align:center;padding:18px 9px;min-height:182px;gap:6px}.category-icon{width:82px;height:82px;margin-bottom:8px}.category-card strong,.category-card small{align-self:auto}.category-card strong{font-size:12px}.category-card small{font-size:9px}.category-card:after{font-size:10px;top:10px;right:10px}}
@media(max-width:430px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:82px auto;justify-content:center;text-align:left;min-height:118px;padding:18px 25px;gap:5px 18px}.category-card:last-child .category-icon{grid-row:1/3;margin:0}.category-card:last-child strong{align-self:end}.category-card:last-child small{align-self:start}}
@media(prefers-reduced-motion:reduce){.category-art-layer,:root[data-theme-transitioning] body img.category-art-layer,.category-icon .category-art{transition:none!important}.category-card:hover .category-icon .category-art{transform:none}}