/* spice.css: the SPICE-T tab (spice.js), shared by every unit. */
.spice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}
.spice-card{background:var(--white);border:1px solid var(--border);border-top:4px solid var(--red);padding:24px 22px}
.spice-letter{font-family:Lato,system-ui,sans-serif;font-weight:700;font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px;color:var(--red)}
.spice-cat{font-family:Lato,system-ui,sans-serif;letter-spacing:-.02em;font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:6px}
.spice-desc{font-size:.76rem;color:var(--muted);line-height:1.55;margin-bottom:12px;font-style:italic;border-bottom:1px solid var(--border);padding-bottom:11px}
.spice-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}
.spice-list li{font-size:.84rem;line-height:1.6;color:var(--mid);padding-left:14px;position:relative}
.spice-list li::before{content:'›';position:absolute;left:0;color:var(--red);font-weight:700}
.spice-s{border-top-color:var(--blue,#18336b)}.spice-s .spice-letter{color:var(--blue,#18336b)}
.spice-p{border-top-color:var(--red)}.spice-p .spice-letter{color:var(--red)}
.spice-i{border-top-color:var(--green,#1a6825)}.spice-i .spice-letter{color:var(--green,#1a6825)}
.spice-c{border-top-color:var(--gold,#7a5500)}.spice-c .spice-letter{color:var(--gold,#7a5500)}
.spice-e{border-top-color:#6b4e71}.spice-e .spice-letter{color:#6b4e71}
.spice-t{border-top-color:#2e5266}.spice-t .spice-letter{color:#2e5266}