/* The same hierarchy for customer orders, owner review and atelier work. */
.production-page{background:#f5f8f5;color:#183146}
.production-page>header{max-width:1240px;padding:13px 28px;gap:20px}
.production-page .brand img{width:90px}
.production-page>header nav{gap:16px;font-size:13px}
.production-page .production-workspace{max-width:1240px;padding:24px 28px 36px}
.production-page .production-intro{gap:24px;margin-bottom:20px}
.production-page .production-intro h1,.production-page .production-board-heading h1{font:400 clamp(30px,3.4vw,42px)/1.15 Georgia,serif;letter-spacing:-1px;margin:0 0 10px;color:#183146}
.production-page .production-eyebrow{color:#426657;margin-bottom:8px}
.production-page .production-intro>div>p:last-child{color:#536c60;font-size:14px}
.production-page .production-button{min-height:44px;padding:10px 14px;font-size:13px;border-radius:7px;color:#244f41}
.production-page .production-button.primary{background:#196757;border-color:#196757;color:#fff}
.production-page .production-demo-note{margin-bottom:20px;padding:10px 14px}
.production-page .production-demo-note p{font-size:12px;line-height:1.6;color:#5a654e}
.production-page .production-demo-note>span{font-size:10px}
.production-page .production-demo-note button{min-height:38px;font-size:12px}
.production-page .production-metrics{gap:12px}
.production-page .production-metrics>div{padding:16px;gap:12px}
.production-page .production-metrics p,.production-page .production-metrics small{font-size:12px;color:#536c60;line-height:1.6}
.production-page .production-metrics strong{font-size:29px;color:#196757}
.production-page .production-route{margin:20px 0;padding-bottom:14px;gap:12px}
.production-page .production-route span,.production-page .production-role-bar>p{font-size:12px;color:#536c60}
.production-page .production-board-heading{padding:18px 20px;flex-wrap:wrap;gap:12px}
.production-page .production-board-heading h1{flex:1 1 260px;margin:0;font-size:32px}
.production-page .production-board-heading h2{font-size:27px}
.production-page .production-search{font-size:12px}
.production-page .production-search input{font-size:14px;min-height:44px}
.production-page .production-filter-bar{padding:0 20px 14px;gap:12px}
.production-page .production-filter-bar button{min-height:42px;font-size:12px}
.production-page .production-filter-bar>span{color:#536c60;font-size:12px}
.production-page .production-filter-bar button[aria-pressed=true]{background:#196757}
.production-page .production-job{padding:15px 20px;min-height:92px;gap:14px}
.production-page .production-table-heading{color:#536c60;font-size:10px}
.production-page .production-help{font-size:12px;color:#536c60}
.production-page .production-help summary{min-height:40px}
.production-page .production-dialog-heading{padding:18px 22px}
.production-page .production-dialog-heading h2{font-size:29px}
.production-page .production-dialog-next{padding:15px;gap:12px}
.production-page .production-dialog-next h3{font-size:18px}
.production-page .production-dialog-next p{font-size:13px;line-height:1.6}
.production-page .live-empty{padding:20px;font-size:14px;line-height:1.7;color:#536c60}
.production-page .live-empty h2{font:400 26px/1.2 Georgia,serif;letter-spacing:-.5px;color:#183146}
.production-page .live-empty .production-button{margin-top:6px}
.production-page .live-order>summary{padding:15px 17px;gap:14px;font-size:14px}
.production-page .live-order>summary small{font-size:12px;color:#536c60}
.production-page .live-order-body{font-size:14px;line-height:1.7;padding:0 17px 17px}
.production-page .live-order-body input:not([type=checkbox]),.production-page .live-order-body select,.production-page .live-order-body textarea{font-size:15px;min-height:44px}
.production-page .live-activation{max-width:800px;margin:16px auto;padding:24px}
.production-page .live-activation h1{font-size:34px;color:#183146}
.production-page .live-activation p,.production-page .live-activation li{font-size:14px;line-height:1.7;color:#536c60}
@media(max-width:650px){
 .production-page>header{padding:12px 18px}
 .production-page .brand img{width:76px}
 .production-page .production-workspace{padding:20px 16px 30px}
 .production-page .production-board-heading{padding:16px}
 .production-page .production-board-heading h1{flex-basis:100%;font-size:29px}
 .production-page .production-intro h1{font-size:33px}
 .production-page .production-metrics>div{padding:13px;gap:9px}
 .production-page .production-button{font-size:12px}
 .production-page .production-dialog-heading{padding:16px}
 .production-page .production-dialog-heading h2{font-size:25px}
 .production-page .live-order-body input:not([type=checkbox]),.production-page .live-order-body select,.production-page .live-order-body textarea{font-size:16px}
}