.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-bottom:110px}.journal-card{display:flex;flex-direction:column;border:1px solid #39333e;border-radius:28px;overflow:hidden;background:#19171d;transition:border-color .2s,transform .2s}.journal-card:hover{border-color:#b8a2c7;transform:translateY(-3px)}.journal-card-art{height:290px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#403348,#242028 65%);overflow:hidden}.journal-card-art img{width:100%;height:100%;object-fit:contain;padding:28px}.journal-card-copy{padding:32px;display:flex;flex-direction:column;gap:18px;flex:1}.journal-card-copy>span,.journal-meta,.journal-card small{color:#c4b7ca;font-size:13px}.journal-card h2{font-size:clamp(26px,3vw,40px);color:#faf7fc}.journal-card p{color:#c4bdc8;font-size:16px}.journal-card small{margin-top:auto;padding-top:14px}.journal-opening{padding-top:180px;padding-bottom:65px;max-width:1300px}.journal-opening h1{font-size:clamp(48px,7.3vw,108px);max-width:1080px;margin:28px 0;overflow-wrap:anywhere}.journal-meta{margin-top:30px}.journal-lead{font-size:clamp(21px,2.3vw,29px);color:#c7c0cd;max-width:900px;line-height:1.6}.journal-feature>img{width:100%;height:430px;object-fit:contain;border-radius:32px;background:radial-gradient(ellipse,#3e3046,#1d1922 72%);padding:36px}.journal-body{max-width:950px;padding-top:70px;padding-bottom:80px}.journal-body section{margin-bottom:54px}.journal-body h2{font-size:clamp(29px,3vw,43px);margin-bottom:24px}.journal-body p{font-size:18px;color:#d0c9d4;line-height:1.85;margin-bottom:22px}.journal-signoff{border-top:1px solid #453b49;padding-top:34px}.journal-signoff strong{font-family:var(--display);font-size:30px}.journal-signoff small{display:block;color:#b8adbe;line-height:1.7}.legal-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:65px;padding-bottom:110px}.legal-index{align-self:start;position:sticky;top:130px;display:grid;gap:20px}.legal-index nav{display:grid;gap:10px;font-size:13px;line-height:1.5}.legal-index nav a{color:#c2b5c9}.legal-index nav a:hover{color:#fff}.legal-body{min-width:0}.legal-body section{scroll-margin-top:140px;padding:36px 0;border-bottom:1px solid #3c3342}.legal-body h2{font-size:clamp(26px,2.7vw,38px);margin-bottom:22px}.legal-body p{line-height:1.85;font-size:17px;color:#d3cbd7;overflow-wrap:anywhere}.legal-highlight{padding:30px;border:1px solid #69516f;border-radius:25px;background:#2c2233}.legal-highlight>strong{display:block;color:#f6e9ff;font:700 26px/1.3 var(--display);margin-bottom:20px}.legal-highlight p+p{margin-top:20px}.legal-highlight a{text-decoration:underline}.blog-teaser{padding-top:80px;padding-bottom:30px}.blog-teaser>.section-head{margin-bottom:35px}.beta-site-badge{font:700 10px/1 Arial,sans-serif;color:#decee6;letter-spacing:.09em;border:1px solid #6c5476;padding:6px 8px;border-radius:7px;margin-left:2px}.journal-beta-note{display:block;color:#d1c0de;font-size:13px;margin-top:12px}@media(max-width:800px){.journal-grid{grid-template-columns:1fr;gap:24px}.journal-card-art{height:240px}.journal-opening{padding-top:135px;padding-bottom:40px}.journal-feature>img{height:280px;padding:20px}.journal-body{padding-top:45px}.journal-body p{font-size:17px}.legal-layout{grid-template-columns:1fr;gap:30px}.legal-index{position:static}.legal-index nav{grid-template-columns:1fr 1fr}.legal-body p{font-size:16px}.beta-site-badge{font-size:8px;padding:5px}.journal-card-copy{padding:25px}}@media(prefers-reduced-motion:reduce){.journal-card{transition:none}.journal-card:hover{transform:none}}

.blog-teaser .journal-grid{padding:0;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.blog-teaser .journal-card-art{height:215px}.blog-teaser .journal-card h2{font-size:29px}@media(max-width:900px){.blog-teaser .journal-grid{grid-template-columns:1fr}.blog-teaser .journal-card-art{height:240px}}

/* Four stories on desktop, touch-friendly horizontal browsing below. */
.blog-teaser .journal-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;overscroll-behavior-x:contain;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:#705a7b #211c26}
.blog-teaser .journal-card{flex:0 0 calc((100% - 60px)/4);min-width:0;scroll-snap-align:start;border-radius:22px}
.blog-teaser .journal-card-art{height:170px}.blog-teaser .journal-card-art img{padding:18px}.blog-teaser .journal-card-copy{padding:22px;gap:14px}.blog-teaser .journal-card h2{font-size:clamp(20px,1.6vw,27px);line-height:1.2;overflow-wrap:anywhere}.blog-teaser .journal-card p{font-size:14px;line-height:1.65}.blog-teaser .journal-card-copy>span,.blog-teaser .journal-card small{font-size:11px;line-height:1.6}
.journal-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}.journal-slider-controls[hidden]{display:none}.journal-slider-controls p{font-size:13px;color:#b9acbf;font-variant-numeric:tabular-nums}.journal-slider-controls>div{display:flex;gap:10px}.journal-slider-controls button{border:1px solid #584960;border-radius:12px;background:#211b27;color:#f5edf8;padding:12px 18px;font:600 13px/1.3 Arial,sans-serif;cursor:pointer;min-height:44px}.journal-slider-controls button:hover:enabled{background:#34283f;border-color:#b7a0c5}.journal-slider-controls button:disabled{opacity:.35;cursor:default}.journal-track:focus-visible,.journal-slider-controls button:focus-visible,.journal-track a:focus-visible{outline:2px solid #d6b8e5;outline-offset:3px}
@media(max-width:1050px){.blog-teaser .journal-card{flex-basis:calc((100% - 20px)/2)}.blog-teaser .journal-card h2{font-size:25px}.blog-teaser .journal-card-art{height:210px}}@media(max-width:600px){.blog-teaser .journal-card{flex-basis:88%}.blog-teaser .journal-card-art{height:190px}.journal-slider-controls button{padding:12px 14px}.blog-teaser{padding-top:55px}}
.journal-slider{position:relative}.journal-slider:after{content:"";position:absolute;right:-1px;top:0;bottom:82px;width:64px;background:linear-gradient(90deg,transparent,#08090b);pointer-events:none;transition:opacity .2s}.journal-slider[data-at-end=true]:after{opacity:0}.blog-teaser .journal-track{cursor:grab;touch-action:pan-x pan-y}.blog-teaser .journal-track a,.blog-teaser .journal-track img{-webkit-user-drag:none}.blog-teaser .journal-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.blog-teaser .journal-track.is-dragging a{cursor:grabbing;pointer-events:none;transform:none}@media(max-width:600px){.journal-slider:after{width:35px}}
