/* Loaded only by the existing individual area pages. */
.area-intro h1{max-width:1000px;hyphens:auto;overflow-wrap:break-word}
.area-intro p{max-width:800px}
.area-availability{display:flex;align-items:center;gap:24px;margin-top:30px;max-width:700px}
.area-availability strong{font-size:clamp(3.6rem,7vw,5rem);font-weight:900;line-height:1;letter-spacing:-.06em;color:var(--red);flex:none}
.area-availability p{font-size:1.1rem;font-weight:700;color:var(--navy);line-height:1.5;max-width:440px}
.area-intro .contact-actions{max-width:650px;margin-top:26px}
.area-intro .area-price-intro{font-size:.9rem;margin-top:22px;line-height:1.65}
.area-price-intro a{font-weight:700}
.area-content .region-context{font-size:1rem;line-height:1.65;margin-top:0}
.area-content .text-link,.area-plan .text-link{white-space:normal}
.area-plan ol{padding-left:22px;margin:22px 0}
.area-plan li{padding-left:4px;margin-bottom:14px}
.area-plan .fine{margin-bottom:24px}
.area-faq-inner{max-width:850px;margin-inline:auto}
.area-faq h2{font-size:clamp(1.9rem,3.4vw,2.7rem);hyphens:auto;overflow-wrap:break-word}
.area-faq .faq details{padding:0;background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;overflow:visible}
.area-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:20px 24px;font-weight:750}
.area-faq summary::-webkit-details-marker{display:none}
.area-faq summary::marker{content:''}
.area-faq summary:hover{color:var(--blue)}
.area-faq .faq details p{margin:0;padding:0 24px 24px;line-height:1.7}
.area-faq-toggle{position:relative;display:block;flex:0 0 20px;width:20px;height:20px;color:var(--red)}
.area-faq-toggle::before,.area-faq-toggle::after{content:'';position:absolute;background:currentColor;border-radius:1px}
.area-faq-toggle::before{left:2px;right:2px;top:9px;height:2px}
.area-faq-toggle::after{top:2px;bottom:2px;left:9px;width:2px}
.area-faq details[open] .area-faq-toggle::after{display:none}
.area-related h2{font-size:1.6rem}
.area-related .fine{margin-top:18px}
@media(max-width:600px){
 .area-availability{gap:18px;margin-top:24px}
 .area-availability strong{font-size:3.6rem}
 .area-availability p{font-size:.95rem}
 .area-intro .area-price-intro{font-size:.85rem}
 .area-faq summary{gap:14px;padding:18px 16px;font-size:.97rem}
 .area-faq .faq details p{padding:0 16px 20px}
}
