/* Mobile audit: navigation, readable inputs, source links and contained dialogs. */
html:has(dialog[open]){overflow:hidden}body:has(dialog[open]){overflow:hidden}
@media(max-width:720px){
 header{height:auto;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:8px}
 header nav{display:grid;grid-template-columns:1fr 1fr;order:3;flex-basis:100%;gap:8px;margin-top:2px}
 header nav button{display:none}
 header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;padding:9px 12px;border:1px solid #dce2ef;border-radius:7px;background:#fff;color:#234bdf}
 header .brand{display:inline-flex;align-items:center;min-height:44px}
 input[type=date],.result-controls select,.medicine-options select{font-size:16px!important;min-height:44px}
 .card-bottom .provenance{display:flex;align-items:center;min-height:44px;font-size:11px;line-height:1.6}
 .medicine-live .supply-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .supply-switch button{justify-content:center;flex-wrap:wrap;min-height:52px;padding:9px 10px;gap:4px 7px;border-radius:10px}
 .supply-switch button span{font-size:11px}
 .official-date span{font-size:10px;letter-spacing:.6px}
 .snapshot-summary{font-size:12px;line-height:1.7}
 .cpsu-code{font-size:11px}.cpsu-due span{font-size:12px}.cpsu-result h4{font-size:14px}
 .medicine-tabs button small{font-size:11px}
 .medicine-meta,.medicine-credit,.medicine-scope{overflow-wrap:anywhere}
 .medicine-live .medicine-search input::placeholder{font-size:14px}
 .medicine-live .medicine-search input{scroll-margin-top:20px}
 .medicine-result-top .medicine-status{white-space:normal;line-height:1.6}
 .medicine-options select{max-width:calc(100% - 60px)}
 .medicine-pages{gap:10px;margin-top:16px}
 .medicine-credit a{display:inline-flex;align-items:center;min-height:44px;line-height:1.6}
 .medicine-result details a{line-height:1.7}
 dialog #close-dialog{position:sticky;float:right;top:0;margin:-10px -4px 0 8px;background:#fff;box-shadow:0 1px 6px #19274815}
 dialog .actions a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;white-space:normal}
 dialog .review-link{line-height:1.6}
 dialog p>a{display:inline-flex;align-items:center;min-height:44px;line-height:1.7}
 .sunday-card button{min-height:44px;padding-bottom:10px}
 footer small{font-size:12px;line-height:1.8;color:#65718a;flex-basis:100%}
 footer>span{font-size:11px;line-height:1.7}
 .map-caption{font-size:11px;line-height:1.7}
}
@media(max-width:360px){
 .supply-switch button{flex-direction:column;gap:3px}
 .official-date{display:block}.official-date span{max-width:none}.official-date time{margin-top:6px;font-size:23px}
 .snapshot-summary{display:block}.snapshot-summary>span{display:block}.snapshot-summary>span:last-child{text-align:left;max-width:none;margin-top:3px}
 .medicine-tabs button{font-size:13px;padding:11px 8px}.medicine-tabs button small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}