/* Editorial covers, concise stories and a small set of useful guides. */
.journal-page{background:#17191c}
:root[data-theme="light"] .journal-page{background:var(--bg-black)}
.journal-page .marketing-document-shell{max-width:1360px;padding:30px 44px 45px}
.journal-page .marketing-document-header{padding-bottom:26px}
.journal-page .marketing-document-header a[href="/journal/"]{color:var(--amber)}
.field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin:43px 0 30px}
.field-heading h1{margin:0;font:600 clamp(40px,4.2vw,62px)/1.05 var(--font-sans);letter-spacing:-2.5px}
.field-heading h1>span{color:var(--amber)}
.field-heading>p{margin:0;color:var(--paper-dim);font-size:17px}
.field-front{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:20px;min-height:490px}
.field-cover{display:grid;grid-template-columns:40% minmax(0,1fr);min-width:0;overflow:hidden;background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:13px;text-decoration:none;transition:border-color .2s,transform .2s}
.field-cover:hover{border-color:var(--amber);transform:translateY(-3px)}
.field-cover>img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;transition:transform .6s}
.field-cover:hover>img{transform:scale(1.025)}
.field-cover-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px;min-width:0}
.field-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;color:var(--amber);font:500 13px/1.4 var(--font-sans)}
.field-meta>span{opacity:.65}
.field-cover h2{margin:0 0 12px;font:600 clamp(22px,2vw,28px)/1.13 var(--font-sans);letter-spacing:-.7px;text-wrap:balance}
.field-cover-hook{margin:0;color:var(--paper-dim);font:15px/1.55 var(--font-sans)}
.field-read{display:flex;align-items:center;gap:12px;margin-top:20px;font:600 13px/1.4 var(--font-sans);color:var(--paper)}
.field-read svg,.field-invite svg,.field-story-actions svg{width:20px;height:20px;flex-shrink:0}
.field-cover-featured{position:relative;isolation:isolate;display:block;grid-row:span 2;background:#21221c;color:#f4eee3}
.field-cover-featured>img{position:absolute;inset:0;z-index:-2;height:100%;object-position:60% center}
.field-cover-featured::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#11131500 20%,#11131566 49%,#111315ed 100%)}
.field-cover-featured .field-cover-copy{position:absolute;inset:auto 0 0;padding:34px}
.field-cover-featured .field-meta{color:#e9bd93}
.field-cover-featured h2{max-width:480px;font-size:clamp(31px,3vw,43px);line-height:1.06;letter-spacing:-1.3px}
.field-cover-featured .field-cover-hook{max-width:450px;color:#dfd4c4;font-size:16px}
.field-cover-featured .field-read{color:#f4eee3}
.journal-page .field-cover-featured{color:#f4eee3}
.journal-page .btn-primary,.journal-guide .btn-primary{color:#211c18}
:root[data-theme="light"] .journal-page .btn-primary,:root[data-theme="light"] .journal-guide .btn-primary{color:#fff8f1}
.field-toolkit{margin-top:60px}
.field-toolkit>h2{margin:0 0 24px;font:600 29px/1.2 var(--font-sans);letter-spacing:-.8px}
.field-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.field-guide{min-width:0;text-decoration:none}
.field-guide-image{height:200px;overflow:hidden;border:1px solid var(--border-dim);border-radius:10px}
.field-guide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .6s}
.field-guide:hover img{transform:scale(1.04)}
.field-guide-copy{padding:19px 1px 0}
.field-guide h3{margin:0 0 9px;font:600 23px/1.2 var(--font-sans);letter-spacing:-.6px}
.field-guide p{margin:0;color:var(--paper-dim);font:15px/1.5 var(--font-sans)}
.field-guide .field-read{margin-top:15px;color:var(--amber)}
.field-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:48px 0 30px;padding:28px 0;border-block:1px solid var(--border-dim)}
.field-invite>p{margin:0;font:500 24px/1.3 var(--font-sans);letter-spacing:-.5px}
.field-invite .btn,.field-story-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;text-decoration:none;padding:12px 20px}
.field-story-heading{margin:38px 0 32px}
.field-story-heading h1{max-width:850px;margin:0;font:600 clamp(35px,4vw,54px)/1.08 var(--font-sans);letter-spacing:-1.8px;text-wrap:balance}
.field-story-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:42px;align-items:start}
.field-story figure{margin:0}
.field-story figure>img{display:block;width:100%;height:410px;object-fit:cover;border:1px solid var(--border-dim);border-radius:12px}
.field-story figcaption{margin-top:12px;color:var(--paper-dim);font:13px/1.5 var(--font-sans)}
.field-story-copy>p{margin:0 0 20px;color:var(--paper-dim);font:17px/1.75 var(--font-sans)}
.field-story-copy>p:first-child{color:var(--paper)}
.field-takeaway{margin:28px 0;padding:0 0 0 20px;border-left:2px solid var(--amber)}
.field-takeaway h2{margin:0 0 9px;color:var(--amber);font:600 15px/1.4 var(--font-sans)}
.field-takeaway p{margin:0;color:var(--paper);font:italic 20px/1.5 var(--font-serif)}
.field-sources{display:flex;flex-wrap:wrap;gap:9px 18px;padding-top:20px;border-top:1px solid var(--border-dim);font:13px/1.5 var(--font-sans)}
.field-sources>span{width:100%;color:var(--paper-dim)}
.field-sources>a{text-decoration:underline;text-decoration-color:var(--border-dim);text-underline-offset:4px}
.field-sources>a:hover{color:var(--amber)}
.field-story-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:42px;padding-top:25px;border-top:1px solid var(--border-dim)}
.field-back{font:600 14px/1.5 var(--font-sans);text-decoration:none}
.field-back::before{content:'←';margin-right:12px}
.journal-guide .marketing-article-heading{max-width:850px}
.journal-guide .marketing-article-heading .marketing-lede{font-size:17px;line-height:1.7}
.journal-guide .marketing-article-hero{max-height:370px;object-position:center 35%}
.journal-guide .marketing-byline{display:none}
.journal-guide .marketing-article-card-copy>p:not(.marketing-eyebrow){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.journal-guide .marketing-article-cta .marketing-eyebrow{display:none}
@media(max-width:1100px){.journal-page .marketing-document-shell{padding-inline:28px}.field-front{grid-template-columns:1.2fr 1fr;min-height:520px}.field-cover{grid-template-columns:34% minmax(0,1fr)}.field-cover-copy{padding:20px}.field-cover-featured .field-cover-copy{padding:27px}.field-cover h2{font-size:24px}.field-cover-featured h2{font-size:37px}.field-cover-hook{font-size:14px}.field-guide-image{height:180px}.field-story-layout{gap:28px}.field-story figure>img{height:370px}}
@media(max-width:780px){.field-heading{display:block;margin-top:32px}.field-heading>p{margin-top:14px;font-size:16px}.field-front{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0;gap:18px}.field-cover{display:flex;flex-direction:column}.field-cover>img{height:180px;flex-shrink:0}.field-cover-featured{display:block;grid-row:auto;grid-column:span 2;height:420px}.field-cover-featured>img{height:100%}.field-cover-copy{flex:1;justify-content:flex-start}.field-cover .field-read{margin-top:auto;padding-top:18px}.field-cover-featured .field-read{margin-top:0}.field-toolkit{margin-top:42px}.field-guides{gap:18px}.field-guide h3{font-size:21px}.field-guide-image{height:145px}.field-story-layout{grid-template-columns:1fr}.field-story figure>img{height:auto;max-height:440px}.field-story-copy{max-width:700px}.field-story-heading h1{font-size:42px}}
@media(max-width:520px){.journal-page .marketing-document-shell{padding:23px 18px 35px}.journal-page .marketing-document-header{gap:12px;align-items:center}.journal-page .marketing-document-header nav{gap:10px 12px;font-size:12px}.journal-page .marketing-footer-brand{font-size:22px}.journal-page .marketing-document-header nav>a[href="/watch/how-to-play-case34/"]{display:none}.field-heading{margin:30px 0 24px}.field-heading h1{font-size:43px;letter-spacing:-1.8px}.field-front{grid-template-columns:1fr;gap:16px}.field-cover-featured{grid-column:auto;height:400px}.field-cover-featured .field-cover-copy{padding:24px}.field-cover-featured h2{font-size:34px}.field-cover-featured .field-cover-hook{font-size:15px}.field-cover:not(.field-cover-featured){display:grid;grid-template-columns:34% minmax(0,1fr)}.field-cover:not(.field-cover-featured)>img{height:100%;min-height:240px}.field-cover-copy{padding:21px 18px}.field-cover h2{font-size:25px}.field-meta{font-size:12px;margin-bottom:10px}.field-read{font-size:13px}.field-cover .field-read{padding-top:16px}.field-toolkit>h2{font-size:27px}.field-guides{grid-template-columns:1fr;gap:26px}.field-guide{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start}.field-guide-image{height:132px}.field-guide-copy{padding-top:5px}.field-guide h3{font-size:23px}.field-guide p{font-size:14px}.field-guide .field-read{margin-top:12px}.field-invite{align-items:flex-start;flex-direction:column;gap:18px;margin-top:35px;padding-block:25px}.field-invite>p{font-size:25px}.field-invite .btn{width:100%;gap:18px}.field-story-heading{margin:28px 0 24px}.field-story-heading h1{font-size:37px;letter-spacing:-1.3px}.field-story-layout{gap:26px}.field-story-copy>p{font-size:17px;line-height:1.7}.field-story figcaption{font-size:12px}.field-story-actions{align-items:stretch;flex-direction:column;gap:23px}.field-story-actions .field-back{align-self:flex-start}.field-sources{font-size:13px}.journal-guide .marketing-article-heading h1{font-size:34px}}
@media(max-width:520px){.field-cover.field-cover-featured h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.field-cover,.field-cover>img,.field-guide img{transition:none}.field-cover:hover,.field-cover:hover>img,.field-guide:hover img{transform:none}}