/* 390px art direction: a 24px reading edge, 48px figure axis, open outer edge.
   Desktop is deliberately untouched. Commissioner settings live in finalists.css. */
@media(max-width:600px){
 html{min-width:0}
 .canvas{width:100%}
 .study-c .header{height:100px;margin:0 24px}
 .brand{top:21px;font-size:15px;gap:9px}
 .brand-sub,.study-c .header .nav{display:none}
 .study-c .header-cta{left:auto;right:0;top:20px;font-size:12px;min-height:44px;display:flex;align-items:center}
 .brand{min-height:44px;align-items:center}
 .study-c .hero{display:flex;flex-direction:column;padding:0 0 32px}
 .study-c .meta{position:static;order:-1;margin:0 24px 29px;width:auto;display:grid;grid-template-columns:1fr auto;font-size:9px;line-height:1.55}
 .study-c .meta br{display:none}
 .study-c .index{grid-column:2;grid-row:1/3;margin:0;align-self:end;padding-left:20px}
 .final-commissioner h1{letter-spacing:-.035em}
 .study-c .lead{margin:0 24px;max-width:none;font-size:32px;line-height:1.16}
 .study-c .lead span{display:inline}
 .study-c .core{margin:27px 0 0 48px;padding:29px 24px 35px;font-size:34px;line-height:1.18}
 .study-c .core span{display:inline;white-space:normal}
 .study-c .actions{margin:16px 24px 0 48px;gap:12px;font-size:12px;align-items:center;justify-content:space-between}
 .actions a{min-height:44px;display:flex;align-items:center}
 .system-section{display:block;margin:0 24px;padding:44px 0;scroll-margin-top:20px}
 .system-label{font-size:10px;line-height:1.5}
 .system-label h2{font-size:18px;line-height:1.3;margin:6px 0 0}
 .system-section>.system-label{margin-bottom:28px}
 .final-commissioner .system-intro{font-size:17px;line-height:1.55}
 .system-intro p+p{margin-top:20px}
 .system-about{padding-bottom:32px}
 .system-audience{padding-bottom:36px}
 .system-quote{display:block;margin:30px 0 0}
 .final-commissioner .system-quote blockquote{font-size:34px;line-height:1.14;letter-spacing:-.035em}
 .system-quote .quote-continuation{display:block;margin-left:24px}
 .system-quote figcaption{margin:16px 0 0 24px;font-size:11px}
 .system-audience-lead{font-size:22px;line-height:1.4;letter-spacing:-.025em}
 .system-audience-detail{margin:24px 0 0;font-size:17px;line-height:1.55;letter-spacing:0}
 .system-program-heading{grid-template-columns:1fr auto;gap:16px;margin-bottom:20px}
 .system-program-heading>p{font-size:9px;padding-top:3px;letter-spacing:.04em}
 .system-module summary{position:relative;margin:0;padding:18px 0 20px}
 .module-number{display:block;margin:0 0 10px;font-size:30px;line-height:1}
 .final-commissioner .system-module h3{display:block;padding-right:8px;font-size:20px;line-height:1.32;letter-spacing:-.02em}
 .module-toggle{top:9px;right:-7px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:26px}
 .system-module[open] summary{padding-bottom:18px}
 .system-module[open] .module-number{transform:translateX(24px)}
 .system-module[open]{padding-bottom:16px}
 .module-description{margin-left:24px;margin-right:-24px}
 .final-commissioner .module-description p{padding:20px 24px 24px;font-size:17px;line-height:1.55;letter-spacing:0}
 .system-portraits{display:block;padding:0}
 .system-portraits article+article,.system-portraits article:last-child{margin-top:32px}
 .system-portrait{width:calc(100% - 24px);margin-inline:12px;aspect-ratio:4/5}
 .system-portraits h3{font-size:24px;line-height:1.25;margin:16px 0 8px}
 .system-portraits p{font-size:15px;line-height:1.5}
 .system-info .system-label h2{max-width:100%}
 .system-info dl>div{display:block;padding:11px 0}
 .system-info dt{padding:0;font-size:12px;line-height:1.5;margin-bottom:5px}
 .system-info dd{font-size:20px;line-height:1.35}
 .system-ending,.system-footer{box-shadow:none;clip-path:none}
 .system-ending-inner{display:block;margin:0 24px;padding:40px 0 32px}
 .system-ending .system-label{padding:0;margin-bottom:25px;font-size:9px}
 .system-enroll-copy h2{font-size:40px;line-height:1.13;letter-spacing:-.04em;margin-bottom:20px}
 .system-enroll-copy>p{font-size:17px;line-height:1.5;max-width:320px}
 .system-enroll-copy button{margin-top:26px;font-size:14px;white-space:nowrap;padding:13px 18px;min-height:48px}
 .system-footer-inner{display:block;margin:0 24px;padding:28px 0 36px}
 .system-footer-inner>p{max-width:none;margin-bottom:27px;font-size:12px}
 .system-contacts h2{margin-bottom:14px}
 .system-contact-people{display:block}
 .system-contact-people>div+div{margin-top:20px}
 .system-contact-people p{font-size:16px;margin:0}
 .system-contact-people a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;padding:8px 0}
}