/* Mobile-only presentation. Approved desktop artwork and layout are untouched. */
.chocolate-mobile,.chocolate-mobile-overview{display:none}
@media(max-width:700px){
 body.chocolate-mobile-enabled main{padding:22px 14px 40px}
 body.chocolate-mobile-enabled header{display:flex;flex-wrap:wrap;gap:12px;padding:16px}
 body.chocolate-mobile-enabled header a{margin:0;font-size:14px}
 body.chocolate-mobile-enabled .language-switcher{flex-wrap:wrap}
 body.chocolate-mobile-enabled .intro{gap:14px;align-items:center}
 body.chocolate-mobile-enabled .intro h1{font-size:25px;line-height:1.2;overflow-wrap:anywhere}
 body.chocolate-mobile-enabled .pack{width:100px}
 body.chocolate-mobile-enabled .pack img{height:120px}
 body.chocolate-mobile-enabled .intro p{font-size:14px}
 body.chocolate-mobile-enabled .line-scroll{display:none}
 body.chocolate-mobile-enabled.mobile-line-open .line-scroll{display:block;padding:10px;overscroll-behavior-x:contain}
 body.chocolate-mobile-enabled.mobile-line-open .line-scroll svg{min-width:1100px!important;width:1100px!important}
 body.chocolate-mobile-enabled #machine-list,body.chocolate-mobile-enabled .chocolate-mobile+small,body.chocolate-mobile-enabled .intro>div:last-child>p:last-child,body.chocolate-mobile-enabled .machine-selection-hint p{display:none}
 .chocolate-mobile,.chocolate-mobile-overview{display:block}
 .chocolate-mobile-overview{width:100%;margin:14px 0;background:white;color:#126496;border-color:#b8ccd8;min-height:46px}
 .chocolate-mobile-tabs{display:flex;gap:5px;margin:18px 0 10px}
 .chocolate-mobile-tabs[data-many-stages]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 .chocolate-mobile-tabs button{flex:1;min-width:0;padding:8px 3px;min-height:48px;font-size:12px;overflow-wrap:anywhere;color:#071423;background:white;border-color:#cad7df}
 .chocolate-mobile-tabs button[aria-pressed=true]{background:#087cdc;border-color:#087cdc;color:white}
 .chocolate-mobile-stage{margin:0 0 12px;font-size:14px;font-weight:700}
 .chocolate-mobile-instructions{font-size:14px;color:#526777;margin:0 0 14px}
 .chocolate-mobile-cards{display:grid;gap:12px}
 .chocolate-mobile-card{padding:0;text-align:start;width:100%;background:white;color:#071423;border:2px solid #cad7df;border-radius:10px;overflow:hidden}
 .chocolate-mobile-card.selected{border-color:#087cdc;background:#f3faff}
 .chocolate-mobile-art{height:155px;padding:6px;background:white}
 .chocolate-mobile-art svg{width:100%;height:100%;display:block;pointer-events:none}
 .chocolate-mobile-caption{display:flex;align-items:center;gap:10px;padding:12px;min-height:64px}
 .chocolate-mobile-number{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#087cdc;color:white;font-size:13px;font-weight:700}
 .chocolate-mobile-name{flex:1;min-width:0;font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
 .chocolate-mobile-check{flex-shrink:0;display:grid;place-items:center;width:27px;height:27px;border:2px solid #aebfcd;border-radius:6px;font-weight:800}
 .chocolate-mobile-card.selected .chocolate-mobile-check{background:#087cdc;color:white;border-color:#087cdc}
 .chocolate-mobile-next{width:100%;margin:12px 0;min-height:46px;background:white;color:#071423;border-color:#cad7df}
 .chocolate-mobile-status{font-size:14px;font-weight:700;margin:12px 0}
 body.chocolate-mobile-enabled .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 body.chocolate-mobile-enabled .actions button{padding:12px 8px;font-size:14px;min-height:46px}
 body.chocolate-mobile-enabled #help{grid-column:1/-1}
 body.chocolate-mobile-enabled #continue{width:100%;font-size:15px;min-height:48px;background:#ffd43b;border-color:#ffd43b;color:#071423;font-weight:800}
 body.chocolate-mobile-enabled .machine-selection-hint{padding:16px;gap:12px}
 body.chocolate-mobile-enabled fieldset{min-width:0;margin:16px 0;padding:12px}
 body.chocolate-mobile-enabled fieldset label{display:block;min-height:44px;padding:8px 0}
 body.chocolate-mobile-enabled .summary{overflow-wrap:anywhere;padding:14px;font-size:14px}
}