.journal-intro { padding-block:52px 72px; display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:clamp(36px,6vw,80px); }
.journal-intro > * { min-width:0; }
.journal-intro .eyebrow { color:var(--brand-dark); }
.journal-intro h1 { font-family:var(--serif); font-size:clamp(30px,3.5vw,48px); font-weight:400; margin-block:24px; }
.journal-intro > div > p:last-child { max-width:36em; font-size:17px; line-height:2; }
.journal-contents { border-top:1px solid var(--line); }
.journal-contents a { display:flex; align-items:center; gap:22px; min-height:76px; padding-block:18px; border-bottom:1px solid var(--line); font-size:16px; }
.journal-contents a:hover { color:var(--brand-dark); background:var(--light-gray); }
.journal-contents span { color:var(--brand); font-size:13px; }
.journal-contents span:last-child { margin-left:auto; }
.journal-feature-section { background:var(--brand); color:var(--white); }
.journal-feature-section .section-heading { border-color:#ffffff66; }
.journal-feature-section .section-kicker { color:var(--white); }
.journal-feature-section :focus-visible { outline-color:var(--white); }
.journal-feature { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(32px,6vw,80px); }
.journal-feature > div { min-width:0; }
.journal-feature-intro .journal-feature-lead { font-family:var(--serif); font-size:clamp(21px,2.2vw,29px); line-height:1.8; margin-block:22px; }
.journal-feature-intro .text-link { margin-top:30px; }
.journal-feature .text-link:hover { color:var(--white); text-decoration:underline; text-underline-offset:5px; }
.journal-feature-story { border-left:1px solid #ffffff66; padding-left:clamp(28px,4vw,48px); }
.journal-feature-story h2 { font-family:var(--serif); font-size:clamp(25px,2.7vw,35px); font-weight:400; margin-block:20px; }
.journal-feature-story > p { font-size:16px; line-height:2; }
.journal-feature-story .text-link { margin-top:22px; }
.journal-feature-story .journal-external-note { font-size:14px; margin-top:16px; }
.journal-meta { display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; font-size:14px; }
.journal-meta span { border:1px solid #ffffff80; padding:3px 12px; }
.journal-list-intro { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:end; margin-bottom:36px; }
.journal-list-intro > * { min-width:0; }
.journal-list-intro > p { color:var(--muted); font-size:14px; justify-self:end; }
.journal-row { display:grid; grid-template-columns:170px minmax(0,1fr) 130px; gap:30px; padding-block:34px; border-top:1px solid var(--line); }
.journal-row:last-child { border-bottom:1px solid var(--line); }
.journal-row > * { min-width:0; }
.journal-row-meta { display:flex; flex-direction:column; align-items:flex-start; gap:12px; font-size:14px; padding-top:7px; color:var(--muted); }
.journal-row-meta span { color:var(--brand-dark); font-size:14px; background:var(--light-gray); padding:4px 10px; }
.journal-row h3 { font-family:var(--serif); font-size:clamp(20px,2vw,25px); font-weight:400; margin-bottom:14px; }
.journal-row p { font-size:16px; line-height:2; }
.journal-row-action { align-self:center; }
.journal-row-action .text-link { width:100%; gap:16px; }
.journal-archive { text-align:center; margin-top:42px; }
.journal-archive .button { margin-top:22px; }
.journal-external-note { font-size:14px; margin-top:14px; }
.journal-role-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.journal-role-grid article { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding-top:24px; border-top:2px solid var(--brand); }
.journal-role-grid .eyebrow { color:var(--brand-dark); }
.journal-role-grid h3 { font-family:var(--serif); font-size:27px; font-weight:400; margin-block:18px; }
.journal-role-grid p:not(.eyebrow) { margin-bottom:20px; }
.journal-role-grid .text-link { margin-top:auto; }
.journal-guide-links { display:flex; flex-wrap:wrap; gap:16px 40px; margin-top:38px; padding-top:26px; border-top:1px solid var(--line); }
@media(max-width:1000px) {
 .journal-row { grid-template-columns:145px minmax(0,1fr); gap:16px 28px; }
 .journal-row-action { grid-column:2; justify-self:start; }
 .journal-row-action .text-link { min-width:130px; }
 .journal-feature { grid-template-columns:1fr; gap:32px; }
 .journal-feature-story { border-left:0; padding-left:0; border-top:1px solid #ffffff66; padding-top:30px; }
 .journal-feature-intro .text-link { margin-top:18px; }
}
@media(max-width:640px) {
 .journal-intro { grid-template-columns:1fr; gap:30px; padding-block:32px 42px; }
 .journal-intro h1 { font-size:32px; margin-block:20px; }
 .journal-contents a { min-height:64px; }
 .journal-list-intro { grid-template-columns:1fr; gap:18px; }
 .journal-list-intro > p { justify-self:start; }
 .journal-row { grid-template-columns:1fr; padding-block:28px; }
 .journal-row-meta { flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:0; }
 .journal-row-action { grid-column:auto; }
 .journal-role-grid { grid-template-columns:1fr; gap:32px; }
 .journal-archive .button { width:100%; gap:16px; font-size:15px; }
}