.oms-guide {
    --oms-border: rgba(25, 20, 37, 0.14);
    background: var(--oms-paper);
    color: var(--oms-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 1440px;
}

.oms-guide *, .oms-guide *::before, .oms-guide *::after { box-sizing: border-box; }
.oms-guide h1, .oms-guide h2, .oms-guide h3 { font-family: "Arial Rounded MT Bold", "Trebuchet MS", Inter, sans-serif; }
.oms-guide__hero { background:var(--oms-ink); border-radius:30px; color:#fff; display:grid; gap:clamp(30px,7vw,110px); grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr); overflow:hidden; padding:clamp(38px,7vw,94px); position:relative; }
.oms-guide__hero::after { border:32px solid var(--oms-yellow); border-radius:50%; content:""; height:210px; position:absolute; right:-90px; top:-105px; width:210px; }
.oms-guide__eyebrow { color:#7ce5df; font-size:.76rem; font-weight:850; letter-spacing:.14em; margin:0 0 14px; text-transform:uppercase; }
.oms-guide__hero h1 { color:#fff; font-size:clamp(3rem,7vw,7rem); letter-spacing:-.055em; line-height:.92; margin:0; max-width:780px; }
.oms-guide__intro { align-self:end; position:relative; z-index:1; }
.oms-guide__intro p { color:rgba(255,255,255,.76); font-size:clamp(1rem,1.5vw,1.16rem); margin:0 0 25px; }
.oms-guide__button { align-items:center; background:var(--oms-yellow); border:2px solid var(--oms-yellow); border-radius:999px; color:var(--oms-ink) !important; display:inline-flex; font-size:.9rem; font-weight:850; gap:8px; justify-content:center; min-height:48px; padding:13px 21px; text-decoration:none !important; transition:transform 160ms ease,background 160ms ease; }
.oms-guide__button:hover { background:#fff; border-color:#fff; transform:translateY(-2px); }
.oms-guide__button:focus-visible, .oms-guide__nav a:focus-visible, .oms-guide__search:focus-within { outline:3px solid var(--oms-yellow); outline-offset:3px; }
.oms-guide__tools { background:rgba(255,253,248,.97); border-bottom:1px solid var(--oms-border); display:grid; gap:14px; padding:22px 8px 18px; position:sticky; top:0; z-index:10; }
.oms-guide__search { align-items:center; background:var(--oms-wash); border:1px solid transparent; border-radius:999px; display:flex; gap:10px; margin:auto; max-width:620px; padding:0 18px; width:100%; }
.oms-guide__search input { background:transparent; border:0 !important; box-shadow:none !important; color:var(--oms-ink); font:inherit; min-height:48px; outline:0; padding:0 !important; width:100%; }
.oms-guide__nav { display:grid; gap:7px; grid-template-columns:repeat(auto-fit,minmax(112px,1fr)); margin:0 auto; max-width:1180px; padding:2px 0; width:100%; }
.oms-guide__nav a { align-items:center; background:#fff; border:1px solid var(--oms-border); border-radius:12px; color:var(--oms-ink); display:flex; font-size:.72rem; font-weight:800; justify-content:center; line-height:1.15; min-height:36px; padding:7px 9px; text-align:center; text-decoration:none; }
.oms-guide__nav a:hover { background:var(--oms-ink); color:#fff; }
.oms-guide__jump { display:none; }
.oms-guide__section, .oms-guide__symbols { border-bottom:1px solid var(--oms-border); padding:clamp(58px,8vw,105px) clamp(6px,2vw,24px); scroll-margin-top:150px; }
.oms-guide__section[hidden] { display:none; }
.oms-guide__section-heading { align-items:start; display:grid; gap:18px; grid-template-columns:48px minmax(0,1fr); margin-bottom:34px; max-width:800px; }
.oms-guide__section-heading > span { align-items:center; background:var(--oms-pink); border-radius:50%; color:#fff; display:flex; font-size:.76rem; font-weight:900; height:42px; justify-content:center; width:42px; }
.oms-guide__section:nth-of-type(3n+2) .oms-guide__section-heading > span { background:var(--oms-teal); }
.oms-guide__section:nth-of-type(3n+3) .oms-guide__section-heading > span { background:var(--oms-purple); }
.oms-guide__section-heading h2, .oms-guide__colors h2 { font-size:clamp(2.3rem,4.5vw,4.8rem); letter-spacing:-.045em; line-height:1; margin:0; }
.oms-guide__section-heading p { color:var(--oms-muted); margin:12px 0 0; }
.oms-guide__grid { display:grid; gap:clamp(12px,1.8vw,24px); grid-template-columns:repeat(5,minmax(0,1fr)); }
.oms-guide__card { background:#fff; border:1px solid var(--oms-border); border-radius:20px; min-width:0; overflow:hidden; transition:transform 170ms ease,border-color 170ms ease,box-shadow 170ms ease; }
.oms-guide__card:hover { border-color:rgba(111,69,216,.4); box-shadow:0 14px 35px rgba(44,24,76,.1); transform:translateY(-4px); }
.oms-guide__card[hidden] { display:none; }
.oms-guide__image-button { background:none; border:0; cursor:zoom-in; display:block; margin:0; overflow:hidden; padding:0; position:relative; width:100%; }
.oms-guide__image-button img { aspect-ratio:1; background:linear-gradient(145deg,#f8f3ed,#eee8fb); display:block; height:auto; object-fit:contain; padding:8%; transition:transform 180ms ease; width:100%; }
.oms-guide__image-button > span { align-items:center; background:rgba(25,20,37,.82); border-radius:50%; bottom:10px; color:#fff; display:flex; font-size:1rem; height:30px; justify-content:center; opacity:0; position:absolute; right:10px; transition:opacity 160ms ease; width:30px; }
.oms-guide__image-button:hover img { transform:scale(1.025); }
.oms-guide__image-button:hover > span, .oms-guide__image-button:focus-visible > span { opacity:1; }
.oms-guide__image-button:focus-visible { outline:3px solid var(--oms-yellow); outline-offset:-3px; }
.oms-guide__card h3 { font-size:clamp(.78rem,1.15vw,1rem); line-height:1.15; margin:0; min-height:58px; padding:15px; }
.oms-guide__card h3 small { color:var(--oms-purple-dark); display:block; font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:.62rem; font-weight:850; letter-spacing:.1em; margin-top:7px; text-transform:uppercase; }
.oms-guide__image-pending { align-items:center; aspect-ratio:1; background:linear-gradient(145deg,#f8f3ed,#eee8fb); color:var(--oms-muted); display:flex; justify-content:center; padding:16%; position:relative; text-align:center; }
.oms-guide__image-pending::before { border:2px solid currentColor; border-radius:50%; content:""; height:54px; opacity:.18; position:absolute; width:54px; }
.oms-guide__image-pending span { background:rgba(255,255,255,.78); border:1px solid var(--oms-border); border-radius:999px; font-size:.68rem; font-weight:800; padding:8px 10px; position:relative; text-transform:uppercase; }
.oms-guide__no-results { background:var(--oms-wash); border-radius:18px; color:var(--oms-muted); margin:50px 8px; padding:36px; text-align:center; }
.oms-guide__symbol-groups { display:grid; gap:16px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.oms-guide__symbol-groups > div { background:var(--oms-wash); border-radius:20px; padding:24px; }
.oms-guide__symbol-groups h3 { font-size:.75rem; letter-spacing:.12em; margin:0 0 12px; text-transform:uppercase; }
.oms-guide__symbol-groups p { font-size:clamp(1.5rem,3vw,2.7rem); font-weight:850; letter-spacing:.04em; margin:0; }
.oms-guide__colors { align-items:center; background:linear-gradient(135deg,#f0eaff,#e8fbf8); border-radius:28px; display:grid; gap:clamp(30px,7vw,90px); grid-template-columns:minmax(0,.8fr) minmax(250px,.55fr); margin:clamp(70px,9vw,120px) 6px; overflow:hidden; padding:clamp(34px,6vw,72px); }
.oms-guide__colors p:not(.oms-guide__eyebrow) { color:var(--oms-muted); font-size:1.04rem; margin:22px 0 0; max-width:580px; }
.oms-guide__colors img { border-radius:18px; box-shadow:0 18px 45px rgba(44,24,76,.15); height:auto; justify-self:center; max-height:560px; width:auto; }
.oms-guide__disabled { border-bottom:1px solid var(--oms-border); border-top:1px solid var(--oms-border); margin:0 8px; padding:26px 0; }
.oms-guide__disabled summary { cursor:pointer; font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif; font-size:clamp(1.5rem,3vw,2.4rem); font-weight:900; list-style:none; }
.oms-guide__disabled summary::-webkit-details-marker { display:none; }
.oms-guide__disabled summary span { float:right; }
.oms-guide__disabled[open] summary span { transform:rotate(45deg); }
.oms-guide__disabled > p { color:var(--oms-muted); }
.oms-guide__disabled > div { display:grid; gap:0 22px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.oms-guide__disabled > div p { border-top:1px solid var(--oms-border); display:flex; gap:10px; justify-content:space-between; margin:0; padding:12px 0; }
.oms-guide__disabled span { color:var(--oms-muted); font-size:.84rem; text-align:right; }
.oms-guide__footer { align-items:center; display:flex; gap:30px; justify-content:space-between; padding:50px 8px; }
.oms-guide__footer p { color:var(--oms-muted); font-size:.76rem; margin:0; max-width:760px; }
.oms-guide__footer .oms-guide__button { background:var(--oms-ink); border-color:var(--oms-ink); color:#fff !important; flex:0 0 auto; }
.oms-guide__lightbox[hidden] { display:none; }
.oms-guide__lightbox { align-items:center; background:rgba(15,12,22,.86); display:flex; inset:0; justify-content:center; padding:clamp(18px,4vw,48px); position:fixed; z-index:99999; }
.oms-guide__lightbox-panel { background:var(--oms-paper); border-radius:24px; box-shadow:0 24px 80px rgba(0,0,0,.4); max-height:94vh; max-width:min(900px,94vw); overflow:auto; padding:clamp(16px,3vw,28px); position:relative; text-align:center; }
.oms-guide__lightbox-panel img { background:linear-gradient(145deg,#f8f3ed,#eee8fb); border-radius:16px; display:block; height:auto; max-height:76vh; max-width:100%; object-fit:contain; width:auto; }
.oms-guide__lightbox-panel h2 { font-size:clamp(1.2rem,3vw,2rem); margin:16px 48px 0; }
.oms-guide__lightbox-close { align-items:center; background:var(--oms-ink); border:2px solid #fff; border-radius:50%; color:#fff; cursor:pointer; display:flex; font-size:1.55rem; height:44px; justify-content:center; line-height:1; position:absolute; right:12px; top:12px; width:44px; z-index:2; }
.oms-guide__lightbox-close:focus-visible { outline:3px solid var(--oms-yellow); outline-offset:3px; }
body.oms-guide-lightbox-open { overflow:hidden; }

@media (max-width:980px) { .oms-guide__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:760px) {
    .oms-guide__hero, .oms-guide__colors { grid-template-columns:1fr; }
    .oms-guide__hero { border-radius:22px; }
    .oms-guide__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .oms-guide__symbol-groups { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .oms-guide__disabled > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .oms-guide__footer { align-items:flex-start; flex-direction:column; }
}
@media (max-width:520px) {
    .oms-guide__tools { padding:18px 8px; position:relative; }
    .oms-guide__nav { display:none; }
    .oms-guide__jump { display:grid; gap:7px; margin:auto; max-width:620px; width:100%; }
    .oms-guide__jump span { color:var(--oms-muted); font-size:.7rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
    .oms-guide__jump select { appearance:auto; background:#fff; border:1px solid var(--oms-border); border-radius:12px; color:var(--oms-ink); font:inherit; font-weight:750; min-height:48px; padding:0 13px; width:100%; }
    .oms-guide__jump select:focus-visible { outline:3px solid var(--oms-yellow); outline-offset:2px; }
    .oms-guide__section, .oms-guide__symbols { scroll-margin-top:20px; }
    .oms-guide__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .oms-guide__card h3 { min-height:50px; padding:12px 10px; }
    .oms-guide__disabled > div { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { .oms-guide__card, .oms-guide__button, .oms-guide__image-button img { transition:none; } }