.search-entry-meta { display:block; margin-bottom:8px; }
.journal-list { padding-bottom:clamp(60px,8vw,104px); }
.journal-list-label { margin:0 0 13px; }
.journal-feature { position:relative; display:grid; grid-template-columns:1.55fr 1fr; border-radius:var(--radius-card); background:var(--surface-soft); }
.journal-feature:focus-within { outline:2px solid var(--text-primary); outline-offset:3px; }
.journal-feature-copy { align-self:center; padding:clamp(24px,4.5vw,58px); }
.journal-feature h3 { font-size:clamp(24px,3.3vw,44px); line-height:1.25; margin:13px 0; }
.journal-feature h3 a::after { content:""; position:absolute; inset:0; }
.journal-feature p:not(.eyebrow),.journal-archive p { margin:0; color:var(--text-secondary); }
.journal-feature-link { display:inline-block; font-size:16px; font-weight:750; margin-top:20px; }
.journal-feature:hover .journal-feature-link,.journal-feature:focus-within .journal-feature-link { text-decoration:underline; text-underline-offset:4px; }
.journal-feature-art { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:8px; padding:clamp(23px,3.5vw,42px); border-radius:0 var(--radius-card) var(--radius-card) 0; background:#242a20; color:#ddfc81; }
.journal-feature-art span { font-size:13px; letter-spacing:.12em; font-weight:700; }
.journal-feature-art strong { font-family:var(--font-display); font-size:clamp(68px,11vw,147px); line-height:1; }
.journal-archive { margin-top:clamp(46px,6vw,76px); }
.journal-archive h2 { font-size:clamp(24px,3vw,33px); margin-bottom:14px; }
.journal-archive ol { list-style:none; margin:0; padding:0; }
.journal-archive li { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; align-items:baseline; padding:19px 0; border-top:1px solid var(--border-default); }
.journal-archive h3 { font-size:clamp(18px,2vw,23px); margin:0 0 5px; }
.journal-archive h3 a:hover,.journal-archive h3 a:focus-visible { text-decoration:underline; text-underline-offset:4px; }
.journal-issue { font-size:13px; font-weight:650; color:var(--text-secondary); }
.journal-detail .journal-article-head { margin-bottom:clamp(22px,4vw,38px); }
.journal-detail .journal-article-head h1 { max-width:18em; line-height:1.28; word-break:keep-all; overflow-wrap:anywhere; }
.journal-byline { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:16px; font-size:14px; color:var(--text-secondary); }
.journal-byline img { width:32px; height:32px; flex:none; border:1px solid var(--border-default); border-radius:50%; object-fit:cover; }
.journal-byline strong { color:var(--text-primary); }
.journal-visual { margin:0 0 36px; padding:clamp(14px,3vw,24px); background:var(--surface-soft); border-radius:var(--radius-card); }
.journal-visual figcaption { display:grid; gap:2px; margin-bottom:15px; }
.journal-visual figcaption span { font-size:13px; color:var(--text-secondary); }
.journal-comic ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:1fr; gap:9px; list-style:none; margin:0; padding:0; }
/* The grid gap replaces the global li + li spacing. */
.journal-comic ol > li { display:flex; flex-direction:column; margin:0; border-radius:6px; background:var(--surface-page); overflow:hidden; }
.journal-panel-art { display:flex; align-items:flex-start; justify-content:space-between; gap:6px; padding:9px 12px; background:#262d22; color:#e2fa9d; }
.journal-comic li:nth-child(5) .journal-panel-art,.journal-comic li:nth-child(7) .journal-panel-art { background:#ddfc81; color:#171817; }
.journal-panel-art small { font-size:13px; font-weight:750; }
.journal-panel-art span { font-size:34px; font-weight:800; line-height:1.1; }
.journal-comic li p { display:grid; align-content:start; gap:3px; margin:0; padding:10px 11px; font-size:14px; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere; }
.journal-comic li p span { color:var(--text-secondary); }
.journal-comparison-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.journal-comparison-path { padding:clamp(14px,2.5vw,22px); border-radius:6px; background:var(--surface-page); }
.journal-comparison-path + .journal-comparison-path { background:#262d22; color:#e2fa9d; }
.journal-comparison-label { display:grid; gap:2px; margin:0 0 14px; color:inherit; }
.journal-comparison-label span { font-size:13px; }
.journal-comparison-path ol { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.journal-comparison-path li { margin:0; padding:8px 11px; border:1px solid currentColor; border-radius:6px; font-size:14px; line-height:1.5; word-break:keep-all; }
.journal-comparison-path li:last-child { background:#ddfc81; color:#171817; border-color:transparent; font-weight:750; }
@media(max-width:760px) {
  .journal-feature { grid-template-columns:1fr; }
  .journal-feature-art { flex-direction:row; align-items:center; padding:14px 23px; border-radius:0 0 var(--radius-card) var(--radius-card); }
  .journal-feature-art strong { font-size:36px; }
  .journal-archive li { gap:12px; }
  .journal-comic ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .journal-comparison-grid { grid-template-columns:1fr; }
}