/* The publication layout for category and article pages. */
.edition-section-layout,
body .edition-story-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 268px);
    grid-template-areas: "main rail";
    gap: clamp(28px, 4vw, 54px);
    max-width: 1240px;
    margin: 0 auto 68px;
    align-items: start;
    direction: rtl;
}
.edition-section-layout > .edition-side-rail,
.edition-story-layout > .edition-side-rail {
    grid-area: rail;
    border-inline-start: 1px solid var(--edition-rule);
    padding-inline-start: 23px;
}
.edition-section-layout > .edition-section-page,
.edition-story-layout > .article-content { grid-area: main; min-width: 0; }
.edition-side-rail nav { margin: 0 0 28px; }
.edition-side-rail :is(h2, p, ul) { margin: 0; }
.edition-side-rail :is(.edition-side-nav,.edition-side-stories) h2 {
    border-top: 3px solid var(--edition-forest);
    padding-block: 9px 12px;
    color: var(--edition-forest);
    font-size: 20px;
    line-height: 1.15;
    font-weight: 900;
}
.edition-side-rail ul { padding: 0; list-style: none; }
.edition-side-nav a,
.edition-side-stories a {
    display: block;
    color: var(--edition-ink);
    text-decoration: none;
    line-height: 1.4;
}
.edition-side-nav li + li,
.edition-side-stories li + li { border-top: 1px solid var(--edition-rule); }
.edition-side-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 41px;
    padding: 8px 9px;
    font-size: 15px;
    font-weight: 750;
}
.edition-side-nav a span { color: var(--edition-green); font-size: 15px; }
.edition-side-nav a[aria-current] {
    background: var(--edition-tint);
    border-inline-start: 3px solid var(--edition-green);
    padding-inline-start: 6px;
    color: var(--edition-forest);
}
.edition-side-nav a:hover,
.edition-side-stories a:hover { color: var(--edition-green); text-decoration: underline; text-underline-offset: 3px; }
.edition-side-stories a { padding: 10px 0; font-size: 15px; font-weight: 750; }
.edition-side-publish {
    background: var(--edition-deep);
    color: white;
    padding: 20px 17px;
}
.edition-side-publish h2 { color: white; font-size: 19px; font-weight: 850; line-height: 1.25; }
.edition-side-publish p { color: #d4e5db; font-size: 14px; line-height: 1.55; margin: 8px 0 13px; }
.edition-side-publish a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 30px;
    color: white;
    font-weight: 800;
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.edition-section-header {
    border-top: 4px solid var(--edition-forest);
    border-bottom: 1px solid var(--edition-rule);
    padding: 18px 0 21px;
    margin: 0 0 23px;
}
body .edition-section-header .category-title {
    color: var(--edition-ink);
    font-size: clamp(35px, 5vw, 62px);
    font-weight: 900;
    letter-spacing: -.035em;
    line-height: 1.1;
    margin: 0 0 8px;
}
.edition-section-header p {
    color: var(--edition-muted);
    font-size: clamp(16px, 1.7vw, 19px);
    line-height: 1.65;
    margin: 0;
    max-width: 68ch;
}
body .edition-section-page .articles-list__grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 21px 24px;
}
body .edition-section-page .article-card {
    border: 0;
    border-bottom: 1px solid var(--edition-rule);
    box-shadow: none;
    background: transparent;
    border-radius: 0;
}
body .edition-section-page .article-card__image-wrapper { border-radius: 0; overflow: hidden; background: var(--edition-tint); }
body .edition-section-page .article-card__image { display: block; width: 100%; height: auto; aspect-ratio: 1.79; object-fit: cover; }
body .edition-section-page .article-card__image-wrapper a { display: block; height: 100%; }
body .edition-section-page .article-card__category {
    background: var(--edition-forest);
    color: white;
    border-radius: 0;
    margin: 0;
}
body .edition-section-page .article-card__content { padding: 13px 0 18px; min-width: 0; }
body .edition-section-page .article-card__meta { color: var(--edition-muted); font-size: 12px; gap: 10px; }
body .edition-section-page .article-card__title,
body .edition-section-page .article-card__title a { font-size: clamp(20px, 2.35vw, 30px); line-height: 1.18; font-weight: 850; }
body .edition-section-page .article-card__title a:hover { color: var(--edition-green); text-decoration: underline; }
body .edition-section-page .article-card__desc { color: var(--edition-muted); font-size: 15px; line-height: 1.65; }
body .edition-section-page .article-card__read { font-weight: 800; }
body .edition-section-page .edition-section-lead {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    grid-column: 1 / -1;
    gap: 21px;
    padding-bottom: 21px;
}
body .edition-section-page .edition-section-lead .article-card__title,
body .edition-section-page .edition-section-lead .article-card__title a { font-size: clamp(25px, 3.1vw, 42px); line-height: 1.12; font-weight: 900; }
body .edition-section-page .edition-section-lead .article-card__image-wrapper { height: 100%; }
body .edition-section-page .edition-section-lead .article-card__image { height: 100%; min-height: 245px; }
body .edition-section-page .edition-section-lead .article-card__content { padding: 5px 0 0; }
body .edition-section-page .pagination { margin-top: 27px; }
body .edition-section-page .pagination [aria-current="page"] { background: var(--edition-forest); color: #fff; }
body .edition-story-layout .columnone-article {
    padding: 0;
    border: 0;
    background: transparent;
}
body .edition-story-layout .edition-story-header {
    border-top: 4px solid var(--edition-forest);
    padding-top: 16px;
}
body .edition-story-layout .columnone-article .top-meta { margin-bottom: 11px; }
body .edition-story-layout .columnone-article .article__category {
    display: inline-block;
    color: var(--edition-forest);
    border-radius: 0;
    background: var(--edition-tint);
    text-decoration: none;
    font-weight: 850;
}
body .edition-story-layout .columnone-article .article__category:hover { text-decoration: underline; }
body .edition-story-layout .columnone-article .article__title {
    font-size: clamp(33px, 4.7vw, 63px);
    line-height: 1.1;
    letter-spacing: -.032em;
    font-weight: 900;
    margin: 0 0 17px;
}
body .edition-story-layout .columnone-byline {
    border-bottom: 1px solid var(--edition-rule);
    padding-bottom: 15px;
    margin-bottom: 18px;
}
body .edition-story-layout .columnone-article .article__image-wrapper { max-width: none; border-radius: 0; }
body .edition-story-layout .columnone-article .article__image { max-height: none; aspect-ratio: 1.95; }
body .edition-story-layout .columnone-article > .columnone-toc {
    border-color: var(--edition-rule);
    border-top-color: var(--edition-forest);
    border-radius: 0;
    background: #f3f7f1;
}
body .edition-story-layout .columnone-article .columnone-summary { border-inline-start-color: var(--edition-green); }
body .edition-story-layout .columnone-article :is(.article__content, .columnone-summary, .columnone-toc, .columnone-share) { max-width: 76ch; }
body .edition-story-layout .columnone-article .article__content { font-size: clamp(17px, 1.6vw, 20px); line-height: 1.85; }
body .edition-story-layout .columnone-article .article__content h2 { font-size: clamp(23px, 2.6vw, 33px); line-height: 1.27; }
body .edition-story-layout .columnone-article .article-newsletter { border-radius: 0; }

@media (max-width: 910px) {
    .edition-section-layout, body .edition-story-layout {
        grid-template-columns: minmax(0,1fr) minmax(185px, 224px);
        gap: 24px;
    }
    .edition-section-layout > .edition-side-rail,
    .edition-story-layout > .edition-side-rail { padding-inline-start: 14px; }
}
@media (max-width: 740px) {
    .edition-section-layout, body .edition-story-layout {
        grid-template-columns: minmax(0,1fr);
        grid-template-areas: "main" "rail";
        gap: 34px;
        margin-bottom: 35px;
    }
    .edition-section-layout > .edition-side-rail,
    .edition-story-layout > .edition-side-rail {
        border-inline-start: 0;
        padding-inline-start: 0;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 18px;
    }
    .edition-side-rail nav { margin: 0; }
    .edition-side-publish { grid-column: 1 / -1; }
    body .edition-section-page .edition-section-lead .article-card__image { min-height: 185px; }
}
@media (max-width: 520px) {
    body .edition-section-page .articles-list__grid,
    body .edition-section-page .edition-section-lead,
    .edition-section-layout > .edition-side-rail,
    .edition-story-layout > .edition-side-rail { grid-template-columns: minmax(0,1fr); }
    body .edition-section-page .edition-section-lead { gap: 12px; }
    body .edition-section-page .article-card__content { padding-top: 10px; }
    body .edition-story-layout .columnone-article .article__image { aspect-ratio: 1.6; }
}
.edition-search-icon {
    display: block;
    width: 16px;
    height: 16px;
    background: center / contain no-repeat url('../images/thumb/header/search-thumb.png');
}
.edition-up-icon {
    display: block;
    width: 18px;
    height: 18px;
    margin-inline: auto;
    background: center / contain no-repeat url('../images/thumb/up-thumb.png');
}

body.columnone-edition .edition-section-page .article-card__category {
    background: var(--edition-forest) !important;
    color: #fff !important;
}
body.columnone-edition .edition-section-page .article-card__read {
    background: var(--edition-forest) !important;
    color: #fff !important;
    border: 1px solid var(--edition-forest);
    border-radius: 0;
    padding: 6px 14px;
    min-height: 34px;
}
body.columnone-edition .edition-section-page .article-card__read:hover {
    background: var(--edition-deep) !important;
    text-decoration: underline;
}

/* Shared magazine navigation beneath the masthead. */
body.columnone-edition .edition-masthead .edition-topic-strip {
    background: var(--edition-forest);
    border-top: 1px solid rgb(255 255 255 / 16%);
}
body.columnone-edition .edition-masthead .edition-topic-strip .wrapper {
    display: flex;
    align-items: center;
    gap: clamp(12px, 2.2vw, 28px);
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}
body.columnone-edition .edition-masthead .edition-topic-strip a {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 40px;
    padding: 0 5px;
    color: #f5faf6;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
}
body.columnone-edition .edition-masthead .edition-topic-strip a:hover,
body.columnone-edition .edition-masthead .edition-topic-strip a[aria-current="page"] {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 5px;
}
body.columnone-edition .edition-masthead .edition-topic-strip a:focus-visible {
    outline: 2px solid #e3f5e8;
    outline-offset: -3px;
}
body.columnone-edition .edition-intro { margin-bottom: 22px; }
