/* Page-sized folder tabs — the active one visually joins the content sheet. */
.content .toolbar{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-bottom:0}
.content .tabs{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;background:transparent;border:0;border-radius:0}
.content .tabs .tab{position:relative;display:flex;align-items:center;justify-content:flex-start;text-align:left;min-height:124px;gap:17px;padding:35px 20px 19px;background:#0b2b50;color:#d9e8f8;border:1px solid #294f77;border-radius:17px 17px 0 0;box-shadow:inset 0 1px 0 #ffffff12;transition:background .2s ease,transform .2s ease;overflow:visible}
.content .tabs .tab::before{position:absolute;top:14px;left:20px;content:'01 / LIVE CONDITIONS';font:800 10px/1.2 'Space Grotesk',sans-serif;letter-spacing:1.65px;color:#83bce9}
.content .tabs .tab[data-tab="bus"]::before{content:'02 / PUBLIC TRANSPORT'}
.content .tabs .tab[data-tab="roads"]::before{content:'03 / THE DETAILS'}
.content .tabs .tab.active{z-index:2;background:#fff;color:#0b2b50;border-color:#c4d6e9;border-bottom-color:#fff;box-shadow:0 -8px 25px #061a3a0a;transform:translateY(1px)}
.content .tabs .tab.active::before{color:#1c6da7}
.content .tabs .tab:hover:not(.active){background:#17416f;color:#fff}
.content .tabs .tab:focus-visible{outline:3px solid #56a9ec;outline-offset:-4px}
.content .tabs .tab-icon{flex:0 0 48px;min-width:48px}
.content .tabs .tab-icon svg{width:47px;height:38px}
.content .tabs .tab-copy strong{font:800 clamp(16px,1.65vw,21px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.55px}
.content .tabs .tab-copy small{font-size:11px;line-height:1.3;margin-top:5px;opacity:.8}
.content .tools{justify-content:flex-end;align-self:stretch;min-height:64px;margin-top:0;padding:10px 19px;background:#fff;border-left:1px solid #c4d6e9;border-right:1px solid #c4d6e9}
.workspace-sheet{background:#fff;border:1px solid #c4d6e9;border-top:0;border-radius:0 0 20px 20px;padding:23px 28px 32px;box-shadow:0 25px 55px #0a2c5712;min-height:700px}
.workspace-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d9e5f0;padding-bottom:20px;margin-bottom:23px}
.workspace-page-heading #workspacePageNumber{font:800 11px/1.2 'Space Grotesk',sans-serif;letter-spacing:2px;color:#347fb5}
.workspace-page-heading h2{font:800 clamp(28px,3.6vw,43px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-1.4px;margin:5px 0;color:#092a4f}
.workspace-page-heading p{font-size:13px;line-height:1.55;color:#56718d;max-width:650px;margin:7px 0 0}
.workspace-live-tag{display:inline-flex;align-items:center;gap:9px;color:#376d9e;font-size:10px;font-weight:900;letter-spacing:1.5px;white-space:nowrap}
.workspace-live-tag i{width:8px;height:8px;background:#4388c1;border-radius:50%;box-shadow:0 0 0 5px #d8eafd}
.workspace-sheet>.status-strip{margin-bottom:22px}
.workspace-sheet #mapView,.workspace-sheet #roadsView{animation:galway-page-enter .22s ease-out}
@keyframes galway-page-enter{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:none}}
:root[data-theme="dark"] .content .tabs .tab{background:#0d2b4b;border-color:#264669;color:#c1d8ef}
:root[data-theme="dark"] .content .tabs .tab.active{background:#0e2541;color:#fff;border-color:#3c5a7a;border-bottom-color:#0e2541}
:root[data-theme="dark"] .content .tabs .tab.active::before{color:#78b8e5}
:root[data-theme="dark"] .content .tools,:root[data-theme="dark"] .workspace-sheet{background:#0e2541;border-color:#3c5a7a}
:root[data-theme="dark"] .workspace-page-heading{border-color:#2b4665}
:root[data-theme="dark"] .workspace-page-heading h2{color:#f1f7fd}
:root[data-theme="dark"] .workspace-page-heading p{color:#aac6dc}
@media(max-width:750px){.content .tabs{gap:4px}.content .tabs .tab{min-height:105px;padding:31px 10px 15px;gap:5px;flex-direction:column;align-items:center;text-align:center}.content .tabs .tab::before{top:10px;left:0;width:100%;font-size:8px;letter-spacing:.8px}.content .tabs .tab-icon{min-width:30px;flex-basis:auto}.content .tabs .tab-icon svg{width:32px;height:26px}.content .tabs .tab-copy strong{font-size:12px}.content .tabs .tab-copy small{font-size:9px;margin-top:3px}.workspace-sheet{padding:16px 13px 24px;min-height:530px}.workspace-page-heading h2{font-size:29px}.workspace-live-tag{display:none}.content .tools{padding:9px 12px;justify-content:space-between}}
@media(max-width:375px){.content .tabs .tab-copy small{display:none}.content .tabs .tab{min-height:93px}.content .tabs .tab::before{font-size:7px}}