/* ORIGEX — ORX-P01 | PG21 Case Study Details composition | Copyright © ORVEAX */
[data-pg21-root]{background:var(--orx-bg)}
.orx-case-detail-hero{padding-block:clamp(3.75rem,7vw,6rem);background:linear-gradient(180deg,var(--orx-surface-soft),var(--orx-bg))}
.orx-case-detail-hero__grid{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start}
.orx-case-detail-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1rem 1.2rem}
.orx-case-detail-hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-block-start:1.5rem}
.orx-case-detail-facts{display:grid;gap:1rem;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--orx-border);border-radius:var(--orx-radius-lg);background:var(--orx-surface);box-shadow:var(--orx-shadow-e1)}
.orx-case-detail-facts h2{font-size:1.1rem;margin:0}.orx-case-detail-facts dl{display:grid;gap:.8rem;margin:0}.orx-case-detail-facts div{display:grid;gap:.2rem;padding-block-end:.75rem;border-block-end:1px solid var(--orx-border)}.orx-case-detail-facts div:last-child{padding-block-end:0;border:0}.orx-case-detail-facts dt{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--orx-text-muted)}.orx-case-detail-facts dd{margin:0;font-weight:700;color:var(--orx-primary-strong)}
.orx-case-detail-notice{display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:1rem 1.1rem;border:1px solid rgba(53,106,138,.3);border-radius:var(--orx-radius-md);background:rgba(53,106,138,.06)}.orx-case-detail-notice[hidden]{display:none!important}.orx-case-detail-notice .orx-icon{color:var(--orx-primary)}
.orx-case-detail-layout{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start}
.orx-case-detail-main{display:grid;gap:1.25rem;min-inline-size:0}
.orx-case-detail-section{display:grid;gap:.7rem;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--orx-border);border-radius:var(--orx-radius-md);background:var(--orx-surface)}
.orx-case-detail-section h2{font-size:clamp(1.2rem,2vw,1.55rem);margin:0}.orx-case-detail-section p{margin:0;color:var(--orx-text-muted)}
.orx-case-detail-section--accent{border-color:rgba(196,122,74,.3);background:rgba(196,122,74,.06)}
.orx-case-detail-section--soft{background:var(--orx-surface-soft)}
.orx-case-detail-objective{display:grid;gap:1rem}
.orx-case-detail-objective__grid{display:grid;gap:1rem}
.orx-case-detail-mini{display:grid;gap:.55rem;padding:1rem;border:1px solid var(--orx-border);border-radius:var(--orx-radius-sm);background:var(--orx-surface)}.orx-case-detail-mini h3{font-size:1rem;margin:0}.orx-case-detail-mini p{margin:0;color:var(--orx-text-muted)}
.orx-case-detail-process{display:grid;gap:.85rem;counter-reset:pg21step}
.orx-case-detail-step{counter-increment:pg21step;display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;padding:1rem;border:1px solid var(--orx-border);border-radius:var(--orx-radius-sm);background:var(--orx-surface)}
.orx-case-detail-step::before{content:counter(pg21step,decimal-leading-zero);display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:var(--orx-radius-pill);background:var(--orx-primary);color:#fff;font-weight:800}.orx-case-detail-step h3{font-size:1rem;margin:0}.orx-case-detail-step p{margin:.25rem 0 0;color:var(--orx-text-muted)}
.orx-case-detail-result{display:grid;gap:1rem}.orx-case-detail-result__highlight{display:grid;gap:.5rem;padding:1.15rem;border-inline-start:4px solid var(--orx-accent);background:var(--orx-surface)}.orx-case-detail-result__highlight strong{font-size:1.05rem;color:var(--orx-primary-strong)}
.orx-case-detail-metrics{display:grid;gap:.75rem}.orx-case-detail-metric{display:grid;gap:.25rem;padding:.9rem 1rem;border:1px solid var(--orx-border);border-radius:var(--orx-radius-sm);background:var(--orx-surface)}.orx-case-detail-metric strong{color:var(--orx-primary)}.orx-case-detail-metric span{font-size:.88rem;color:var(--orx-text-muted)}
.orx-case-detail-disclaimer{display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:1rem;border:1px solid rgba(154,101,26,.28);border-radius:var(--orx-radius-sm);background:rgba(154,101,26,.06)}.orx-case-detail-disclaimer p{margin:0;color:var(--orx-text-muted)}
.orx-case-detail-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block-start:1rem;border-block-start:1px solid var(--orx-border)}.orx-case-detail-nav .orx-btn{min-inline-size:0}
.orx-case-detail-related{display:grid;gap:1rem}.orx-case-detail-related__grid{display:grid;gap:1rem}.orx-case-detail-related-card{display:grid;gap:.7rem;padding:1.15rem;border:1px solid var(--orx-border);border-radius:var(--orx-radius-md);background:var(--orx-surface)}.orx-case-detail-related-card h3{font-size:1.05rem;margin:0}.orx-case-detail-related-card p{margin:0;color:var(--orx-text-muted)}
.orx-case-detail-related-card .orx-text-action{min-block-size:44px}
@media(min-width:700px){.orx-case-detail-objective__grid,.orx-case-detail-metrics,.orx-case-detail-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:980px){.orx-case-detail-hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.65fr)}.orx-case-detail-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.62fr)}.orx-case-detail-side{position:sticky;top:calc(var(--orx-header-height) + 1.5rem)}}
@media(max-width:767.98px){.orx-case-detail-hero__actions>.orx-btn,.orx-case-detail-nav>.orx-btn{width:100%}.orx-case-detail-hero__grid,.orx-case-detail-layout,.orx-case-detail-objective__grid,.orx-case-detail-metrics,.orx-case-detail-related__grid{min-inline-size:0}.orx-case-detail-step{grid-template-columns:40px minmax(0,1fr)}}