/* Restored from family-system-mobile-comparison-v3-structure-lock and
   the continuous desktop image-system proofs. Interface stays semantic. */
.atlas-detail .atlas-opening:has(.atlas-art){position:relative;isolation:isolate}
.atlas-detail .atlas-opening:has(.atlas-art) .atlas-art img{position:absolute;width:100%;height:100%;max-width:none;left:0;top:0;object-fit:cover;object-position:65% center}
.atlas-detail .atlas-opening:has(.atlas-art) .atlas-art::after{height:40px;background:linear-gradient(var(--paper),transparent)}
.atlas-detail .atlas-rail-value{font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums}
.atlas-detail .atlas-fact-value{font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums}
.atlas-mobile-chart{display:none!important}
@media(min-width:761px){
 .atlas-detail .atlas-opening:has(.atlas-art){display:grid;grid-template-columns:minmax(340px,38%) minmax(0,1fr);grid-template-rows:auto auto auto auto}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-lockup{grid-column:1;grid-row:1;display:block;padding:30px 32px 16px;min-height:0}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-lockup h1{font-size:clamp(38px,4.1vw,58px);line-height:1.03;letter-spacing:-.04em}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-lockup-rule{display:none}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-primary{margin-top:20px}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-primary-value{font-size:clamp(38px,4.1vw,58px);line-height:1.05}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-meta-row{grid-column:1;grid-row:2;margin-inline:32px;padding-block:12px}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-facts{grid-column:1;grid-row:3;margin:0 32px;padding:18px 0 26px;min-height:88px}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-art{position:relative;z-index:-2;grid-column:1 / -1;grid-row:1 / 4;min-height:400px;height:100%;margin:0;border:0}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-art::after{inset:0;height:100%;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 19%,#f3f7f6ed 29%,#f3f7f6ad 39%,#f3f7f61a 53%,transparent 64%)}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-art img{object-position:center}
 .atlas-detail .atlas-opening:has(.atlas-art) .atlas-rail{grid-column:1 / -1;grid-row:4;border-top:1px solid var(--rule);background:var(--paper)}
 .atlas-detail .atlas-rail-primary{min-height:60px}
 .atlas-detail .atlas-rail-secondary{min-height:64px}
 .atlas-detail .signup-inline{padding:14px 24px}
 .atlas-detail .signup-inline .signup-ask{margin-bottom:10px}
}
@media(max-width:760px){
 .atlas-detail .report-type-row{padding:9px 20px;font-size:10px;line-height:1;white-space:nowrap}
 .atlas-detail .atlas-lockup{display:grid;grid-template-columns:minmax(0,1.08fr) 1px minmax(0,.92fr);gap:14px;align-items:center;padding:18px 20px 12px;min-height:94px}
 .atlas-detail .atlas-lockup h1,.atlas-detail .atlas-primary-value{font:400 clamp(23px,6.65vw,30px)/1.04 var(--serif);letter-spacing:-.025em}
 .atlas-detail .atlas-lockup-rule{display:block;width:1px;height:58px}
 .atlas-detail .atlas-primary-context{font-size:8px;letter-spacing:.1em;line-height:1.25;margin-top:6px}
 .atlas-detail .atlas-meta-row{margin:0 20px;padding:9px 0;min-height:30px}
 .atlas-detail .atlas-meta{font-size:8px;line-height:1.5;letter-spacing:0}
 .atlas-detail .atlas-facts{margin:0 20px;padding:10px 0 16px;min-height:64px}
 .atlas-detail .atlas-fact-label{font-size:8px;letter-spacing:.12em}
 .atlas-detail .atlas-fact-value{font-size:16px;line-height:1.15;margin-top:6px}
 .atlas-detail .atlas-fact-value.atlas-fact-word{font-size:18px}
 .atlas-detail .atlas-opening .atlas-art{display:block;height:220px;margin:0;border-bottom:1px solid var(--rule)}
 .atlas-detail .atlas-rail-primary{min-height:56px}
 .atlas-detail .atlas-rail-secondary{min-height:64px}
 .atlas-detail .atlas-rail-label{font-size:8px;line-height:1.2;letter-spacing:.1em}
 .atlas-detail .atlas-rail-value{font-size:17px;line-height:1.15}
 .atlas-detail .atlas-rail-note{font-size:8px}
 .atlas-detail .signup-inline{padding:16px 20px}
 .atlas-detail .signup-inline .signup-ask{font-size:19px;line-height:1.2;margin-bottom:12px}
 .atlas-detail .chart-card{padding:18px 20px}
 .atlas-detail .atlas-plot:has(.atlas-mobile-chart){overflow:visible}
 .atlas-detail .atlas-plot:has(.atlas-mobile-chart) .atlas-desktop-chart{display:none}
 .atlas-detail .atlas-plot .atlas-mobile-chart{display:block!important;width:100%;min-width:0;max-width:100%;height:auto}
 .atlas-detail .atlas-plot:has(.atlas-mobile-chart) .chart-labels{min-width:0;font-size:8px}
 .atlas-detail .atlas-plot:has(.atlas-mobile-chart)::after{content:none}
}