/* Scoped complements to the Bertioga design system. */
.city-fallback{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap;padding-block:14px}
.city-fallback nav,.actions,.city-sections{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.city-sections{padding-block:20px;border-bottom:1px solid var(--line)}
.pd-hero .btn-ghost{color:#fff!important;border-color:#9db4c6}
.pd-hero .btn-ghost:hover{background:#0a5f5e}
.src{color:#42546a;font-size:.88rem}
.src a,.lead a,main p a,main li a,.text-link{text-decoration:underline;text-underline-offset:3px}
main ul{margin:14px 0;padding-left:24px}
main li{margin-bottom:8px}
.city-card p{font-size:.95rem}
.city-card-link{margin-top:16px}
.city-listings{margin-top:24px}
details p{margin-top:12px}
.skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:1000}
.skip-link:focus{top:8px}
a:focus-visible,summary:focus-visible{outline:3px solid #c2410c;outline-offset:4px}
section{scroll-margin-top:90px}
.card,.pc{min-width:0;overflow-wrap:anywhere}
@media(max-width:540px){.actions .btn{width:100%;text-align:center}.city-fallback{align-items:flex-start}.city-sections{gap:12px}.pd-hero h1{overflow-wrap:anywhere}}