
:root{font-family:Arial,Helvetica,sans-serif;color:#18392c;background:#f5f6f0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cf9d48;outline-offset:3px}header{height:84px;border-bottom:1px solid #dce2d9;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brandmark{width:42px;height:42px;background:#194f3e;color:white;display:grid;place-items:center;border-radius:13px}.brand b{display:block;font-size:18px;letter-spacing:-.7px}.brand small{font-size:10px;color:#718170;letter-spacing:1.4px;text-transform:uppercase}.pill{border:1px solid #d6dfd2;padding:8px 12px;border-radius:30px;font-size:11px;background:#fff;display:flex;gap:7px;align-items:center}.dot{height:7px;width:7px;border-radius:50%;background:#388754}.offline .dot{background:#b77516}.shell{max-width:1320px;margin:auto;padding:44px 5% 28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:#74816e}h1{font-size:clamp(36px,5vw,58px);letter-spacing:-2.5px;line-height:1.08;margin:12px 0 14px;font-weight:600}h1 em{font-style:normal;color:#608352}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;gap:20px}.intro p{color:#74806e;font-size:14px;line-height:1.7;margin:0}.stamp{font-size:10px;letter-spacing:1px;white-space:nowrap;color:#718074}.workspace{display:grid;grid-template-columns:345px minmax(0,1fr);gap:22px;align-items:start}.panel{background:white;border:1px solid #dfe5d7;border-radius:18px;overflow:hidden}.searchbox{margin:20px 20px 14px;border:1px solid #dce2d8;background:#f8f9f4;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:9px}.searchbox input{width:100%;min-width:0;border:0;background:transparent;padding:14px 0;font-size:13px}.tabs{display:flex;gap:4px;margin:0 20px 18px;background:#f0f3eb;padding:4px;border-radius:9px}.tabs button{border:0;background:transparent;flex:1;font-size:11px;padding:9px 0;border-radius:6px}.tabs .active{background:white;box-shadow:0 1px 5px #18382710;font-weight:bold}.listlabel{padding:0 22px 12px;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#7b8975}.stops{max-height:510px;overflow:auto;min-height:260px}.stopwrap{border-top:1px solid #eef1e8;display:flex;align-items:center;padding-right:12px}.stopwrap.selected{background:#edf4e6;border-left:3px solid #5b824d}.stop{border:0;text-align:left;background:none;padding:17px 20px;flex:1;min-width:0}.stop strong{display:block;font-size:14px;font-weight:600;line-height:1.4}.stop small{display:block;margin-top:6px;font-size:11px;color:#7b8875}.star{background:none;border:0;padding:9px;display:flex;color:#8a9980;flex-shrink:0}.star.saved{color:#a77725}.star.saved svg{fill:#ecd9a4}.notice{font-size:11px;line-height:1.7;color:#78846c;padding:14px 20px;background:#f7f9f1;border-top:1px solid #e5eadf}.notice b{color:#486541}.arrivalhead{padding:25px 26px 21px;border-bottom:1px solid #e7ebe0}.stopmeta{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#73806b}.code{background:#eef1e5;color:#45633c;border-radius:5px;padding:5px 8px;font-weight:bold}.arrivalhead h2{font-size:25px;letter-spacing:-.8px;margin:12px 0 6px}.road{font-size:12px;color:#859078}.arrivaltools{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:12px}.status{font-size:11px;color:#687e61;display:flex;gap:7px;align-items:center}.refresh{display:flex;gap:7px;align-items:center;background:white;border:1px solid #dce3d5;border-radius:8px;padding:8px 11px;font-size:11px}.tablehead{display:grid;grid-template-columns:1fr 190px;padding:13px 26px;background:#fafbf6;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#87917b}.tablehead span:last-child{text-align:right}.busrow{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;align-items:center;padding:20px 26px;border-top:1px solid #edf0e5}.service{display:flex;gap:14px;align-items:center;min-width:0}.number{font-size:22px;font-weight:bold;min-width:53px;letter-spacing:-.8px;color:#244c35}.destination{font-size:12px;line-height:1.4}.details{font-size:10px;color:#8a9580;margin-top:6px}.etas{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.eta{text-align:center;background:#f3f5eb;border-radius:8px;padding:10px 2px 7px;border-bottom:3px solid #8eaf7e}.eta:first-child{background:#e7f0d9}.eta.standing{border-color:#d1ae5c}.eta.crowded{border-color:#be7b68}.eta strong{font-size:23px;letter-spacing:-1px;display:block;line-height:1.1}.eta small{font-size:9px;color:#748367;display:block;margin-top:5px}.eta.unavailable{border-color:#dce2d6}.legend{display:flex;flex-wrap:wrap;gap:18px;padding:17px 26px;font-size:10px;color:#7b8970;border-top:1px solid #e6ebdf}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:6px;height:6px;border-radius:50%;background:#8eaf7e}.legend .amber{background:#d1ae5c}.legend .red{background:#be7b68}.empty{padding:44px 24px;text-align:center;color:#79876f;font-size:13px;line-height:1.8}.empty svg{margin:0 auto 14px;color:#849e78}.empty strong{display:block;color:#39583d;font-size:17px;margin-bottom:8px}.error{margin:12px 20px;border-radius:10px;padding:12px 14px;background:#fff5df;color:#89611d;font-size:12px;line-height:1.6}.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.extra{padding:19px 20px;border-radius:12px;border:1px solid #e0e5d5;background:#f0f3e6;display:flex;gap:12px;align-items:flex-start}.extra svg{color:#6c8b60;flex-shrink:0}.extra b{font-size:12px;display:block;margin-bottom:6px}.extra p{font-size:11px;line-height:1.6;color:#7e8b70;margin:0}footer{display:flex;justify-content:space-between;gap:15px;margin-top:32px;padding-top:20px;border-top:1px solid #dfe5d8;font-size:10px;color:#818c77;line-height:1.7}footer button{background:none;border:0;text-decoration:underline;font-size:10px;color:inherit;padding:0}.privacy{font-size:12px;line-height:1.8;background:white;padding:20px;margin-top:14px;border:1px solid #dfe5db;border-radius:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rowstar{padding:3px}.serviceinfo{min-width:0}.servicebar{display:flex;align-items:center;gap:5px}.listcount{padding:12px;text-align:center;font-size:11px;color:#79896e}
@media(max-width:950px){.workspace{grid-template-columns:290px minmax(0,1fr)}.busrow,.tablehead{padding-left:18px;padding-right:18px;grid-template-columns:minmax(0,1fr) 150px}.arrivalhead{padding:22px 18px}.number{min-width:40px}.service{gap:8px}.etas{gap:5px}.eta strong{font-size:21px}.extra{padding:16px 12px}}@media(max-width:720px){header{height:72px}.shell{padding:27px 5%}.intro{margin-bottom:24px}.stamp{display:none}h1{font-size:40px;letter-spacing:-1.9px}.intro p{font-size:13px}.workspace{display:block}.stops{max-height:370px}.arrivals{margin-top:18px}.extras{grid-template-columns:1fr;gap:9px}.extra{padding:14px 17px}.extra p{font-size:12px}.extra b{font-size:13px}.busrow,.tablehead{grid-template-columns:minmax(0,1fr) 165px}.arrivalhead h2{font-size:23px}.legend{padding:17px 18px;gap:12px}footer{flex-direction:column;gap:6px}.stop strong{font-size:15px}.arrivaltools{margin-top:18px}.brand b{font-size:16px}.pill{font-size:10px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}

html{scroll-behavior:smooth}button{appearance:none}input{color:inherit}button svg{flex-shrink:0}.arrivalhead{scroll-margin-top:15px}.error .refresh{margin-top:8px}.eta{min-height:57px}svg{vertical-align:middle}

.stop{display:flex;align-items:center;justify-content:space-between;gap:12px}.stopinfo{min-width:0}.distance{font-size:14px;font-weight:700;color:#28705a;white-space:nowrap}.locationbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 20px 14px;font-size:11px;color:#6b8063}.selecteddistance{color:#28705a;font-weight:600}@media(max-width:720px){.stops{min-height:0;max-height:390px}.stop{padding:18px 16px}.distance{font-size:16px}.intro h1{font-size:34px}.intro{margin-bottom:20px}.shell{padding-top:22px}.locationbar{padding:0 16px 14px}}
