/* WARM-UX-2. Colors come from the shared identity registry, never card position. */
body.storefront{--identity-paper:#f8f6f1;--identity-line:#d4dde4;--identity-ink:#152f46}
body.storefront .identity-heading{display:grid;grid-template-columns:26px minmax(0,1fr) 88px;align-items:center;gap:10px;box-sizing:border-box;min-width:0;padding:14px 16px;background:var(--identity-tint);color:var(--identity-accent);border-top:3px solid var(--identity-accent)}
body.storefront .identity-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:28px;flex:none;color:var(--identity-accent)}
body.storefront .identity-icon svg{width:24px;height:24px;flex:none}
body.storefront .identity-heading .identity-name{display:block;min-width:0;margin:0!important;padding:0!important;font-size:1.125rem;line-height:1.35;font-weight:700;letter-spacing:-.015em;color:var(--identity-ink);overflow-wrap:anywhere}
body.storefront .identity-outcome{display:block;flex:none;width:88px;height:88px;max-width:none;box-sizing:border-box;padding:5px;border-radius:12px;background:#ffffffb3;color:var(--identity-accent);border:1px solid #152f4610}
.identity-outcome .identity-guide{stroke:#728397;stroke-dasharray:3 4;stroke-width:1.7}
.identity-outcome .identity-fill{fill:var(--identity-accent);stroke:none}
.identity-outcome .identity-support{stroke:var(--identity-support)}
.identity-outcome .identity-support-fill{fill:var(--identity-support);stroke:none}
.identity-outcome .identity-result{fill:#d9ece6;stroke:#17695f}
body.storefront .ordrel-tool-card,body.storefront .order-home .oa-toolkit .ordrel-tool-card{padding:0 18px 18px;gap:14px;background:#fffdfa;border:1px solid #d4dde4;border-radius:14px;color:#152f46;box-shadow:none;overflow:hidden}
body.storefront .ordrel-tool-card>.identity-heading{margin:0 -18px}
body.storefront .ordrel-tool-card>p,body.storefront .order-home .oa-toolkit .ordrel-tool-card>p{color:#43586a;font-size:1rem;line-height:1.5}
body.storefront .ordrel-tool-card .ordrel-tool-open,body.storefront .order-home .oa-toolkit .ordrel-tool-card .ordrel-tool-open{margin-top:auto;min-height:44px;align-self:stretch;justify-content:space-between;background:#fff;color:#21479f;border:1px solid #a7b9d0;font-size:.9375rem}
body.storefront .ordrel-tool-card .ox-tool-preview,body.storefront .order-home .oa-toolkit .ordrel-tool-card .ox-tool-preview{background:#f3f5f7;border:1px solid #dbe2e7;border-radius:9px;color:#152f46;padding:12px}
body.storefront .ordrel-tool-card .ox-tool-preview>span,body.storefront .order-home .oa-toolkit .ordrel-tool-card .ox-tool-preview>span{color:#43586a}
body.storefront .ordrel-tool-card.identity-dark,body.storefront .order-home .oa-toolkit .ordrel-tool-card.identity-dark{background:#17354e;border-color:#17354e;color:#fff}
body.storefront .identity-dark>.identity-heading{background:#173d61;border-color:#a9c7ff;color:#fff}
body.storefront .identity-dark .identity-heading .identity-name{color:#fff}
body.storefront .identity-dark .identity-icon{color:#d9e6ff}
body.storefront .identity-dark .identity-outcome{background:#edf3ff;color:#173d61;border-color:#b8c9e4}
body.storefront .ordrel-tool-card.identity-dark>p,body.storefront .order-home .oa-toolkit .ordrel-tool-card.identity-dark>p{color:#e2ebf3}
body.storefront .ordrel-tool-card.identity-dark .ox-tool-preview,body.storefront .order-home .oa-toolkit .ordrel-tool-card.identity-dark .ox-tool-preview{background:#f1f5fc;color:#152f46}
body.storefront .identity-dark .ox-mini-bars i{color:#17354e;background:#d2dffa}
body.storefront .identity-dark .ox-mini-bars i:first-child{background:#fbe0c8}
body.storefront .identity-dark .ox-caption{color:#43586a}
body.storefront .identity-reference{display:flex!important;align-items:center;gap:8px;text-decoration:none;border:1px solid #c8d3df!important;border-radius:12px;background:var(--identity-tint)!important;color:#21479f;min-width:0;padding:0 10px 0 0!important;overflow:hidden}
body.storefront .identity-reference>.identity-heading{flex:1;margin:0;padding:12px;border:0;grid-template-columns:24px minmax(0,1fr) 64px;gap:8px;min-width:0}
body.storefront .identity-reference .identity-name{font-size:.9375rem}
body.storefront .identity-reference .identity-outcome{width:64px;height:64px}
body.storefront .identity-arrow{flex:none;margin:0!important}
body.storefront .ox-next .identity-reference{margin-top:.6rem}
body.storefront .ox-recommendation{border-left:4px solid var(--identity-accent);background:#fffdfa}
body.storefront .ox-recommendation>.identity-heading{border-radius:9px;margin:.5rem 0 1rem}
body.storefront .free-tools-cue{display:flex;align-items:center;gap:.45rem;color:#152f46}
body.storefront .free-tools-sparkle{display:inline-block;width:18px;height:18px;flex:none;color:#2453d4;vertical-align:middle}
body.storefront .identity-free-note{font-size:.875rem;font-weight:650;color:#43586a;margin:.6rem 0 0}
body.storefront .order-home .oa-toolkit{padding:28px;border:1px solid #dce2e5;border-radius:18px;background:#f8f6f1;margin-block:40px}
body.storefront .order-home .ox-finder{background:#f3f6fb;border:1px solid #dbe4ef;border-radius:18px;padding:28px;margin-block:40px}
body.storefront .ordrel-catalog-group{padding:24px;margin-block:24px;border:1px solid #dde3e7;border-radius:16px;background:#f6f8fb}
body.storefront .ordrel-catalog-group:nth-of-type(even){background:#f8f6f1}
body.storefront .ordrel-group-heading{margin-bottom:20px;border-bottom:1px solid #cbd5de;padding-bottom:16px}
body.storefront .ordrel-group-heading h2>span{color:#2453d4;background:#e5edff;border-radius:8px;padding:.3rem .45rem}
body.storefront .ordrel-catalog-heading{padding-bottom:20px}
body.storefront .identity-job{background:#fffdfa;border:1px solid #cdd8e1;border-radius:14px;overflow:hidden;text-decoration:none}
body.storefront .identity-job>.identity-heading{padding:16px}
body.storefront .identity-job>div:not(.identity-heading){padding:20px}
body.storefront .identity-work>.identity-heading{grid-template-columns:24px minmax(0,1fr) 64px;border:0;border-left:3px solid var(--identity-accent);border-radius:10px;padding:10px 12px;margin-bottom:12px}
body.storefront .identity-work .identity-outcome{width:64px;height:64px}
body.storefront .identity-work .identity-name{font-size:.9375rem}
body.storefront.tool-workspace.warm-tool .warm-title[data-tool-id]{background:var(--identity-tint);border-left:4px solid var(--identity-accent);color:var(--identity-accent)}
body.storefront.tool-workspace.warm-tool .warm-title[data-tool-id] h1{color:#152f46!important;flex:1;min-width:0}
body.storefront.tool-workspace.warm-tool .warm-title[data-tool-id] .ordrel-title-icon{color:var(--identity-accent);background:#fff;border-color:#ccd6e3}
body.storefront.tool-workspace.warm-tool .warm-title[data-tool-id]>.identity-outcome{width:72px;height:72px;margin-left:auto}
body.storefront.tool-workspace.warm-tool .warm-title[data-tool-id="pareto"]{background:#173d61}
body.storefront.tool-workspace.warm-tool .warm-title[data-tool-id="pareto"] h1{color:#fff!important}
body.storefront .identity-reference:focus-visible,body.storefront [data-tool-id] a:focus-visible,body.storefront .identity-job:focus-visible{outline:3px solid #2453d4;outline-offset:3px}
body.storefront .identity-reference,body.storefront .identity-job{transition:border-color 130ms,box-shadow 130ms}
body.storefront .identity-reference:hover,body.storefront .identity-job:hover{box-shadow:0 3px 14px #152f4612;border-color:var(--identity-accent)!important}
@media(max-width:800px){body.storefront .identity-heading{grid-template-columns:24px minmax(0,1fr) 64px;gap:8px;padding:12px}body.storefront .identity-outcome{width:64px;height:64px;padding:4px}body.storefront .identity-heading .identity-name{font-size:1rem}body.storefront .ordrel-catalog-group{padding:16px;margin-block:20px}body.storefront .order-home .oa-toolkit,body.storefront .order-home .ox-finder{padding:20px;margin-block:28px}body.storefront .ordrel-tool-grid{gap:16px}body.storefront.tool-workspace.warm-tool .warm-title[data-tool-id]>.identity-outcome{width:60px;height:60px}}
@media(max-width:440px){body.storefront .order-home .oa-toolkit,body.storefront .order-home .ox-finder{padding:14px}body.storefront .ordrel-catalog-group{padding:12px}body.storefront .identity-reference>.identity-heading{grid-template-columns:22px minmax(0,1fr) 56px}body.storefront .identity-reference .identity-outcome{width:56px;height:56px}body.storefront .ox-recommendation{padding:16px}body.storefront .identity-heading .identity-name{overflow-wrap:anywhere}body.storefront .ox-mini-equation{gap:6px;flex-wrap:wrap}body.storefront .ox-mini-equation small{font-size:.75rem}body.storefront .warm-next>div{min-width:0}}
@media(prefers-reduced-motion:reduce){body.storefront .identity-reference,body.storefront .identity-job,body.storefront [data-tool-id] *,body.storefront [data-tool-id] *:before{transition:none!important;animation:none!important}}
body.storefront #search-results>a:has(.identity-heading){display:flex;align-items:center;gap:10px;padding:0 12px 0 0;min-width:0}
body.storefront #search-results .identity-heading{flex:1;grid-template-columns:24px minmax(0,1fr) 56px;padding:8px 10px;border-top:0;border-left:3px solid var(--identity-accent);min-width:0}
body.storefront #search-results .identity-name{font-size:.9375rem}
body.storefront #search-results .identity-outcome{width:56px;height:56px}