/* Shared production-sized media frame. Category grammars differ inside one quiet system. */
:root{--atlas-paper:#f3f3ef;--atlas-ink:#242528;--atlas-guide:#c5c7c0;--atlas-accent:#6658d8;--atlas-tint:#e5e1f5;--atlas-stroke:1.2px}
.catalog .term-card>.card-art{background:var(--atlas-paper)}
.catalog .term-card .card-link::after{content:'';position:absolute;inset:0;z-index:2;border-radius:20px}
.catalog .term-card .card-link:focus-visible{outline:none}
.catalog .term-card .card-link:focus-visible::after{outline:2px solid var(--atlas-ink);outline-offset:5px}
.catalog .term-card .card-save{z-index:3}
.atlas-frame-v6{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;overflow:hidden;background:var(--atlas-paper);color:var(--atlas-ink);isolation:isolate}
.catalog .card-art .atlas-frame-v6>svg{width:100%;height:100%;max-width:100%;margin:0;transform:none;filter:none;object-fit:contain}
.catalog .card-art .atlas-frame-v6>:is(svg,div){opacity:1;filter:none}
.catalog .card-art .atlas-frame-v6>svg>rect:first-child[width="360"]{fill:var(--atlas-paper)}
.catalog .card-art .atlas-frame-v6>svg :is(path,line,polyline,rect,circle,ellipse){vector-effect:non-scaling-stroke}
.catalog .card-art .color-example-v5.cev5-compact{width:100%;height:100%;padding:22px;background:transparent!important}
.catalog .card-art .cev5-compact .cev5-art{min-height:0;height:100%;gap:0}
.catalog .card-art .cev5-compact .cev5-space-pair,.catalog .card-art .cev5-compact .cev5-p3-family,.catalog .card-art .cev5-compact .cev5-opacity-pair,.catalog .card-art .cev5-compact .cev5-contrast-pair{gap:12px;max-width:250px}
.catalog .card-art .cev5-compact .cev5-primary-family,.catalog .card-art .cev5-compact .cev5-alpha-family,.catalog .card-art .cev5-compact .cev5-tint-family{gap:10px;max-width:250px}
.catalog .card-art .cev5-compact .cev5-color-block{height:108px;max-height:108px;aspect-ratio:auto;border-radius:6px}
.catalog .card-art .cev5-compact .cev5-checker{height:108px;padding:12px;background-size:12px 12px;border-color:var(--atlas-guide);border-radius:6px}
.catalog .card-art .cev5-compact .cev5-opacity-object span{font-size:32px}
.catalog .card-art .cev5-compact .cev5-opacity-object i{height:9px}
.catalog .card-art .cev5-compact .cev5-primary-family>div>i{height:108px;border-radius:6px}
.catalog .card-art .cev5-compact .cev5-p3-family>div>i{width:108px}
.catalog .card-art .cev5-compact .cev5-gamut-outer{max-height:142px;border-width:1.2px;background:#edecf5;border-color:var(--atlas-accent)}
.catalog .card-art .cev5-compact .cev5-gamut-inner{border-width:1.2px;background:#f7f7f2;border-color:#787b73}
.catalog .card-art .cev5-compact .cev5-gradient{height:100px;border-radius:6px}
.catalog .card-art .cev5-compact .cev5-contrast-type{font-size:42px}
.catalog .card-art .cev5-compact .cev5-contrast-sample{min-height:108px;padding:12px 6px;border-color:var(--atlas-guide);background:#fff}
.catalog .card-art .cev5-compact .cev5-process-svg{max-width:280px;max-height:150px;object-fit:contain}
.catalog .card-art .cev5-compact .cev5-process-svg [stroke]:not([stroke="none"]){stroke-width:1.2px;vector-effect:non-scaling-stroke}
.catalog .card-art .cev5-compact .cev5-micro{font-size:10px;line-height:1.4;letter-spacing:normal}
.example-stage .ui-example{--uie-line:var(--atlas-guide);--uie-ink:var(--atlas-ink);--uie-muted:#65685f;background:var(--atlas-paper)}
.example-stage :is(.uie-button,.uie-input,.uie-popover,.uie-disclosure){border-color:var(--atlas-guide)}
.example-stage .uie-button:hover{background:var(--atlas-tint)}
.example-stage .uie-popover{background:#fff}
/* Full-width mobile cards use the same content scale rather than 108px thumbnails. */
@media(max-width:760px){
 .catalog .card-art .atlas-frame-v6>svg{width:100%;height:100%;margin:0;transform:none;filter:none}
 .catalog .card-art .color-example-v5.cev5-compact{padding:20px}
}
@media(prefers-reduced-motion:reduce){.atlas-frame-v6 *{animation:none!important;transition:none!important}}