/* Gate 07A.20A: presentation only. Original font sizes and 48px controls retained. */
body{background:linear-gradient(135deg,#e0f2ff 0,#f5faff 48%,#eef7fc 100%);color:#142b46;min-height:100vh}
main{padding:9px 11px 14px}
.brand{font-size:38px;letter-spacing:-1px;margin:4px 0 8px;line-height:1.25;font-weight:850}
.brand span{color:#075de1;margin-left:4px;letter-spacing:0}
#home>p{margin:6px 0}
input{box-sizing:border-box;width:100%;background:#fff;border-color:#dae8f2;box-shadow:0 2px 7px #20436608;padding:14px 15px}
#go,#gps{margin-top:6px;margin-bottom:8px;padding:12px 16px;background:#cf243a}
.filters{gap:5px;padding:0 0 3px;scrollbar-width:thin;scroll-padding:4px}
.filters button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 10px;min-width:68px;min-height:74px;border:1px solid #e1eaf3;color:#173754;background:#ffffffd9}
.filters .transport-icon{display:block;flex:none;object-fit:contain;width:40px;height:32px}
.filters button[data-co=KMB]{color:#c92338}.filters button[data-co=LWB]{color:#ae5700}.filters button[data-co=CTB]{color:#856400}.filters button[data-co=GMB]{color:#128247}.filters button[data-co=FERRY]{color:#075de1}
.filters button.active{background:#d8edff!important;color:#064b99!important;border-color:#84b9e9!important;box-shadow:inset 0 -3px #1570db}
.tabs{gap:6px;margin:7px 0}.tabs .tab{padding:10px 8px;background:#ffffffb8}.tabs .tab.active{background:#e1effc}
#status{margin:9px 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.card{padding:8px 9px;margin:5px 0;gap:8px;border-radius:16px}
.tag{padding:6px 3px}.tag .vehicle-icon{width:40px;height:32px;margin:0 auto 2px}
.card .dest,.card .info{overflow-wrap:anywhere}
.ferry-card{padding:10px;margin:6px 0;gap:10px}.ferry-card>span:nth-child(2){flex:1;min-width:0}.ferry-card .boat{padding:5px;background:#e6f3ff;display:flex;flex:none}.boat img{display:block;width:64px;height:52px}.ferry-card small{margin-top:3px}
#ferry-detail{padding-bottom:20px}#ferry-back{margin-bottom:6px}
.detail-vehicle{display:inline-block;vertical-align:middle;margin:0 8px 5px 0}
#ferry-title{display:inline;vertical-align:middle;overflow-wrap:anywhere}
#ferry-detail .ferry-actions{margin:6px 0;gap:6px}
#ferry-detail .ferry-panel{padding:9px 11px}
#ferry-detail .ferry-panel p{margin:5px 0}
#ferry-schedule .next-time{color:#075de1;line-height:1.35}
#ferry-schedule .next-time span{display:block}
#ferry-schedule ol{margin:6px 0;padding-left:27px}
#ferry-schedule li{padding:6px 0;border-bottom:1px solid #eaf0f5}
.schedule-note:empty{display:none}
.service-notice{font-size:19px;line-height:1.45;background:#fff9e9;border:1px solid #f1e3bd;border-radius:12px;padding:8px 11px;margin:8px 0}
.service-notice h3{font-size:20px;margin:0 0 5px}.service-notice p{margin:5px 0}.service-notice a{overflow-wrap:anywhere}
#ferry-detail .fare-fold{margin:8px 0}.fare-fold summary{padding:8px 11px!important;box-sizing:border-box;min-height:56px!important}
.fare-rows{padding:2px 11px}.fare-rows p{padding:9px 0}
.fare-group{border:1px solid #e2eaf0;border-radius:10px;margin:8px 0;overflow:hidden;font-size:19px}
.fare-group h3{font-size:20px;background:#eaf4ff;margin:0;padding:8px 10px}
.fare-day{padding:7px 10px}.fare-day+.fare-day{border-top:1px solid #e2eaf0}.fare-day h4{font-size:19px;margin:0 0 6px}
.fare-day dl{margin:0}.fare-day dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:5px 0;flex-wrap:wrap}.fare-day dt{flex:1;min-width:140px}.fare-day dd{margin:0;font-weight:700;white-space:nowrap}
footer{margin-top:10px;border-top:1px solid #dce8f1}.compact-help{margin:3px 0 6px}.compact-help summary{padding:3px 0;min-height:48px}
.detail-actions{margin:6px 0;gap:6px}.stop{padding:8px 9px}.stop p{margin:6px 0}
button{min-height:48px}#heading{overflow-wrap:anywhere}#subtitle{overflow-wrap:anywhere}
@media(max-width:390px){main{padding:8px}.card{padding:8px 6px;gap:6px}.tag{min-width:62px}.ferry-card{padding:8px;gap:8px}.ferry-card .boat{padding:3px}.boat img{width:48px;height:42px}#go,#gps{padding:12px 10px}.tabs .tab{padding:10px 5px}.brand{font-size:38px}}
/* Keep baseline control footprints while removing surrounding whitespace. */
input{min-height:64px}.tabs .tab{min-height:54px}.ferry-card{min-height:96px}