/* Uses the existing Guide palette and font stack. All rules are scoped. */
.transport-content{padding:0 clamp(14px,3vw,24px) 20px;min-width:0}
.transport-inner{max-width:100%;color:var(--ink);overflow-wrap:anywhere}
.transport-intro{max-width:70ch;color:var(--muted);line-height:1.7;margin:0 0 16px}
.transport-jump{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.transport-jump a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:99px;background:var(--cream);color:var(--forest);font-weight:700;text-decoration:none}
.transport-section{scroll-margin-top:90px;margin-top:24px}
.transport-section h2{font:700 clamp(21px,3vw,28px)/1.5 "DM Sans","Noto Sans Arabic",sans-serif;color:var(--forest);margin:0 0 14px}
.transport-section h2>span{color:var(--green);font-size:14px;display:inline-block;margin-inline-end:8px}
.transport-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.transport-cards article{min-width:0;border:1px solid var(--line);border-radius:14px;padding:18px;background:#f4f7f4;display:flex;flex-direction:column}
.transport-cards h3{font:700 18px/1.5 "DM Sans","Noto Sans Arabic",sans-serif;margin:0 0 9px;color:var(--forest)}
.transport-cards p{font-size:15px;line-height:1.75;margin:0 0 12px;color:var(--ink)}
.transport-links{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:auto}
.transport-links a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:var(--green);font-size:14px;font-weight:700;text-underline-offset:4px}
.transport-note{margin:0 0 12px;border-top:1px solid var(--line)}
.access-guide .transport-note summary{display:list-item;list-style:disclosure-closed;padding:10px 0;min-height:44px;font-size:14px;color:var(--forest)}
.access-guide .transport-note[open] summary{list-style:disclosure-open}
.access-guide .transport-note summary::after{content:none}
.access-guide .transport-note summary::-webkit-details-marker{display:inline}
.transport-reviewed{font-size:12px;color:var(--muted);margin:20px 0 0}
.access-guide summary:focus-visible,.transport-inner a:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:5px}
@media(max-width:620px){.transport-cards{grid-template-columns:minmax(0,1fr)}.transport-cards article{padding:16px}.transport-jump a{flex:1;justify-content:center;text-align:center}.transport-section{scroll-margin-top:80px}}
@media(prefers-reduced-motion:reduce){html:has(.transport-content){scroll-behavior:auto}}