*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f5f7fa;color:#1a1a2e;-webkit-font-smoothing:antialiased}.pub-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.pub-header{background:#004d2d;position:sticky;top:0;z-index:50}.pub-header-inner{display:flex;align-items:center;padding:20px}.pub-brand-img{max-width:150px;height:auto;margin-right:12px}.pub-brand{font-size:18px;font-weight:700;color:#1a1a2e;letter-spacing:-.3px}.pub-route-tabs{background:#f3f4f6}.pub-route-tabs-inner{display:flex;overflow-x:auto;background:#cee5db}.pub-route-tab{border:none;padding:15px 20px;border-radius:0;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:inherit}.pub-route-tab:hover{opacity:.85}.pub-route-tab.active{box-shadow:none}.pub-route-info{padding:20px 24px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #e5e7eb}.pub-route-long-name{font-size:15px;font-weight:600;color:#1f2937}.pub-route-hours{font-size:13px;color:#6b7280}.pub-route-name{padding:10px 24px;font-size:15px;font-weight:500;color:#fff;background:#316751;border-bottom:1px solid #e5e7eb}.pub-main{display:grid;grid-template-columns:300px 1fr;flex:1;overflow:hidden}.pub-stops-panel{overflow-y:auto;border-right:1px solid #e5e7eb;background:#fff}.pub-stops-heading{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin:20px}.pub-direction-group+.pub-direction-group{margin-top:8px;border-top:1px solid #e5e7eb;padding-top:8px}.pub-direction-heading{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-top:10px}.pub-direction-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pub-stop-list{display:flex;flex-direction:column}.pub-stop-item{background:#fff;border-radius:0}.pub-stop-item:first-child{border-radius:12px 12px 0 0}.pub-stop-item:last-child{border-radius:0 0 12px 12px}.pub-stop-item:only-child{border-radius:12px}.pub-stop-item+.pub-stop-item{border-top:1px solid #f0f1f3}.pub-stop-row{display:flex;align-items:center;gap:12px;padding:0 16px;cursor:pointer;transition:background .12s}.pub-stop-row:hover{background:#f9fafb}.pub-stop-indicator{position:relative;width:20px;display:flex;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0}.pub-stop-dot{width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid;position:relative;z-index:2}.pub-stop-line-top,.pub-stop-line-bottom{position:absolute;left:50%;width:3px;transform:translate(-50%)}.pub-stop-line-top{top:0;bottom:50%}.pub-stop-line-bottom{top:50%;bottom:0}.pub-stop-info{margin:20px 0;flex:1;min-width:0}.pub-stop-name{font-size:14px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pub-stop-next{font-size:13px;color:#6b7280;margin-top:2px}.pub-stop-next.arriving{color:#16a34a;font-weight:600}.pub-stop-next-time{margin-left:6px;color:#9ca3af;font-weight:400}.pub-schedule-btn{border:1px solid #e5e7eb;background:#fff;color:#4b5563;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .12s;font-family:inherit;flex-shrink:0}.pub-schedule-btn:hover{background:#f3f4f6;border-color:#d1d5db}.pub-schedule-panel{padding:0 16px 14px 48px;position:relative}.pub-schedule-line{position:absolute;left:26px;top:0;bottom:0;width:3px}.pub-schedule-grid{display:flex;flex-wrap:wrap;gap:6px}.pub-schedule-time{padding:4px 10px;background:#f3f4f6;border-radius:6px;font-size:12px;font-weight:500;color:#374151;font-variant-numeric:tabular-nums}.pub-schedule-time.past{color:#c0c4cc;text-decoration:line-through}.pub-schedule-time.next{background:#16a34a;color:#fff;font-weight:600}.pub-schedule-empty{font-size:13px;color:#9ca3af;font-style:italic}.pub-map-panel{min-width:0}.pub-map{width:100%;height:100%}.pub-map-label{margin-top:4px;padding:3px 8px;background:#fff;color:#1f2937;font-size:11px;font-weight:600;font-family:Inter,system-ui,sans-serif;white-space:nowrap;border-radius:4px;box-shadow:0 1px 4px #00000026;pointer-events:none}.pub-loading{display:flex;align-items:center;justify-content:center;padding:80px 24px;font-size:15px;color:#9ca3af}.pub-vehicle-marker{display:flex;flex-direction:column;align-items:center;cursor:pointer}.pub-vehicle-img{width:96px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));pointer-events:none}.pub-vehicle-label{margin-top:2px;padding:1px 6px;background:#015031;border-radius:4px;box-shadow:0 1px 3px #0003;font-size:10px;font-weight:600;color:#fff;font-family:Inter,system-ui,sans-serif;white-space:nowrap;line-height:1.4}@media(max-width:768px){.pub-shell{height:auto;overflow:auto}.pub-main{grid-template-columns:1fr;overflow:visible}.pub-stops-panel{border-right:none;border-bottom:1px solid #e5e7eb;overflow-y:visible;max-height:none}.pub-map-panel{height:350px;order:-1}.pub-route-tab{flex:1;text-align:center}.pub-route-info{flex-direction:column;align-items:flex-start;gap:4px}}