.spice-page{background:var(--canvas);color:var(--ink)}
.spice-hero{background:linear-gradient(132deg,var(--coral) 0 58%,var(--yellow) 58%);border-bottom:4px solid var(--ink);padding:clamp(2rem,5vw,5rem) 0}
.spice-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.spice-hero__copy .display-title{font-size:clamp(3.5rem,7.4vw,7.7rem);line-height:.82;max-width:9ch;margin:.25em 0}
.spice-hero__copy>p:last-of-type{font-size:clamp(1.1rem,2vw,1.45rem);max-width:38rem}
.spice-hero__actions{display:flex;align-items:center;gap:1rem 1.4rem;flex-wrap:wrap;margin-top:1.7rem}.spice-hero__actions>a:not(.button){font-weight:800;color:var(--ink)}
.spice-hero__art{margin:0;background:var(--canvas);border:4px solid var(--ink);box-shadow:12px 12px 0 var(--ink);transform:rotate(1deg)}
.spice-hero__art img,.human-break img{display:block;width:100%;height:auto}.spice-hero__art figcaption,.human-break figcaption{padding:.8rem 1rem;font-weight:700;line-height:1.35}
.spice-jump{position:sticky;top:0;z-index:5;background:var(--canvas);border-bottom:3px solid var(--ink)}.spice-jump .shell{display:flex;gap:.55rem;align-items:center;overflow-x:auto;padding:.7rem max(1rem,calc((100vw - 1200px)/2));white-space:nowrap}.spice-jump strong,.spice-jump a{border:2px solid var(--ink);padding:.38rem .65rem;color:var(--ink);text-decoration:none}.spice-jump strong{background:var(--yellow)}
.spice-answer{font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.62;max-width:58rem}.spice-answer p{margin:0 0 1.15rem}.spice-answer p:last-child{background:var(--yellow);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:1rem 1.2rem}
.spice-dials{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.spice-dials li{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.25rem;border:3px solid var(--canvas);background:#251a2a}.spice-dials li:nth-child(2),.spice-dials li:nth-child(5){background:#302335}.spice-dials li:nth-child(3n){background:#20313a}.spice-dials span{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:900}.spice-dials h3{margin:0 0 .25rem;font-size:1.35rem}.spice-dials p{margin:0;color:#f7f1e9}.spice-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1.25fr;align-items:stretch;gap:.7rem}.spice-equation>*{display:grid;place-items:center;text-align:center;min-height:5rem;padding:.75rem;border:3px solid var(--canvas)}.spice-equation span{background:var(--mint);color:var(--ink);font-weight:900}.spice-equation b{border:0;font-size:2rem}.spice-equation strong{background:var(--coral);color:var(--ink)}
.mixer-section{background:linear-gradient(180deg,var(--mint) 0 42%,var(--canvas) 42%)}.spice-mixer{border:4px solid var(--ink);box-shadow:12px 12px 0 var(--ink);background:var(--canvas);padding:clamp(1rem,3vw,2rem)}.mixer-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.mixer-controls fieldset{min-width:0;border:2px solid var(--ink);padding:1rem}.mixer-controls legend{font-family:var(--font-display);font-size:1.25rem;font-weight:900;padding:0 .4rem}.chip-row{display:flex;flex-wrap:wrap;gap:.55rem}.chip-row label{position:relative}.chip-row input{position:absolute;opacity:0;pointer-events:none}.chip-row span{display:block;border:2px solid var(--ink);padding:.55rem .7rem;background:#fff;cursor:pointer;font-weight:750}.chip-row input:checked+span{background:var(--yellow);box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.chip-row input:focus-visible+span{outline:4px solid #315ce8;outline-offset:2px}.mixer-actions{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin:1.5rem 0}.mixer-reset{appearance:none;border:0;background:none;text-decoration:underline;font:inherit;font-weight:800;cursor:pointer;padding:.7rem}.spice-result{background:var(--night);color:var(--canvas);padding:clamp(1.2rem,3vw,2rem);border:3px solid var(--ink)}.spice-result:focus{outline:4px solid var(--yellow);outline-offset:4px}.spice-result h3{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.8rem);line-height:.95;margin:.25rem 0 1rem}.spice-result ul{padding-left:1.25rem;font-size:1.08rem;line-height:1.55}.spice-result li+li{margin-top:.65rem}.spice-result a{color:var(--yellow);font-weight:900}.result-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.2rem 0}.result-tags span{border:2px solid var(--canvas);padding:.3rem .55rem;font-size:.85rem;font-weight:900;text-transform:uppercase}
.spice-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.spice-routes article{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--canvas);padding:clamp(1rem,2.5vw,1.7rem)}.spice-routes article:nth-child(3){background:var(--mint)}.spice-routes article:nth-child(4){background:#dbe3ff}.spice-routes article:last-child{grid-column:1/-1;background:var(--coral)}.route-meta{display:flex;flex-wrap:wrap;gap:.4rem}.route-meta span{background:var(--night);color:#fff;padding:.25rem .45rem;font-size:.75rem;font-weight:900}.spice-routes h3{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem);line-height:.95;margin:.7rem 0}.spice-routes ol{line-height:1.5;padding-left:1.35rem}.spice-routes li+li{margin-top:.55rem}
.layer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.layer-grid article{border:3px solid var(--ink);padding:1.25rem;background:#fff}.layer-grid article:nth-child(2){background:#fff0c7}.layer-grid article:nth-child(3){background:#dff5ee}.layer-grid article:nth-child(4){background:#ffdfe1}.layer-grid article:nth-child(5){background:#e1e7ff}.layer-grid article:nth-child(6){background:#f2e1ff}.layer-grid article>span{font-weight:950;font-size:.8rem;letter-spacing:.06em}.layer-grid h3{font-size:1.35rem;margin:.5rem 0}.layer-grid .example{border-top:2px solid var(--ink);padding-top:.8rem;margin-top:1rem}
.human-break__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}.human-break__grid--reverse figure{order:2}.human-break figure{margin:0;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--canvas)}.human-break__grid>div>p{font-size:1.1rem;line-height:1.55}
.ordinary-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:.6rem}.ordinary-strip article{display:flex;min-height:9rem;flex-direction:column;justify-content:space-between;border:3px solid var(--ink);padding:1rem;background:var(--canvas);box-shadow:6px 6px 0 var(--ink)}.ordinary-strip article:nth-of-type(2){background:var(--yellow)}.ordinary-strip article:nth-of-type(3){background:#dbe3ff}.ordinary-strip article:nth-of-type(4){background:var(--coral)}.ordinary-strip span{font-size:.78rem;font-weight:950}.ordinary-strip strong{font-family:var(--font-display);font-size:1.5rem;line-height:1}.ordinary-strip>b{display:grid;place-items:center;font-size:1.8rem}.ordinary-close{max-width:54rem;margin:1.8rem 0 0;font-size:1.2rem;line-height:1.55}
.mobile-compare{display:none}.spice-table table{min-width:780px}.spice-table th,.spice-table td{vertical-align:top}.awkward-grid,.research-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.awkward-grid article{border:3px solid var(--ink);padding:1.1rem;background:var(--canvas)}.awkward-grid h3{font-size:1.25rem;margin:.15rem 0 .55rem}.research-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.research-cards article{border:3px solid var(--canvas);padding:1.4rem}.research-cards span{color:var(--yellow);font-weight:950}.research-cards a{color:var(--mint);font-weight:900}.spice-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.spice-next__grid a{min-height:14rem;display:flex;flex-direction:column;border:3px solid var(--canvas);padding:1.2rem;text-decoration:none;color:var(--canvas);transition:transform .15s ease,box-shadow .15s ease}.spice-next__grid a:nth-child(2),.spice-next__grid a:nth-child(5){background:var(--mint);color:var(--ink)}.spice-next__grid a:nth-child(3),.spice-next__grid a:nth-child(6){background:var(--yellow);color:var(--ink)}.spice-next__grid a:hover,.spice-next__grid a:focus-visible{transform:translate(-4px,-4px);box-shadow:7px 7px 0 var(--coral)}.spice-next__grid span{font-size:.78rem;font-weight:950}.spice-next__grid strong{font-family:var(--font-display);font-size:1.6rem;margin:.5rem 0}.spice-next__grid p{margin:0 0 1rem}.spice-next__grid b{margin-top:auto}
@media(max-width:880px){.spice-hero{background:linear-gradient(165deg,var(--coral) 0 62%,var(--yellow) 62%)}.spice-hero__grid,.human-break__grid{grid-template-columns:1fr}.spice-hero__copy .display-title{font-size:clamp(3.4rem,14vw,6rem)}.spice-hero__art{transform:none;box-shadow:7px 7px 0 var(--ink)}.spice-jump{position:static}.spice-dials,.layer-grid,.awkward-grid,.spice-next__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mixer-controls{grid-template-columns:1fr}.spice-routes{grid-template-columns:1fr}.spice-routes article:last-child{grid-column:auto}.human-break__grid--reverse figure{order:0}.spice-table{display:none}.mobile-compare{display:grid;gap:.75rem}.mobile-compare article{border:3px solid var(--ink);background:var(--canvas);padding:1rem;box-shadow:5px 5px 0 var(--ink)}.mobile-compare p{margin:.35rem 0}.research-cards{grid-template-columns:1fr}}
@media(max-width:880px){.ordinary-strip{grid-template-columns:1fr 1fr}.ordinary-strip>b{display:none}}
@media(max-width:560px){.spice-dials,.layer-grid,.awkward-grid,.spice-next__grid{grid-template-columns:1fr}.spice-equation{grid-template-columns:1fr}.spice-equation b{min-height:auto}.spice-mixer{box-shadow:7px 7px 0 var(--ink)}.spice-routes article{box-shadow:5px 5px 0 var(--ink)}.spice-next__grid a{min-height:11rem}.spice-hero__actions{align-items:flex-start;flex-direction:column}.human-break figure{box-shadow:6px 6px 0 var(--ink)}.ordinary-strip{grid-template-columns:1fr}.ordinary-strip article{min-height:7rem}}
@media(prefers-reduced-motion:reduce){.spice-next__grid a,.chip-row input:checked+span{transition:none;transform:none}}