/* Editorial covers give the practical guides their own visual presence. */
#blog.journal{padding:clamp(80px,10vw,144px) var(--pad);background:var(--bg);color:var(--fg);scroll-margin-top:96px}
.journal__header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;max-width:1440px;margin:0 auto 40px}
.journal__header h2{margin:0;font:400 clamp(44px,5.5vw,88px)/.94 var(--dsp);text-transform:uppercase;letter-spacing:-.01em}
.journal__header h2 span{display:block;color:var(--red)}
.journal__all{display:inline-flex;align-items:center;gap:20px;flex-shrink:0;min-height:44px;font:500 14px/1.2 var(--sans);text-decoration:none}
.journal svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.journal__guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1440px;margin-inline:auto}
.journal-guide{display:flex;flex-direction:column;min-width:0;color:var(--fg);text-decoration:none}
.journal-cover{display:flex;flex-direction:column;justify-content:center;aspect-ratio:4/3;overflow:hidden;padding:24px;font:400 clamp(54px,6.4vw,112px)/.85 var(--dsp);letter-spacing:-.01em;text-transform:uppercase;transition:filter 180ms ease}
.journal-cover--price{background:#d90000;color:#fff}
.journal-cover--search{background:#e8e5df;color:#101010}
.journal-cover--search span:first-child{color:#c90000}
.journal-cover--platform{background:#1c1c1c;color:#fff;font-size:clamp(34px,4.4vw,76px)}
.journal-cover__or{color:#ff3030;font-size:.6em;line-height:1.35}
.journal-guide__body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding-top:20px}
.journal-guide__category{font:400 13px/1.3 var(--sans);color:var(--mute)}
.journal-guide h3{margin:12px 0 20px;font:500 clamp(20px,2vw,30px)/1.2 var(--sans);letter-spacing:-.025em;text-wrap:pretty}
.journal-guide__read{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:auto;font:500 13px/1.2 var(--sans)}
.journal-guide__read svg{color:var(--red)}
.journal-guide:focus-visible,.journal__all:focus-visible{outline:2px solid var(--red);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.journal-guide:hover .journal-cover{filter:brightness(1.12)}.journal-guide:hover h3,.journal__all:hover{color:var(--red)}}
@media(max-width:700px){
 .journal__header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}
 .journal__header h2{font-size:44px}
 .journal__guides{grid-template-columns:1fr;gap:0}
 .journal-guide{display:grid;grid-template-columns:minmax(110px,32%) minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--line)}
 .journal-cover{aspect-ratio:3/4;padding:14px;font-size:clamp(36px,9vw,56px);align-self:start}
 .journal-cover--platform{font-size:clamp(27px,6.2vw,40px)}
 .journal-guide__body{padding-top:0}
 .journal-guide h3{font-size:21px;line-height:1.2;margin:8px 0 12px}
 .journal-guide__read{font-size:12px;gap:8px;min-height:36px}
 .journal-guide__read svg{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){.journal-cover{transition:none}}