/* Shared journal palette and readable long-form article layout. */
.journal-page,
.journal-refresh {
    --editorial-ink: #242321;
    --editorial-muted: #514c47;
    --editorial-accent: #ff751f;
    --editorial-cream: #f7f3ec;
    --editorial-paper: #f7f3ec;
    --editorial-clay: #d4cdbe;
    --editorial-line: #8b756566;
}

:is(.journal-page, .journal-refresh) .site-header {
    background: #f7f3ec;
}

:is(.journal-page, .journal-refresh) .site-header nav a:is(:hover, :focus-visible, [aria-current="page"]) {
    color: #242321;
    text-decoration: underline;
    text-decoration-color: #ff751f;
    text-underline-offset: 6px;
}

:is(.journal-page, .journal-refresh) :is(.blog-date, .section-eyebrow, .blog-meta-pill) {
    color: #242321;
}

.journal-page > #main-content {
    display: block;
    padding-top: 0;
}

.journal-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.75rem;
}

.journal-page .blog-hero {
    max-width: 1040px;
    padding-block: 2rem;
}

.journal-page .blog-hero h1 {
    max-width: 22ch;
    font-size: clamp(2.75rem, 5.2vw, 4.8rem);
    line-height: 1;
}

.journal-page .blog-hero__meta {
    margin-top: 0;
}

.journal-page .blog-meta-pill {
    border-bottom: 3px solid #ff751f;
}

.journal-page .journal-media {
    height: auto;
    margin: 2.5rem 0;
    overflow: visible;
}

.journal-media img {
    height: clamp(230px, 35vw, 440px);
    object-position: center;
    filter: none;
}

.journal-media figcaption {
    margin-top: 0.7rem;
    color: #514c47;
    font-size: 0.75rem;
}

.journal-page .blog-feature {
    margin-inline: auto;
}

.journal-page .blog-feature h2 {
    font-size: clamp(2rem, 3.5vw, 3rem);
    line-height: 1.08;
}

.journal-page .blog-feature h3 {
    margin-top: 1.6rem;
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    line-height: 1.12;
}

.journal-page .blog-feature :is(p, li, td, th) a,
.journal-breadcrumbs a {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: #8b7565;
}

.journal-page .journal-answer,
.journal-page .journal-booking {
    padding: clamp(1.3rem, 3vw, 2rem);
    background: #d4cdbe;
    border-top: 4px solid #ff751f;
}

.journal-page :is(.journal-answer, .journal-booking) p {
    color: #242321;
}

.journal-page .blog-feature__cta {
    background: #ff751f;
    border-color: #ff751f;
    color: #242321;
}

.journal-page .blog-feature__cta:is(:hover, :focus-visible) {
    background: #242321;
    border-color: #242321;
    color: #f7f3ec;
}

.journal-page :is(a, button):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

.journal-page :is(section, h2)[id] {
    scroll-margin-top: 110px;
}

.journal-table-wrap {
    overflow-x: auto;
}

.journal-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.86rem;
    line-height: 1.6;
}

.journal-table caption {
    padding-block: 1rem;
    text-align: left;
    font-size: 0.75rem;
}

.journal-table :is(th, td) {
    padding: 0.8rem;
    border: 1px solid #8b7565;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.journal-table :is(th, td):first-child {
    width: 30%;
}

.journal-prices :is(th, td):first-child {
    width: 36%;
}

.journal-prices :is(th, td):last-child {
    width: 20%;
    white-space: nowrap;
}

.journal-table thead {
    background: #d4cdbe;
}

.journal-page .journal-small {
    font-size: 0.75rem;
}

.journal-related {
    margin-top: 3rem;
}

.journal-related li {
    margin-block: 0.75rem;
}

@media (max-width: 640px) {
    .journal-page .journal-media {
        width: 100%;
        margin-inline: 0;
    }

    .journal-table :is(th, td) {
        padding: 0.6rem;
        font-size: 0.78rem;
    }
}