/* Isolated ORACAL 8500 color picker. Scope: resource 19 only. */
.oracal8500{max-width:1080px;margin:0 auto 56px;padding:38px 46px 48px;box-sizing:border-box;color:#cfe3eb;background:linear-gradient(145deg,#071722 0%,#061018 100%);border:1px solid rgba(72,202,255,.24);border-radius:24px;box-shadow:0 20px 55px rgba(0,0,0,.26)}
.oracal8500 *{box-sizing:border-box}.oracal8500__radio{position:absolute!important;inline-size:1px!important;block-size:1px!important;margin:-1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}.oracal8500__intro{max-width:830px;margin:0 auto 28px;text-align:center}.oracal8500__heading{margin:0 0 14px!important;color:#f4fbff;font:700 clamp(28px,3.3vw,48px)/1.12 Arial,sans-serif!important;letter-spacing:.02em;text-shadow:0 0 22px rgba(218,246,255,.22)}.oracal8500__lead{max-width:800px;margin:0 auto;color:#aac7d4;font:400 18px/1.55 Arial,sans-serif}.oracal8500__stage{max-width:820px;margin:28px auto 22px;padding:26px;border:1px solid rgba(105,215,255,.22);border-radius:22px;background:radial-gradient(circle at 50% 45%,rgba(19,69,92,.55),rgba(4,15,22,.34) 68%);text-align:center}.oracal8500__eyebrow{display:block;margin-bottom:18px;color:#b9ff48;font:800 13px/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.oracal8500__sign{display:flex;align-items:center;justify-content:center;min-height:172px;padding:24px;border-radius:18px;background:linear-gradient(145deg,#f2f1ed,#c9c9c7);font:900 clamp(44px,7vw,96px)/.92 Arial,sans-serif;letter-spacing:.03em;word-break:break-word;transition:color .2s ease,text-shadow .2s ease,background .2s ease}.oracal8500__controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end;max-width:820px;margin:0 auto 20px}.oracal8500__controls>label{display:grid;gap:7px;color:#b9d2dc;font:700 13px/1.2 Arial,sans-serif}.oracal8500__controls input,.oracal8500__controls select{width:100%;min-height:46px;padding:10px 38px 10px 13px;border:1px solid rgba(105,215,255,.34);border-radius:12px;background:#081b26;color:#edf8fc;font:600 16px/1.2 Arial,sans-serif;outline:none}.oracal8500__controls input:focus,.oracal8500__controls select:focus{border-color:#9eea41;box-shadow:0 0 0 3px rgba(158,234,65,.14)}.oracal8500__mode{display:flex;gap:10px}.oracal8500__mode label{display:inline-flex;align-items:center;justify-content:center;min-width:122px;min-height:46px;padding:8px 16px;border:1px solid rgba(105,215,255,.28);border-radius:999px;color:#d8ecf2;font:700 14px/1.15 Arial,sans-serif;text-align:center;cursor:pointer;transition:.2s}.oracal8500__mode label:hover{border-color:#9eea41;color:#fff}.oracal8500 #o-off:checked~.oracal8500__controls label[for=o-off],.oracal8500 #o-lit:checked~.oracal8500__controls label[for=o-lit]{border-color:#9eea41;color:#fbfff5;background:rgba(113,179,22,.12);box-shadow:0 0 18px rgba(158,234,65,.12)}.oracal8500__selected{min-height:28px;margin:10px 0 20px;text-align:center;color:#c8e0ea;font:500 16px/1.4 Arial,sans-serif}.oracal8500__selected span{display:none}.oracal8500__selected strong{color:#b9ff48}.oracal8500__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.oracal8500__card{display:flex;min-height:96px;padding:12px;flex-direction:column;justify-content:flex-end;gap:5px;border:1px solid rgba(105,215,255,.25);border-radius:14px;background:linear-gradient(180deg,var(--swatch) 0 58%,#08202d 58%);color:#eefcff;font:700 13px/1.15 Arial,sans-serif;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);transition:transform .18s,border-color .18s,box-shadow .18s}.oracal8500__card strong{font-size:16px;text-shadow:0 1px 2px #000}.oracal8500__card:hover{transform:translateY(-2px);border-color:#9eea41}.oracal8500__notice,.oracal8500__copy{max-width:820px;margin:28px auto 0;color:#91b1be;font:400 15px/1.6 Arial,sans-serif}.oracal8500__cta{display:inline-flex;margin-top:18px;color:#9eea41;font-weight:700;text-decoration:none}.oracal8500 #o-lit:checked~.oracal8500__stage .oracal8500__sign{background:#0b1720;text-shadow:0 0 8px currentColor,0 0 24px currentColor,0 0 46px currentColor}.oracal8500__selected span[data-code="010"]{display:inline}
.oracal8500 #o-010:checked~.oracal8500__selected span[data-code="010"]{display:inline}.oracal8500 #o-010:checked~.oracal8500__grid label[for="o-010"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-025:checked~.oracal8500__selected span[data-code="025"]{display:inline}.oracal8500 #o-025:checked~.oracal8500__grid label[for="o-025"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-021:checked~.oracal8500__selected span[data-code="021"]{display:inline}.oracal8500 #o-021:checked~.oracal8500__grid label[for="o-021"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-013:checked~.oracal8500__selected span[data-code="013"]{display:inline}.oracal8500 #o-013:checked~.oracal8500__grid label[for="o-013"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-020:checked~.oracal8500__selected span[data-code="020"]{display:inline}.oracal8500 #o-020:checked~.oracal8500__grid label[for="o-020"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-207:checked~.oracal8500__selected span[data-code="207"]{display:inline}.oracal8500 #o-207:checked~.oracal8500__grid label[for="o-207"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-034:checked~.oracal8500__selected span[data-code="034"]{display:inline}.oracal8500 #o-034:checked~.oracal8500__grid label[for="o-034"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-330:checked~.oracal8500__selected span[data-code="330"]{display:inline}.oracal8500 #o-330:checked~.oracal8500__grid label[for="o-330"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-323:checked~.oracal8500__selected span[data-code="323"]{display:inline}.oracal8500 #o-323:checked~.oracal8500__grid label[for="o-323"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-032:checked~.oracal8500__selected span[data-code="032"]{display:inline}.oracal8500 #o-032:checked~.oracal8500__grid label[for="o-032"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-329:checked~.oracal8500__selected span[data-code="329"]{display:inline}.oracal8500 #o-329:checked~.oracal8500__grid label[for="o-329"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-016:checked~.oracal8500__selected span[data-code="016"]{display:inline}.oracal8500 #o-016:checked~.oracal8500__grid label[for="o-016"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-031:checked~.oracal8500__selected span[data-code="031"]{display:inline}.oracal8500 #o-031:checked~.oracal8500__grid label[for="o-031"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-017:checked~.oracal8500__selected span[data-code="017"]{display:inline}.oracal8500 #o-017:checked~.oracal8500__grid label[for="o-017"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-030:checked~.oracal8500__selected span[data-code="030"]{display:inline}.oracal8500 #o-030:checked~.oracal8500__grid label[for="o-030"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-085:checked~.oracal8500__selected span[data-code="085"]{display:inline}.oracal8500 #o-085:checked~.oracal8500__grid label[for="o-085"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-413:checked~.oracal8500__selected span[data-code="413"]{display:inline}.oracal8500 #o-413:checked~.oracal8500__grid label[for="o-413"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-041:checked~.oracal8500__selected span[data-code="041"]{display:inline}.oracal8500 #o-041:checked~.oracal8500__grid label[for="o-041"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-008:checked~.oracal8500__selected span[data-code="008"]{display:inline}.oracal8500 #o-008:checked~.oracal8500__grid label[for="o-008"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-040:checked~.oracal8500__selected span[data-code="040"]{display:inline}.oracal8500 #o-040:checked~.oracal8500__grid label[for="o-040"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-403:checked~.oracal8500__selected span[data-code="403"]{display:inline}.oracal8500 #o-403:checked~.oracal8500__grid label[for="o-403"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-012:checked~.oracal8500__selected span[data-code="012"]{display:inline}.oracal8500 #o-012:checked~.oracal8500__grid label[for="o-012"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-527:checked~.oracal8500__selected span[data-code="527"]{display:inline}.oracal8500 #o-527:checked~.oracal8500__grid label[for="o-527"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-053:checked~.oracal8500__selected span[data-code="053"]{display:inline}.oracal8500 #o-053:checked~.oracal8500__grid label[for="o-053"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-052:checked~.oracal8500__selected span[data-code="052"]{display:inline}.oracal8500 #o-052:checked~.oracal8500__grid label[for="o-052"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-051:checked~.oracal8500__selected span[data-code="051"]{display:inline}.oracal8500 #o-051:checked~.oracal8500__grid label[for="o-051"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-528:checked~.oracal8500__selected span[data-code="528"]{display:inline}.oracal8500 #o-528:checked~.oracal8500__grid label[for="o-528"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-005:checked~.oracal8500__selected span[data-code="005"]{display:inline}.oracal8500 #o-005:checked~.oracal8500__grid label[for="o-005"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-006:checked~.oracal8500__selected span[data-code="006"]{display:inline}.oracal8500 #o-006:checked~.oracal8500__grid label[for="o-006"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-049:checked~.oracal8500__selected span[data-code="049"]{display:inline}.oracal8500 #o-049:checked~.oracal8500__grid label[for="o-049"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-542:checked~.oracal8500__selected span[data-code="542"]{display:inline}.oracal8500 #o-542:checked~.oracal8500__grid label[for="o-542"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-065:checked~.oracal8500__selected span[data-code="065"]{display:inline}.oracal8500 #o-065:checked~.oracal8500__grid label[for="o-065"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-007:checked~.oracal8500__selected span[data-code="007"]{display:inline}.oracal8500 #o-007:checked~.oracal8500__grid label[for="o-007"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-541:checked~.oracal8500__selected span[data-code="541"]{display:inline}.oracal8500 #o-541:checked~.oracal8500__grid label[for="o-541"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-066:checked~.oracal8500__selected span[data-code="066"]{display:inline}.oracal8500 #o-066:checked~.oracal8500__grid label[for="o-066"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-054:checked~.oracal8500__selected span[data-code="054"]{display:inline}.oracal8500 #o-054:checked~.oracal8500__grid label[for="o-054"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-062:checked~.oracal8500__selected span[data-code="062"]{display:inline}.oracal8500 #o-062:checked~.oracal8500__grid label[for="o-062"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-063:checked~.oracal8500__selected span[data-code="063"]{display:inline}.oracal8500 #o-063:checked~.oracal8500__grid label[for="o-063"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-009:checked~.oracal8500__selected span[data-code="009"]{display:inline}.oracal8500 #o-009:checked~.oracal8500__grid label[for="o-009"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-614:checked~.oracal8500__selected span[data-code="614"]{display:inline}.oracal8500 #o-614:checked~.oracal8500__grid label[for="o-614"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-068:checked~.oracal8500__selected span[data-code="068"]{display:inline}.oracal8500 #o-068:checked~.oracal8500__grid label[for="o-068"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-618:checked~.oracal8500__selected span[data-code="618"]{display:inline}.oracal8500 #o-618:checked~.oracal8500__grid label[for="o-618"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-087:checked~.oracal8500__selected span[data-code="087"]{display:inline}.oracal8500 #o-087:checked~.oracal8500__grid label[for="o-087"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-060:checked~.oracal8500__selected span[data-code="060"]{display:inline}.oracal8500 #o-060:checked~.oracal8500__grid label[for="o-060"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-070:checked~.oracal8500__selected span[data-code="070"]{display:inline}.oracal8500 #o-070:checked~.oracal8500__grid label[for="o-070"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-074:checked~.oracal8500__selected span[data-code="074"]{display:inline}.oracal8500 #o-074:checked~.oracal8500__grid label[for="o-074"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-076:checked~.oracal8500__selected span[data-code="076"]{display:inline}.oracal8500 #o-076:checked~.oracal8500__grid label[for="o-076"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-072:checked~.oracal8500__selected span[data-code="072"]{display:inline}.oracal8500 #o-072:checked~.oracal8500__grid label[for="o-072"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-805:checked~.oracal8500__selected span[data-code="805"]{display:inline}.oracal8500 #o-805:checked~.oracal8500__grid label[for="o-805"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-011:checked~.oracal8500__selected span[data-code="011"]{display:inline}.oracal8500 #o-011:checked~.oracal8500__grid label[for="o-011"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-081:checked~.oracal8500__selected span[data-code="081"]{display:inline}.oracal8500 #o-081:checked~.oracal8500__grid label[for="o-081"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-088:checked~.oracal8500__selected span[data-code="088"]{display:inline}.oracal8500 #o-088:checked~.oracal8500__grid label[for="o-088"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-090:checked~.oracal8500__selected span[data-code="090"]{display:inline}.oracal8500 #o-090:checked~.oracal8500__grid label[for="o-090"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
.oracal8500 #o-091:checked~.oracal8500__selected span[data-code="091"]{display:inline}.oracal8500 #o-091:checked~.oracal8500__grid label[for="o-091"]{border-color:#f7ffff;box-shadow:0 0 0 2px #9eea41,0 0 22px rgba(158,234,65,.3);transform:translateY(-2px)}
@media(max-width:760px){.oracal8500{margin:0 14px 36px;padding:28px 18px}.oracal8500__controls{grid-template-columns:1fr}.oracal8500__mode{justify-content:center}.oracal8500__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.oracal8500__card{min-height:86px}.oracal8500__lead{font-size:16px}}@media(max-width:420px){.oracal8500__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oracal8500__sign{min-height:130px;font-size:40px}.oracal8500__mode label{min-width:0;flex:1}}
.oracal8500__radio{position:absolute!important;inline-size:1px!important;block-size:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* Compact desktop composition and stable off-screen controls (2026-08-15). */
@media (min-width:761px){
  .oracal8500{max-width:1180px;margin-bottom:40px;padding:24px 34px 30px}
  .oracal8500__intro{max-width:900px;margin-bottom:14px}
  .oracal8500__heading{margin-bottom:8px!important}
  .oracal8500__lead{line-height:1.42}
  .oracal8500__stage{max-width:960px;margin:14px auto 12px;padding:16px 18px}
  .oracal8500__eyebrow{margin-bottom:10px}
  .oracal8500__sign{min-height:112px;padding:16px}
  .oracal8500__controls{grid-template-columns:minmax(300px,1.45fr) minmax(210px,.85fr) auto;gap:14px;max-width:960px;margin-bottom:8px;align-items:end}
  .oracal8500__controls>label{gap:5px}
  .oracal8500__controls input,.oracal8500__controls select{min-height:44px}
  .oracal8500__selected{margin:4px 0 10px;min-height:22px}
  .oracal8500__grid{gap:8px 10px}
  .oracal8500__card{min-height:76px;padding:9px}
  .oracal8500__notice,.oracal8500__copy{margin-top:20px}
}

.oracal8500__selected span[data-code="010"]{display:none}
@media (max-width:760px){
  .oracal8500{margin:0 10px 28px;padding:22px 14px 26px}
  .oracal8500__intro{margin-bottom:16px}
  .oracal8500__heading{margin-bottom:8px!important}
  .oracal8500__stage{margin:16px auto 14px;padding:14px}
  .oracal8500__eyebrow{margin-bottom:10px}
  .oracal8500__sign{min-height:110px;padding:14px}
  .oracal8500__controls{gap:12px;margin-bottom:10px}
  .oracal8500__selected{margin:6px 0 12px}
  .oracal8500__grid{gap:8px}
}

/* Final compact, page-scoped picker layout (2026-08-20). */
.oracal8500 .oracal8500__sign{
  -webkit-text-stroke:1px rgba(0,18,28,.72);
  paint-order:stroke fill;
  text-shadow:0 1px 2px rgba(0,0,0,.62),0 0 1px rgba(0,0,0,.9);
}
.oracal8500 #o-lit:checked~.oracal8500__stage .oracal8500__sign{
  -webkit-text-stroke:0 transparent;
  text-shadow:0 0 7px var(--face),0 0 18px var(--face),0 0 34px var(--face);
}
@media (min-width:761px){
  .oracal8500{padding:18px 24px 24px}
  .oracal8500__intro{margin-bottom:8px}
  .oracal8500__heading{font-size:clamp(28px,2.6vw,42px)!important;line-height:1.06!important}
  .oracal8500__lead{font-size:16px;line-height:1.32}
  .oracal8500__stage{max-width:1040px;margin:8px auto;padding:11px 14px}
  .oracal8500__eyebrow{margin-bottom:7px}
  .oracal8500__sign{min-height:86px;padding:10px;font-size:clamp(42px,5.4vw,76px)}
  .oracal8500__controls{max-width:1040px;grid-template-columns:minmax(340px,1.45fr) minmax(190px,.7fr) minmax(270px,auto);gap:12px;align-items:end;margin:0 auto 5px}
  .oracal8500__controls>label:first-child input{min-width:340px}
  .oracal8500__controls input,.oracal8500__controls select{min-height:40px;padding-top:7px;padding-bottom:7px}
  .oracal8500__mode{align-items:flex-end;gap:8px}
  .oracal8500__mode label{min-width:126px;min-height:40px;padding:6px 12px}
  .oracal8500__selected{margin:2px 0 6px;min-height:20px;font-size:15px}
  .oracal8500__grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px 5px}
  .oracal8500__card{min-height:58px;padding:6px 7px;border-radius:9px;font-size:11px;line-height:1.08}
  .oracal8500__card strong{font-size:13px;line-height:1.05}
}
@media (max-width:760px){
  .oracal8500__controls input,.oracal8500__controls select{width:100%;min-width:0}
  .oracal8500__grid{gap:5px}
  .oracal8500__card{min-height:68px;padding:7px}
  .oracal8500 .oracal8500__sign{-webkit-text-stroke:.75px rgba(0,18,28,.72)}
}


/* Resource 19 compact layout and focus-stable controls — 2026-08-21 */
.oracal8500 .oracal8500__radio{position:absolute!important;top:auto!important;left:auto!important;inline-size:1px!important;block-size:1px!important;margin:-1px!important}
.oracal8500 #o-off:checked~.oracal8500__stage .oracal8500__sign{-webkit-text-stroke:1px rgba(0,0,0,.28);text-shadow:0 1px 1px rgba(0,0,0,.42),1px 0 0 rgba(0,0,0,.22),-1px 0 0 rgba(0,0,0,.22),0 -1px 0 rgba(0,0,0,.18)}
@media (min-width:901px){
.oracal8500{max-width:1180px;margin-bottom:32px;padding:22px 30px 28px}
.oracal8500__intro{margin-bottom:14px}
.oracal8500__heading{margin-bottom:8px!important;font-size:clamp(30px,2.6vw,42px)!important}
.oracal8500__lead{font-size:16px;line-height:1.4}
.oracal8500__stage{max-width:1000px;margin:14px auto 12px;padding:16px}
.oracal8500__eyebrow{margin-bottom:10px}
.oracal8500__sign{min-height:116px;padding:14px;font-size:clamp(42px,5.5vw,78px)}
.oracal8500__controls{grid-template-columns:minmax(320px,1.5fr) minmax(180px,.8fr) auto;max-width:1000px;gap:14px;align-items:end;margin-bottom:8px}
.oracal8500__controls>label{align-self:end}
.oracal8500__controls>label:first-child input{min-width:320px}
.oracal8500__selected{min-height:22px;margin:6px 0 10px}
.oracal8500__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.oracal8500__card{min-height:58px;padding:6px 7px;border-radius:9px;gap:2px;font-size:10px}
.oracal8500__card strong{font-size:13px}
.oracal8500__notice,.oracal8500__copy{margin-top:16px}
}
@media (min-width:901px) and (max-width:1199px){.oracal8500__grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media (max-width:900px){.oracal8500__controls{grid-template-columns:1fr}.oracal8500__controls input,.oracal8500__controls select{width:100%}.oracal8500__mode{flex-wrap:wrap}}

/* Scoped color-picker contrast and controls. */
.oracal8500 .oracal8500__sign{
  background:linear-gradient(145deg,#2c363d,#10191f);
  color:#f7fbff;
  text-shadow:0 1px 2px rgba(0,0,0,.7);
}
.oracal8500 #o-070:checked~.oracal8500__stage .oracal8500__sign{
  background:linear-gradient(145deg,#f5f5f1,#d7d9d5);
  color:#10151a;
  text-shadow:none;
}
.oracal8500 .oracal8500__controls select{width:200px;min-width:200px}
.oracal8500 .oracal8500__copy h2,.oracal8500 .oracal8500__copy h3{color:#f3f8fb!important;text-shadow:none}
.oracal8500 .oracal8500__copy p{color:#b8cbd4!important}
@media(max-width:900px){.oracal8500 .oracal8500__controls select{width:100%;min-width:0}}