/* Case-local adjustments. The component vocabulary is vendored from the live portfolio. */

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:12px;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:12px}
  .drawer-action{font-size:12px;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}}


.narrow-figure{max-width:340px}
.figure-pair{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:var(--space-32);align-items:start}
@media(max-width:899px){.figure-pair{grid-template-columns:minmax(0,1fr)}}
.quote{border-left:2px solid var(--hairline-2);padding-left:var(--space-16);color:var(--ink-2)}