/* Case-local adjustments. The component vocabulary is vendored from the live portfolio. */
[hidden]{display:none!important}

main{min-width:0}
@media(min-width:1200px){
  
}
.field-figure{max-width:760px}
.comparison-figure{margin-block:0}
.comparison-figure h3{font-size:var(--text-base)}
.rail-right a[aria-current='location']{color:var(--ink)}
.drawer-head{align-items:center}
.drawer-body[data-fit='frame'] iframe{height:100%}
@media(max-width:1199px){}
@media(max-width:639px){
  
  
  
  
  .figure-head h3{font-size:var(--text-base)}
  .dt-figure-affordance{font-size:10px;padding:6px 8px;bottom:8px;right:8px}
  .drawer-head{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .drawer-title{font-size:var(--text-base)}
  .drawer-kind{font-size:10px}
  .drawer-action{font-size:10px;padding-inline:8px}
  .drawer-close{padding-inline:0}
  .grid-12 .comparison-figure+.comparison-figure{margin-top:var(--space-16)}
}
@media print{.page{padding-top:0}.case-header{padding-top:0}}

/* Keep the mobile figure actions legible. */
.dt-figure-affordance,.dt-figure-affordance .dt-arrow{font-size:12px}