.journal-quick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;letter-spacing:0}.journal-quick a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #786047;border-radius:5px;text-decoration:none;color:#ead0ad}.journal-quick a:hover,.journal-quick a[aria-current="page"]{background:#35291d;border-color:#dfb783}.journal-quick a:focus-visible,.journal-card:focus-visible{outline:2px solid #f4d4a6;outline-offset:4px}
#journal{max-width:1400px;margin:0 auto;padding:48px 6vw;scroll-margin-top:160px}#journal h2{font-size:clamp(30px,5vw,48px);font-weight:400;margin:0 0 12px}#journal .journal-intro{color:#bcb0a2;line-height:1.6;margin:0 0 24px}.journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.journal-card{display:flex;flex-direction:column;gap:14px;background:#101116;border:1px solid #68513c;border-radius:8px;padding:22px;text-decoration:none;color:#e8d4bc;min-width:0}.journal-card:hover{border-color:#dfb783;background:#18171a}.journal-card h3{font-size:23px;line-height:1.3;margin:0;font-weight:400}.journal-card p{font-size:13px;line-height:1.6;color:#b6a593;margin:auto 0 0}.journal-card .journal-arrow{align-self:flex-end;color:#e7ba87;font-size:22px}.journal-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,5vw,70px);align-items:center;margin:40px 0}.journal-book figure{margin:0}.journal-book img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:8px}.journal-book h2{overflow-wrap:anywhere}.journal-book .book-author{color:#d9b284;font-size:21px}.journal-book figcaption{color:#aaa096;font-size:13px;margin-top:12px}.book-subtitle{font-size:20px;color:#bcb1a4}.book-facts{color:#bcb1a4;font-size:14px}.journal-source{border-top:1px solid #ffffff22;padding-top:24px;font-size:14px}body.journal-page .journal-quick{margin-left:auto}
@media(max-width:700px){.journal-cards{grid-template-columns:1fr}.journal-card{padding:20px}.journal-book{grid-template-columns:1fr}.journal-book img{max-height:480px}.journal-book figure{max-width:370px;margin:auto}body.journal-page .journal-quick{order:3;width:100%;margin:0}.journal-page header{gap:12px}#journal{padding-top:32px;padding-bottom:32px}}

.journal-cards{grid-template-columns:repeat(4,minmax(0,1fr))}#workflow-link{margin:18px 0 8px}#workflow-link a{display:inline-block;padding:12px 16px;border:1px solid #94724f;border-radius:5px;color:#e9c494;min-height:44px;text-decoration:none}#workflow-link a:focus-visible{outline:2px solid #f9d9ac;outline-offset:4px}@media(max-width:1050px){.journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.journal-cards{grid-template-columns:1fr}}

.journal-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1050px){.journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.journal-cards{grid-template-columns:1fr}}


/* Compact homepage journal — 11 October 2026.
   Scoped to #journal; article pages and other site controls are unchanged. */
#journal{padding-top:30px;padding-bottom:30px}
#journal h2{font-size:clamp(28px,3vw,36px);margin-bottom:8px}
#journal .journal-intro{font-size:14px;line-height:1.55;margin-bottom:18px}
#journal .journal-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#journal .journal-card{
 display:grid;grid-template-columns:minmax(0,1fr) 18px;
 grid-template-rows:auto auto;column-gap:12px;row-gap:6px;
 align-content:center;min-height:92px;padding:16px;
 border-color:#70563d;border-radius:6px;
}
#journal .journal-card h3{grid-column:1;grid-row:1;font-size:19px;line-height:1.35;margin:0;letter-spacing:0;overflow-wrap:anywhere}
#journal .journal-card p{grid-column:1;grid-row:2;font-size:12px;line-height:1.5;margin:0;color:#bcb0a2;overflow-wrap:anywhere}
#journal .journal-card .journal-arrow{
 grid-column:2;grid-row:1 / 3;align-self:center;justify-self:center;
 position:relative;display:block;width:16px;height:16px;
 font-size:0;line-height:0;color:#e7ba87;
}
/* A CSS-drawn arrow cannot be substituted with a coloured emoji by iOS. */
#journal .journal-arrow::before{
 content:"";position:absolute;left:2px;top:7px;width:13px;height:1.5px;
 background:currentColor;transform:rotate(-45deg);transform-origin:center;
}
#journal .journal-arrow::after{
 content:"";position:absolute;right:1px;top:1px;width:8px;height:8px;
 border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;
}
@media(max-width:1050px){#journal .journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 #journal{padding-top:24px;padding-bottom:24px}
 #journal .journal-intro{font-size:13px;margin-bottom:14px}
 #journal .journal-cards{grid-template-columns:1fr;gap:8px}
 #journal .journal-card{min-height:76px;padding:12px 14px;column-gap:12px;row-gap:4px}
 #journal .journal-card h3{font-size:18px;line-height:1.3}
 #journal .journal-card p{font-size:12px;line-height:1.45}
}