.continent-detail-hero {
    background: #395f6c;
    color: #fff;
}
.continent-detail-hero::after {
    background: linear-gradient(270deg, #274752f5, #395f6cbb);
}
.continent-detail-hero .family-hero-art { opacity: .3; }
.continent-detail-hero .place-hero-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding-block: clamp(36px, 5vw, 68px);
}
.continent-detail-title { min-width: 0; overflow-wrap: anywhere; }
.continent-detail-hero .eyebrow { color: #e0ecea; font-size: 14px; }
.continent-detail-hero h1 { margin-block: 12px; line-height: 1.3; }
.continent-detail-name { text-align: start; color: #e0ecea; font-size: 16px; }
.continent-detail-count {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    padding: 12px 20px;
    border: 1px solid #ffffff52;
    border-radius: 16px;
    background: #ffffff0d;
    font-size: 14px;
}
.continent-detail-count strong { font-size: 28px; line-height: 1.4; }
.continent-detail { color: #395f6c; padding-block: 24px 64px; }
.continent-detail .reference-breadcrumb { gap: 8px 12px; margin-block-end: 20px; }
.continent-detail .continent-detail-sections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 120px), 1fr));
    gap: 8px;
    margin-block: 0 28px;
    padding-block-end: 24px;
    border-block-end: 1px solid #dce5e7;
}
.continent-detail-sections a {
    justify-content: center;
    padding: 8px 18px;
    border: 1px solid #dce5e7;
    border-radius: 999px;
    background: #f4f7f7;
    text-decoration: none;
    font-weight: 600;
}
.continent-detail-sections a:hover { background: #e6eff0; }
.continent-detail a:focus-visible { outline: 3px solid #395f6c; outline-offset: 4px; }
.continent-detail .destination-card > a:focus-visible { outline-offset: -4px; }
.continent-detail [id] { scroll-margin-block-start: 110px; }
.continent-detail-editorial {
    padding: clamp(20px, 4vw, 44px);
    border: 1px solid #dce5e7;
    border-radius: 20px;
    background: #f8faf9;
}
.continent-detail .continent-detail-editorial section { margin: 0; }
.continent-detail .continent-detail-editorial section + section {
    margin-block-start: 40px;
    padding-block-start: 32px;
    border-block-start: 1px solid #dce5e7;
}
.continent-detail-editorial > section > h2 {
    padding-block-end: 20px;
    border-block-end: 1px solid #dce5e7;
    margin-block-end: 24px;
    max-inline-size: 760px;
    margin-inline: auto;
}
.continent-detail .rich-content {
    max-inline-size: 760px;
    margin-inline: auto;
    text-align: right;
    color: #2c4650;
    font-size: clamp(16px, 1.4vw, 18px);
    line-height: 2.05;
}
.continent-detail .continent-editorial-en { max-inline-size: min(760px, 72ch); line-height: 1.85; }
.continent-detail .rich-content :is(p, li, h2, h3, h4, h5, h6, blockquote, figcaption, caption, th, td) {
    text-align: right;
}
.continent-detail .rich-content :is(h3, h4, h5) {
    margin-block: 32px 14px;
    color: #395f6c;
    line-height: 1.5;
    font-weight: 700;
}
.continent-detail .rich-content h3 { font-size: clamp(21px, 2.2vw, 25px); }
.continent-detail .rich-content h4 { font-size: clamp(19px, 2vw, 22px); }
.continent-detail .rich-content h5 { font-size: clamp(18px, 1.8vw, 20px); }
.continent-detail .rich-content img { display: block; max-inline-size: 100%; margin-inline: auto; border-radius: 12px; }
.continent-detail .rich-content figcaption { line-height: 1.8; }
.continent-detail .rich-content > :first-child { margin-block-start: 0; }
.continent-detail .rich-content > :last-child { margin-block-end: 0; }
.continent-detail .continent-detail-destinations {
    margin-block: 40px;
    padding-block-start: 28px;
    border-block-start: 1px solid #dce5e7;
}
.continent-detail .continent-section-heading { gap: 8px 24px; margin-block-end: 24px; }
.continent-detail .continent-section-heading h2 { margin: 0; }
.continent-detail .continent-section-heading > div { min-width: 0; }
.continent-detail .continent-section-kicker { margin-block: 0 8px; color: #526e76; font-size: 14px; line-height: 1.8; }
.continent-detail .continent-section-heading h2 { line-height: 1.6; overflow-wrap: anywhere; }
.continent-detail .continent-section-heading a { font-size: 14px; text-underline-offset: 5px; }
.continent-detail-empty {
    padding: 24px;
    border-radius: 16px;
    background: #f4f7f7;
    line-height: 2;
    overflow-wrap: anywhere;
}
.continent-detail-empty a { text-decoration: underline; text-underline-offset: 4px; }
.continent-detail .continent-detail-explore {
    gap: 8px 24px;
    margin-block: 40px 0;
    padding: 20px 24px;
    border-radius: 16px;
    background: #f0f5f5;
}
@media (max-width: 600px) {
    .continent-detail-hero .place-hero-content { gap: 20px; }
    .continent-detail-count { padding: 10px 16px; }
    .continent-detail { padding-block-end: 40px; }
    .continent-detail-editorial { border-radius: 16px; padding: 20px 16px; }
    .continent-detail .continent-detail-destinations { margin-block: 32px; padding-block-start: 24px; }
    .continent-detail .continent-section-heading { gap: 4px; }
    .continent-detail .continent-section-heading a { flex-basis: 100%; }
    .continent-detail-sections a { padding-inline: 14px; }
}