/* Keep explicit food/health consequences and the travel decision on screen. */
#road-plan{box-sizing:border-box;max-height:calc(100dvh - 12px);padding:8px}
#road-plan[open]{display:flex;flex-direction:column;gap:4px}
#road-plan>.panel-top{flex:none;min-height:44px;height:44px;margin:0}
#road-plan .road-options{flex:1;min-height:0}
#road-plan .road-card{min-height:0;padding:6px}
#road-plan .road-card p{margin:2px 0;font-size:11px;line-height:14px}
#road-plan .road-card .road-hunger{color:#8c2826!important;font-weight:650}
#road-plan .road-card .road-reserve{font-size:10px;line-height:12px;padding-top:2px;margin:2px 0 3px}
#road-plan .road-pages{flex:none;height:44px;margin:0}
@media(max-height:300px) and (orientation:landscape){
 #road-plan{padding:5px}
 #road-plan .road-options{grid-template-columns:minmax(0,1fr)}
 #road-plan .road-card{padding:4px 6px}
 #road-plan .road-card h3{font-size:13px;line-height:16px}
 #road-plan .road-card p{margin:1px 0;font-size:10px;line-height:12px}
 #road-plan .road-card .road-reserve{margin:1px 0;padding-top:1px;line-height:11px}
 #road-plan .road-pages small{font-size:10px}
}