:root{--color-bg: #f8f9fb;--color-surface: #ffffff;--color-text: #1a1d26;--color-text-muted: #5c6370;--color-primary: #0d6e8a;--color-primary-hover: #0a5870;--color-accent: #e8f4f8;--color-border: #e2e6ed;--color-cta-bg: #fff8e6;--color-cta-border: #f0c040;--color-error: #c0392b;--color-lockout: #fef3f2;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 12px;--shadow: 0 2px 12px rgba(26, 29, 38, .08);--max-width: 960px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}#app{min-height:100vh;display:flex;flex-direction:column}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.nav{max-width:var(--max-width);margin:0 auto;padding:.875rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.nav__brand{font-size:1.35rem;font-weight:700;color:var(--color-primary);text-decoration:none;letter-spacing:-.02em}.nav__links{display:flex;gap:1.25rem}.nav__link{color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:.95rem}.nav__link:hover,.nav__link--active{color:var(--color-primary)}.view{flex:1;max-width:var(--max-width);margin:0 auto;padding:2rem 1.25rem 3rem;width:100%}.hero{text-align:center;margin-bottom:2rem}.hero__title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em}.hero__subtitle{color:var(--color-text-muted);font-size:1.05rem;margin:0;max-width:36rem;margin-inline:auto}.search-panel{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem;max-width:32rem;margin:0 auto}.search-remaining{color:var(--color-text-muted);font-size:.875rem;margin:0 0 1rem}.search-lockout{background:var(--color-lockout);border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.25rem;font-size:.9rem;color:var(--color-error)}.search-form__row{margin-bottom:1rem}.search-form__label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.35rem}.search-form__input{width:100%;padding:.65rem .875rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:inherit}.search-form__input:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.search-form__input:disabled{background:#f1f3f5;cursor:not-allowed}.search-form__submit{width:100%;padding:.75rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem}.search-form__submit:hover:not(:disabled){background:var(--color-primary-hover)}.search-form__submit:disabled{opacity:.6;cursor:not-allowed}.search-results{margin-top:1.5rem}.search-results__loading{color:var(--color-text-muted);text-align:center;padding:1rem}.search-results__error{background:var(--color-lockout);border-radius:8px;padding:1rem;color:var(--color-error);font-size:.9rem}.search-results__card{border-top:1px solid var(--color-border);padding-top:1.25rem}.search-results__title{font-size:1.15rem;margin:0 0 .5rem}.search-results__total{color:var(--color-text-muted);margin:.25rem 0;font-size:.95rem}.route-legs{list-style:none;padding:0;margin:1rem 0 0}.route-leg{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-border)}.route-leg:last-child{border-bottom:none}.route-leg__step{flex-shrink:0;width:1.75rem;height:1.75rem;background:var(--color-accent);color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.route-leg__mode{display:block;margin-bottom:.25rem}.route-leg__path,.route-leg__fare,.route-leg__duration,.route-leg__notes{margin:.15rem 0;font-size:.9rem;color:var(--color-text-muted)}.guides-header{margin-bottom:2rem}.guides-header__title{font-size:clamp(1.75rem,4vw,2.25rem);margin:0 0 .5rem}.guides-header__subtitle{color:var(--color-text-muted);margin:0}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.guide-card{display:block;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}.guide-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #1a1d261f}.guide-card__date{font-size:.8rem;color:var(--color-text-muted)}.guide-card__title{font-size:1.1rem;margin:.5rem 0;line-height:1.35}.guide-card__excerpt{font-size:.9rem;color:var(--color-text-muted);margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.guide-card__tags{display:flex;flex-wrap:wrap;gap:.35rem}.guide-card__tag{font-size:.75rem;background:var(--color-accent);color:var(--color-primary);padding:.2rem .5rem;border-radius:4px}.guides-footer{margin-top:2.5rem}.article__back{font-size:.875rem;color:var(--color-primary);text-decoration:none}.article__back:hover{text-decoration:underline}.article__date{display:block;font-size:.875rem;color:var(--color-text-muted);margin:.75rem 0 .5rem}.article__title{font-size:clamp(1.5rem,4vw,2rem);line-height:1.25;margin:0 0 .75rem}.article__excerpt{font-size:1.05rem;color:var(--color-text-muted);margin:0 0 1rem}.article__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.5rem}.article__tag{font-size:.8rem;background:var(--color-accent);color:var(--color-primary);padding:.25rem .6rem;border-radius:4px}.prose h3{font-size:1.2rem;margin:1.75rem 0 .75rem}.prose p{margin:0 0 1rem}.prose ul{margin:0 0 1rem;padding-left:1.25rem}.prose li{margin-bottom:.35rem}.prose strong{font-weight:600}.commute-cta{margin:2rem 0}.commute-cta__inner{background:var(--color-cta-bg);border:2px solid var(--color-cta-border);border-radius:var(--radius);padding:1.5rem;text-align:center}.commute-cta__heading{font-size:1.15rem;margin:0 0 .5rem;line-height:1.35}.commute-cta__text{color:var(--color-text-muted);font-size:.95rem;margin:0 0 1.25rem}.commute-cta__button{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.commute-cta__button:hover{background:var(--color-primary-hover)}.guide-not-found,.error-state{text-align:center;padding:3rem 1rem}.guide-not-found__link{color:var(--color-primary);font-weight:600}@media(max-width:640px){.nav{padding:.75rem 1rem}.view{padding:1.5rem 1rem 2rem}.search-panel,.commute-cta__inner{padding:1.25rem}}