:root{--color-navy:#182d4b;--color-blue:#225da8;--color-text:#203047;--color-muted:#536174;--color-background:#f4f6f8;--color-surface:#fff;--color-border:#cbd3de;--color-notice:#eaf1fb;--color-disabled:#e3e7ed;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-small:.875rem;--font-size-body:1rem;--font-size-h1:1.625rem;--font-size-h2:1.25rem;--font-size-h3:1.0625rem;--line-height:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius:.375rem;--content-width:44rem;--tap-target:2.75rem;--destination-card-height:7.5rem;--destination-icon-size:2rem;--route-arrow-size:2.5rem}*{box-sizing:border-box}html{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height);color:var(--color-text);background:var(--color-background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,h1,h2,h3,p,ul,ol,dl,figure{margin:0}h1,h2,h3{color:var(--color-navy);line-height:1.3}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}a{color:var(--color-blue);text-underline-offset:.2em}button{font:inherit}code{font-size:.95em}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--color-blue);outline-offset:3px}.app-shell{max-width:var(--content-width);overflow-wrap:anywhere;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));margin-inline:auto}.site-header,main,.site-footer{padding:var(--space-4)}.site-header{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.site-name{min-height:var(--tap-target);color:var(--color-navy);font-size:var(--font-size-h2);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.navigation{gap:var(--space-4);font-size:var(--font-size-small);flex-shrink:0;display:flex}.navigation a{min-height:var(--tap-target);padding-inline:var(--space-2);align-items:center;display:inline-flex}.navigation a[aria-current=page]{font-weight:700;text-decoration-thickness:2px}.notice{background:var(--color-notice);border-bottom:1px solid var(--color-border);padding:var(--space-4)}.notice p,.site-footer,.muted,figcaption{font-size:var(--font-size-small);color:var(--color-muted)}main{min-height:50svh}.stack{gap:var(--space-4);flex-direction:column;display:flex}.panel,.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.card-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.card-list>li{min-width:0}.destination-card{height:100%;min-height:var(--destination-card-height);justify-content:center;align-items:center;gap:var(--space-3);text-align:center;color:var(--color-navy);word-break:keep-all;flex-direction:column;text-decoration:none;display:flex}.destination-icon{width:var(--destination-icon-size);height:var(--destination-icon-size);flex-shrink:0}.destination-label{font-size:var(--font-size-h3);font-weight:600}.badge{font-size:var(--font-size-small);color:var(--color-navy);font-weight:600}.button,button{min-height:var(--tap-target);padding:var(--space-2) var(--space-4);background:var(--color-blue);color:var(--color-surface);border:1px solid var(--color-blue);border-radius:var(--radius);text-align:center;cursor:pointer;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.button-secondary{background:var(--color-surface);color:var(--color-blue)}button:disabled{background:var(--color-disabled);border-color:var(--color-border);color:var(--color-muted);cursor:default}.route-summary dt{font-weight:700}.route-summary dd{margin:0 0 var(--space-3)}.route-summary dd:last-child{margin-bottom:0}.step-list{padding-left:var(--space-6)}.step-list li+li{margin-top:var(--space-4)}.step-progress{font-weight:700}.photo-figure{gap:var(--space-3);display:grid}.photo-placeholder{justify-content:center;align-items:center;gap:var(--space-2);min-height:12rem;padding:var(--space-4);border:2px dashed var(--color-border);background:var(--color-surface);text-align:center;flex-direction:column;display:flex}.photo-placeholder span{font-size:var(--font-size-small);color:var(--color-muted)}.step-photo{border-radius:var(--radius);width:100%;height:auto}.step-photo-frame{border-radius:var(--radius);position:relative;overflow:hidden}.step-photo-arrow{width:var(--route-arrow-size);height:var(--route-arrow-size);color:var(--color-blue);background:var(--color-surface);border-radius:var(--radius);pointer-events:none;position:absolute}.step-controls{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.faq-item{padding-block:0}.faq-item summary{min-height:var(--tap-target);padding-block:var(--space-3);cursor:pointer;font-weight:600}.faq-item p{padding-bottom:var(--space-4)}.skip-link{left:var(--space-4);top:var(--space-4);padding:var(--space-3);background:var(--color-surface);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (width>=40rem){.site-header,main,.site-footer,.notice{padding:var(--space-6)}}
