.wf-journal {
    background: var(--wf-cream);
    color: var(--wf-dark);
    padding-block: clamp(36px, 5vw, 72px);
}
.wf-journal-heading {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    align-items: end;
    gap: 2rem;
    border-bottom: 3px solid var(--wf-brown);
    padding-bottom: 1.5rem;
}
.wf-journal h1, .wf-journal h2 { color: var(--wf-brown); }
.wf-journal-heading h1 { max-width: 17ch; margin: 0; line-height: 1.05; }
.wf-journal-heading p { max-width: 42ch; margin: 0; }
.wf-journal-topics { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 24px 32px; }
.wf-journal-topics a {
    display: inline-flex; align-items: center; min-height: 40px; padding: 6px 15px;
    border: 1px solid #aa957d; border-radius: 100px; text-decoration: none; font-size: .86rem; font-weight: 650;
}
.wf-journal-topics a:hover, .wf-journal-topics [aria-current] { background: var(--wf-brown); border-color: var(--wf-brown); color: white; }
.wf-story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.5vw, 34px); }
.wf-story { position: relative; display: flex; flex-direction: column; background: #fffdf8; border: 1px solid #d5c5ab; border-radius: 12px; overflow: hidden; }
.wf-story-art { aspect-ratio: 1.75; background: var(--wf-sand); overflow: hidden; }
.wf-story-art img, .wf-article-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wf-story-copy { display: flex; flex-direction: column; flex: 1; padding: clamp(18px, 2vw, 30px); }
.wf-story-topic { color: #713c1d; font-weight: 750; font-size: .81rem; margin-bottom: .7rem; }
.wf-story-copy h2 { font-size: clamp(1.3rem, 2vw, 1.7rem); line-height: 1.2; }
.wf-story-copy h2 a { text-decoration: none; }
.wf-story-copy h2 a::after { content: ""; position: absolute; inset: 0; }
.wf-story:focus-within { outline: 3px solid var(--wf-brown); outline-offset: 3px; }
.wf-story:hover h2 a, .wf-story:focus-within h2 a { text-decoration: underline; }
.wf-story-copy p:not(.wf-story-topic) { font-size: .98rem; }
.wf-story-meta { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: .65rem; border-top: 1px solid #cebfa8; font-size: .85rem; }
.wf-story-feature { grid-column: 1/-1; display: grid; grid-template-columns: 1.15fr 1fr; }
.wf-story-feature .wf-story-art { aspect-ratio: auto; min-height: 290px; }
.wf-story-feature .wf-story-art img { position: absolute; width: 100%; inset: 0; }
.wf-story-feature .wf-story-art { position: relative; }
.wf-story-feature .wf-story-copy { justify-content: center; padding: clamp(24px, 4vw, 56px); background: var(--wf-brown); color: #fffaf2; }
.wf-story-feature .wf-story-topic { color: #d2e77f; }
.wf-story-feature h2 { font-size: clamp(1.6rem, 3.3vw, 2.8rem); color: white; }
.wf-story-feature .wf-story-meta { margin-top: 8px; border-color: #ffffff50; }
.wf-journal .pagination { margin-top: 32px; }
.wf-journal .nav-links { display: flex; flex-wrap: wrap; gap: 15px; }
.wf-article-trail { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--wf-brown); font-size: .9rem; }
.wf-article-heading { max-width: 880px; margin-block: 20px; }
.wf-article-heading p { color: #60523d; }
.wf-article-cover { width: 100%; aspect-ratio: 2.3; overflow: hidden; border-radius: 12px; }
.wf-article-body, .wf-related { max-width: 68ch; margin-inline: auto; }
.wf-article-body { margin-top: 36px; }
.wf-article-body h2 { margin-top: 1.4em; font-size: clamp(1.4rem, 2.4vw, 2rem); }
.wf-related { border-top: 2px solid var(--wf-green); padding-top: 20px; margin-top: 36px; }
.wf-related h2 { font-size: 1.35rem; }
@media(max-width: 900px) { .wf-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 690px) {
    .wf-journal-heading, .wf-story-feature { grid-template-columns: 1fr; gap: 0; }
    .wf-journal-heading h1 { margin-bottom: .5em; }
    .wf-story-grid { grid-template-columns: 1fr; }
    .wf-story-feature .wf-story-art, .wf-article-cover { aspect-ratio: 1.65; min-height: 0; }
}