/* Extend the site's About-page typography, cards and buttons for the lodging guide. */
.accommodation-guide { padding-top: 20px; padding-bottom: 64px; }
.accommodation-guide__breadcrumb { display:flex; flex-wrap:wrap; gap:10px; color:var(--about-muted); font-size:15px; margin-bottom:38px; }
.accommodation-guide__breadcrumb a { min-height:44px; display:inline-flex; align-items:center; }
.accommodation-guide__breadcrumb > :not(a) { display:inline-flex; align-items:center; }
.accommodation-guide__hero { max-width:900px; padding-block:12px 30px; }
.accommodation-guide__hero h1 { max-width:850px; }
.accommodation-guide__hero p { max-width:850px; font-size:19px; line-height:1.85; }
.accommodation-guide .accommodation-guide__discover { width:auto; margin-top:12px; padding-inline:30px; }
.accommodation-guide__jump { display:flex; flex-wrap:wrap; gap:10px; padding:24px 0; border-block:1px solid var(--about-line); }
.accommodation-guide__jump a { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:8px 18px; border:1px solid #cee0d2; border-radius:999px; color:#246b3b; background:#f4f9f5; font-weight:600; text-decoration:none; }
.accommodation-guide__jump a:hover { background:#e9f2eb; }
.accommodation-guide__heading { max-width:820px; margin-bottom:30px; }
.accommodation-guide__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:stretch; }
.accommodation-guide__card { display:flex; flex-direction:column; padding:32px; min-width:0; }
.accommodation-guide__type { color:var(--about-green); font-size:16px; font-weight:700; margin-bottom:12px; }
.accommodation-guide .accommodation-guide__card h2 { font-size:28px; line-height:1.35; margin-bottom:22px; }
.accommodation-guide .accommodation-guide__card p { font-size:18px; line-height:1.85; }
.accommodation-guide__copy { flex:1; }
.accommodation-guide .accommodation-guide__type-link { margin-top:24px; min-height:52px; border-color:#b7cdbd; color:#246b3b; font-size:18px; font-weight:700; gap:14px; }
.accommodation-guide__advice, .accommodation-guide__closing { padding:36px; }
.accommodation-guide__advice p, .accommodation-guide__benefits p, .accommodation-guide__closing p { max-width:850px; font-size:18px; }
.accommodation-guide__benefits { padding-block:12px; max-width:900px; }
.accommodation-guide__faq { max-width:950px; }
.accommodation-guide__faq details { border-bottom:1px solid var(--about-line); padding:0; }
.accommodation-guide__faq summary { display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; min-height:64px; padding-block:18px; list-style:none; }
.accommodation-guide__faq summary::-webkit-details-marker { display:none; }
.accommodation-guide__faq summary::after { content:'+'; flex-shrink:0; font-size:26px; color:var(--about-green); }
.accommodation-guide__faq details[open] summary::after { content:'−'; }
.accommodation-guide .accommodation-guide__faq h3 { font-size:21px; margin:0; line-height:1.5; }
.accommodation-guide__faq details p { padding-bottom:20px; font-size:18px; }
.accommodation-guide summary:focus-visible { outline:3px solid var(--about-green); outline-offset:4px; }
.accommodation-guide__closing > a { width:fit-content; margin-top:24px; }
.accommodation-guide [id] { scroll-margin-top:130px; }
.accommodation-guide :is(h1,h2,h3,p,a) { overflow-wrap:anywhere; }
@media(max-width:991px) {
    .accommodation-guide__grid { grid-template-columns:minmax(0,1fr); }
    .accommodation-guide__card { padding:28px; }
}
@media(max-width:575px) {
    .accommodation-guide { padding-top:12px; }
    .accommodation-guide__breadcrumb { margin-bottom:18px; }
    .accommodation-guide__hero p { font-size:18px; }
    .accommodation-guide__jump { gap:8px; }
    .accommodation-guide__jump a { padding-inline:15px; }
    .accommodation-guide__card { padding:24px 20px; }
    .accommodation-guide .accommodation-guide__card h2 { font-size:25px; }
    .accommodation-guide__advice, .accommodation-guide__closing { padding:26px 20px; }
    .accommodation-guide__closing > a { width:100%; }
    .accommodation-guide [id] { scroll-margin-top:90px; }
}
@media(prefers-reduced-motion:reduce) { .accommodation-guide * { scroll-behavior:auto !important; transition:none !important; } }