.bay-compass{width:100%;max-width:180px;margin:0 auto;color:var(--ink,#173e47)}.fc-diagram{width:160px;max-width:100%;margin:0 auto 4px}.fc-diagram svg{display:block;width:100%;height:auto;overflow:visible}.fc-face{fill:#f3f5ee}.fc-rings{fill:none;stroke:#a8b9ab;stroke-width:1.6}.fc-rings>circle:first-child{stroke-width:2}.fc-inner-ring{stroke-dasharray:3 7;opacity:.6}.fc-labels{text-anchor:middle;font-family:var(--font,system-ui);fill:#34564a}.fc-cardinal{font-size:19px;font-weight:650}.fc-intercardinal{font-size:15px;font-weight:500}.fc-degrees{font-size:12px;font-weight:400;fill:#7a8c7e}.fc-vector{stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill:none}.fc-vector-wind{stroke:#285f53}.fc-vector-swell{stroke:#c7804f;stroke-width:4}.fc-vector-swell>path:first-child{stroke-dasharray:7 7}.fc-vector-wind .fc-arrowhead,.fc-vector-wind circle{fill:#285f53;stroke:none}.fc-vector-swell .fc-arrowhead,.fc-vector-swell circle{fill:#c7804f;stroke:none}.fc-origin{fill:#fffefa;stroke:#809b89;stroke-width:2}.fc-reading{display:flex;gap:6px;align-items:flex-start;margin:5px 0 0}.fc-key{width:12px;border-top:2px solid #285f53;margin-top:5px;flex:none}.fc-swell .fc-key{border-top:2px dashed #c7804f}.fc-reading>div{flex:1;min-width:0}.fc-reading strong{font-size:9px;display:flex;justify-content:space-between;gap:5px;font-weight:600;line-height:1.4}.fc-reading strong span{color:var(--muted,#6b7d71);font-weight:450}.fc-reading p{font-size:9px;line-height:1.4;margin:1px 0 0;color:var(--muted,#6b7d71)}
@media(max-width:740px){.bay-compass{display:block;max-width:180px}.fc-diagram{width:180px}.fc-reading strong,.fc-reading p{font-size:10px}}
/* Real geographic tiles only. Browser-native lazy requests/cache; no map SDK. */
.fc-map-caption{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:600;margin-bottom:5px}.fc-map-caption>span{font-size:9px;font-weight:400;color:var(--muted,#6b7d71)}.fc-map-diagram{width:180px;position:relative;isolation:isolate;overflow:hidden;border-radius:7px;background:#e9eee8;aspect-ratio:1}.fc-map-tiles{position:absolute;inset:0;z-index:-1;overflow:hidden}.fc-map-tile{position:absolute;display:block;max-width:none!important;object-fit:fill;border:0;margin:0;padding:0}.fc-map-unavailable{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#718175;text-align:center;padding:20px}.fc-map-diagram::after{content:'';position:absolute;inset:0;background:rgba(30,55,43,.18);z-index:-1;pointer-events:none}.fc-map-diagram svg{position:relative;z-index:1}.fc-map-diagram .fc-face{fill:rgba(255,255,255,.06)}.fc-map-diagram .fc-rings{stroke:#fff;filter:drop-shadow(0 1px 1px #526957)}.fc-map-diagram .fc-labels{fill:#fff;stroke:#4b6254;stroke-width:3;paint-order:stroke fill;stroke-linejoin:round}.fc-map-diagram .fc-degrees{fill:#fff;font-size:14px}.fc-map-diagram .fc-vector{filter:drop-shadow(0 0 1px #fff)}.fc-map-diagram .fc-origin{stroke:#fff;fill:#285f53;stroke-width:3}.fc-map-attribution{font-size:9px;line-height:1.4;color:#53685b;text-align:right;margin:3px 0 6px}.fc-map-attribution a{text-decoration:underline;text-underline-offset:2px}

.bay-compass{max-width:360px}.fc-map-diagram{width:100%;aspect-ratio:320/210}.fc-map-diagram .fc-cardinal{font-size:14px}.fc-map-diagram .fc-intercardinal{font-size:11px}.fc-map-diagram .fc-degrees{font-size:9px}.fc-map-diagram .fc-vector{stroke-width:4}.fc-map-diagram .fc-vector-swell{stroke-width:3.5}.fc-reading strong,.fc-reading p{font-size:10px}
@media(max-width:740px){.bay-compass{max-width:360px}.fc-map-diagram{width:100%}}

.fc-vector-secondary{stroke:#526cba;stroke-width:3.5}.fc-vector-secondary>path:first-child{stroke-dasharray:2 5}.fc-vector-secondary .fc-arrowhead,.fc-vector-secondary circle{fill:#526cba;stroke:none}.fc-secondary .fc-key{border-top:2px dotted #526cba}.fc-swell-source{font-size:9px;line-height:1.45;color:var(--muted,#6b7d71);margin:7px 0 0}.fc-swell-source a{text-decoration:underline;text-underline-offset:2px}

/* Match Folly's compact two-column legend and shared compass center. */
.bay-compass{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px;width:100%;max-width:320px;margin:12px auto 0}
.bay-compass .fc-map-caption,.bay-compass .fc-map-diagram,.bay-compass .fc-map-attribution{grid-column:1/-1}
.bay-compass .fc-reading{margin:4px 0 0;gap:5px;min-width:0}
.bay-compass .fc-reading strong{flex-wrap:wrap;gap:2px 5px}
.bay-compass .fc-reading p{font-size:10px;line-height:1.4}
.conditions-grid{grid-template-columns:.9fr 1.3fr 1.2fr}
.wind-panel .wind-main{min-height:0;justify-content:flex-start;gap:16px;margin:10px 0 8px}
.wind-panel .wind-number strong{font-size:32px}.wind-panel .wind-context p{margin:0;line-height:1.5;font-size:11px}
.wind-panel .wind-note{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:0;border:0}
.wind-panel .wind-note strong{font-size:12px;margin:0}.wind-panel .wind-note>span{font-size:10px;color:var(--muted)}
.wind-panel .air{margin-top:12px;padding-top:10px}
.traffic-section{margin:36px 0;padding:26px;background:#f1f3e9;border:1px solid var(--line);border-radius:12px;scroll-margin-top:20px}
.traffic-section .section-heading{margin-bottom:8px}.traffic-section .section-heading>a,.traffic-footer>a{font-size:12px;white-space:nowrap}
.traffic-intro{font-size:12px;line-height:1.6;margin:0 0 20px}
.traffic-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.traffic-route{display:flex;flex-direction:column;padding:18px;border:1px solid #d6dfcc;border-radius:8px;background:#fffefa;text-decoration:none;transition:border-color .15s,background .15s}
.traffic-route:hover{border-color:#427865;background:#f9fbf2}.traffic-route:focus-visible{outline:2px solid #427865;outline-offset:3px}
.traffic-route h3{font-size:20px;letter-spacing:-.5px;margin:6px 0 3px}
.traffic-cta{display:flex;justify-content:space-between;margin-top:20px;padding-top:12px;border-top:1px solid #e0e5d8;font-size:12px;font-weight:600}
.traffic-cta>span{font-size:17px;line-height:1}
.traffic-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px}
.traffic-footer p{display:flex;gap:12px;align-items:center;margin:0;font-size:12px;line-height:1.6}
@media(max-width:1100px){.conditions-grid{grid-template-columns:.9fr 1.1fr 1.2fr}}
@media(max-width:760px){
 .conditions-grid{grid-template-columns:1fr 1.3fr}
 .conditions-grid .wind-panel{display:block;grid-column:1/-1;padding:22px}
 .bay-compass{max-width:320px}.wind-panel .air{max-width:400px;margin-left:auto;margin-right:auto}
 .traffic-section{padding:20px}.traffic-section .section-heading{align-items:flex-start;gap:12px;flex-direction:column}
 .traffic-routes{grid-template-columns:1fr}.traffic-route{padding:16px}.traffic-route h3{font-size:21px}
 .traffic-footer,.traffic-footer p{align-items:flex-start;flex-direction:column;gap:5px}.traffic-footer{gap:12px}
}