/* Last layer: application interactions shared by both visual editions. */
@media(max-width:800px){
 .dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
 .search-dialog-body{padding-bottom:40px}.search-form{min-height:70px}
 .mobile-day-info{display:block;border-radius:8px}.day-aside{display:block!important}
 .day-aside>.panel,.day-aside>.change{display:none!important}
 .day-page .day-hero{height:165px}.day-page .content{padding-bottom:155px}
 .mobile-daybar{bottom:calc(62px + env(safe-area-inset-bottom))}
 .day-page .bookmark{width:44px;height:44px;min-width:44px;border-radius:8px}
 .mobile-nav a,.mobile-nav button{font-size:10px;min-height:50px}
 .section-toc{max-height:160px;overflow:auto;scrollbar-width:thin}.section-toc a{min-height:36px;display:inline-flex;align-items:center}
 .section-body>h3{scroll-margin-top:86px}.activity[id],.notice[id],.scenario[id],.check-group[id],.tip-detail[id],.section-body>div[id]{scroll-margin-top:85px}
 .table-wrap{touch-action:pan-x pan-y}.date-strip{touch-action:pan-x pan-y;overscroll-behavior-x:contain}
 .source a,.activity-links a{padding:5px 0;line-height:1.8}
 .mobile-day-info summary{min-height:50px}.filter-select{min-height:44px}.check-row{min-height:54px}
}
@media(max-width:360px){
 .topbar .breadcrumb{max-width:117px}.hero h1{font-size:43px}
 .editorial-intro h1{font-size:80px}.editorial-inset{width:96px;height:90px;top:139px;right:12px}
 .editorial-dates{font-size:9px;gap:8px}.editorial-dates span{padding-left:8px}
 .editorial-intro>p{font-size:9px;margin-left:8px}.editorial-intro>.button{padding:13px 14px;font-size:14px}
 .editorial-intro{padding-left:19px;padding-right:19px}.editorial-brand{font-size:8px;letter-spacing:.1em}
 .topbar .icon-only{min-width:37px}.mobile-daybar select{max-width:175px}
}
@media print{.mobile-daybar,.mobile-day-info{display:none!important}}