
.transit-status{margin:0 0 12px;padding:10px 12px;border:1px solid #8d9792;background:#f4f1e7;font:12px/1.45 monospace;overflow-wrap:anywhere}
.transit-status[hidden]{display:none}.transit-status strong,.transit-status small{display:block}.transit-status details{margin-top:6px}
.transit-status details p,.transit-alert p{white-space:pre-line;overflow-wrap:anywhere}.transit-status a,#detail .transit-alert-heading{display:block;margin-top:8px}
.transit-alert{margin:8px 0;padding:8px;border-left:3px solid #ac7442;background:#fff2d9;text-align:left;line-height:1.5}
.transit-alert summary{cursor:pointer;font-weight:600}.transit-arrivals{padding-left:20px;line-height:1.6}.transit-status>details{max-height:35vh;overflow:auto}

#settingsBtn{display:flex;align-items:center;justify-content:center;margin:0 0 0 auto;padding:8px;width:36px;height:36px;border:0;background:transparent;color:var(--ink);cursor:pointer}
#settingsBtn svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#rhodes-settings{box-sizing:border-box;width:calc(100% - 32px);max-width:460px;max-height:80dvh;overflow:auto;padding:18px;border:1px solid #8d9792;background:#f4f1e7;color:#292723}
#rhodes-settings::backdrop{background:rgb(0 0 0 / .25)}
.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.settings-heading h2{margin:0;font:16px/1.4 monospace}
#settingsClose{width:44px;height:44px;border:0;background:transparent;color:inherit;font:24px/1 monospace;cursor:pointer}
#rhodes-settings .transit-status{padding:0;border:0;margin:0}
#rhodes-settings .transit-status>details{max-height:none;overflow:visible}

.destination-heading{display:flex;align-items:center;gap:8px}
.detailtop>div{min-width:0;flex:1}
.destination-heading h1{min-width:0;overflow-wrap:anywhere}
#routeBtn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:7px;border:1px solid var(--ink);border-radius:50%;background:var(--paper) url('paper-grain.png');color:var(--ink)}
#routeBtn[hidden]{display:none}
#routeBtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#routeBtn:disabled{opacity:.5;cursor:wait}
