.blog-index #main{background:#f7f7f5;color:#242424}
.journal-wrap{width:min(1080px,calc(100% - 40px));margin-inline:auto;padding:40px 0 64px}
.journal-heading{display:grid;gap:24px;margin-bottom:28px}
.journal-heading .journal-eyebrow{font-size:13px;margin:0 0 16px;color:#626262}
.journal-heading h1{font-size:clamp(2rem,4.3vw,3.5rem);line-height:1.08;letter-spacing:-.04em;color:#171717;margin:0 0 18px}
.journal-heading p{font-size:16px;line-height:1.6;color:#626262;margin:0}
.journal-search{display:flex;align-items:center;gap:10px;min-width:0}
.journal-search input{min-width:0;flex:1;background:transparent;color:#242424;border:1px solid #888;border-radius:6px;min-height:46px;padding:10px 12px;font-size:16px}
.journal-search input::placeholder{color:#626262}
.journal-search button{flex-shrink:0;background:#171717;color:#fff;border:1px solid #171717;border-radius:6px;min-height:46px;padding:10px 18px;font-size:15px}
.journal-topics{display:flex;flex-wrap:wrap;gap:2px 18px;border-block:1px solid #d4d4d0;padding:6px 0}
.journal-topics a{display:flex;align-items:center;min-height:44px;padding:8px 0;border-bottom:2px solid transparent;font-size:13px;color:#626262}
.journal-topics a[aria-current]{border-bottom-color:#171717;color:#171717;font-weight:600}
.journal-topics a:hover{color:#171717}
.journal-results{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 12px}
.journal-results h2{font-size:15px;line-height:1.5;letter-spacing:0;margin:0;color:#242424;overflow-wrap:anywhere}
.journal-results>span{font-size:13px;color:#626262;flex-shrink:0}
.journal-entry{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid #d4d4d0}
.journal-entry-copy{min-width:0}
.journal-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;line-height:1.6;margin-bottom:10px;color:#626262}
.journal-meta>span{color:#242424;font-weight:500}
.journal-entry h2{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:0 0 12px;color:#171717;overflow-wrap:break-word}
.journal-entry h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.journal-entry-copy>p{font-size:14px;color:#626262;line-height:1.7;margin:0 0 10px;overflow-wrap:anywhere}
.journal-read{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;font-size:13px;color:#555}
.journal-read .ui-icon{width:18px;height:18px;flex-shrink:0}
.journal-image{display:block;min-width:0;width:100%;aspect-ratio:4/3;border-radius:7px;overflow:hidden;background:#e6e6e3}
.journal-image img{display:block;width:100%;height:100%;object-fit:cover}
.journal-featured{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:12px}
.journal-featured .journal-image{grid-row:1}
.journal-featured h2{font-size:26px}
.journal-no-cover{grid-template-columns:minmax(0,1fr)}
.journal-empty{padding:40px 0}
.journal-empty h2{font-size:24px;line-height:1.3;color:#242424}
.journal-empty p{color:#626262}
.journal-empty a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}
.journal-wrap :is(a,button,input):focus-visible{outline:2px solid #171717;outline-offset:4px}
@media(min-width:600px){
    .journal-wrap{width:min(1080px,calc(100% - 64px));padding-top:52px}
    .journal-entry{grid-template-columns:minmax(0,1fr) 180px;gap:32px;padding:30px 0}
    .journal-entry h2{font-size:24px}
    .journal-entry-copy>p{font-size:16px}
    .journal-featured{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:16px}
    .journal-featured .journal-image{grid-column:1;grid-row:1}
    .journal-featured .journal-entry-copy{grid-column:2;grid-row:1}
    .journal-featured h2{font-size:clamp(26px,2.6vw,32px)}
    .journal-no-cover{grid-template-columns:minmax(0,1fr)}
    .journal-no-cover .journal-entry-copy{grid-column:1}
}
@media(min-width:1000px){.journal-heading{grid-template-columns:minmax(0,1fr) 310px;align-items:end;gap:44px;margin-bottom:36px}.journal-wrap{padding-top:64px}}
@media(max-width:599px){
    .journal-entry:not(.journal-featured){gap:12px 18px}
    .journal-entry:not(.journal-featured) .journal-entry-copy{display:contents}
    .journal-entry:not(.journal-featured) .journal-meta{grid-column:1/-1;grid-row:1;margin:0}
    .journal-entry:not(.journal-featured) h2{grid-column:1;grid-row:2;margin:0}
    .journal-entry:not(.journal-featured) .journal-image{grid-column:2;grid-row:2;align-self:start}
    .journal-entry:not(.journal-featured) .journal-entry-copy>p{grid-column:1/-1;grid-row:3;margin:0}
    .journal-entry:not(.journal-featured) .journal-read{grid-column:1/-1;grid-row:4}
    .journal-entry.journal-no-cover h2{grid-column:1/-1}
}