/* CiM launch candidate: compact, accessible recipe-first layout */
.hero.cim-recipe-hero .hero-side,.hero.cim-recipe-hero #mode,.hero.cim-recipe-hero .period{display:none!important}
#prototypeTag{font-weight:700}
.recipe-table{font-size:14px!important}
.recipe-table td,.recipe-table th{line-height:1.45;overflow-wrap:anywhere}
.recipe-layout .card{overflow:hidden}
.recipe-layout button,.recipe-actions button{min-height:40px}
@media(max-width:760px){
 .top{gap:3px!important;padding:2px 0 8px!important}
 .brand-full-logo{width:min(176px,53vw)!important;max-height:86px!important}
 .header-right{gap:6px!important}
 .header-right #prototypeTag{font-size:11px!important;padding:9px 10px!important}
 .hero.cim-recipe-hero{margin-top:10px!important;margin-bottom:10px!important}
 .hero.cim-recipe-hero h1{font-size:clamp(29px,8vw,36px)!important}
 .hero.cim-recipe-hero .sub{font-size:14px;line-height:1.45}
 .recipe-table{font-size:13px!important;table-layout:fixed}
 .recipe-table td,.recipe-table th{padding:10px 4px!important}
 .recipe-layout .card{padding:14px!important}
 .recipe-stat{padding:11px!important}
 .recipe-stat span{font-size:12px!important;line-height:1.45;display:block}
 .recipe-stat strong{font-size:21px!important}
 .recipe-line{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr) 38px!important;gap:5px!important}
 .recipe-line button{padding:7px!important}
}
@media(max-width:350px){.recipe-stat-grid{grid-template-columns:1fr!important}}

.cim-free-access-note{font-size:12px;line-height:1.5;color:#e8c678;margin:12px 0 5px;}
/* Launch candidate: narrow-screen readability and touch targets */
html,body{max-width:100%;overflow-x:hidden}
.wrap,.recipe-layout,.recipe-layout>*{min-width:0}
.recipe-table{width:100%}
@media(max-width:760px){
 .recipe-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 .recipe-layout .card{min-width:0;width:100%;box-sizing:border-box}
 .recipe-table{font-size:12px!important}
 .recipe-table td,.recipe-table th{overflow-wrap:anywhere;word-break:normal;padding:9px 5px!important}
 .recipe-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .recipe-stat{min-width:0;overflow-wrap:anywhere}
 .recipe-actions{flex-wrap:wrap}
 input,select,button{max-width:100%;box-sizing:border-box}
}
@media(max-width:350px){.recipe-stat-grid{grid-template-columns:1fr!important}}
