/* Match the homepage chrome; shared by the blog landing and article pages. */
.listing-page,.article-page{isolation:isolate;--blue:#3782f6}
.promo-banner,.header,.journal-hero{font-family:Arial,Helvetica,sans-serif;font-weight:400}
.ocean{position:absolute;inset:var(--promo-height,44px) 0 auto;height:720px;overflow:hidden;z-index:-1;background:#02151e url('/assets/ocean-poster.jpg') center top/cover no-repeat;mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%)}
.ocean video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.1);filter:brightness(.74)}
.ocean:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,12,18,.46),rgba(0,9,14,.57) 38%,rgba(0,6,9,.65) 100%)}
.header{width:84%;max-width:1720px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;font-size:clamp(15px,1.1vw,23px);gap:28px;min-height:88px;padding:16px 0;color:#fff}
.brand{display:flex;align-items:center;font-weight:600;font-size:clamp(23px,1.48vw,31px);letter-spacing:-.9px;gap:9px}.brand-mark{width:35px;height:36px;overflow:hidden;position:relative}.brand-mark img{height:40px;width:100px;max-width:none;position:absolute;left:-32px;top:-2px}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.2vw,44px);margin-left:auto;white-space:nowrap}.desktop-nav a:hover{color:inherit;opacity:.8}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex:none}.header-actions .button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:46px;padding:11px 21px;border-radius:12px;font-size:clamp(14px,1.1vw,21px);letter-spacing:-.35px;transition:background .2s,transform .2s}.header-actions .button:hover{transform:translateY(-2px)}.header-open{background:#f6f5f3;border:1px solid #b8b8b8;color:#111}.header-open:hover{background:#fff;color:#111}.header-trial{background:var(--blue);border:1px solid #ffffff15;color:#fff}.header-trial:hover{background:#5194ff}
.navigation-toggle{display:none;align-items:center;justify-content:center;flex:none;width:40px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:#fff}.navigation-toggle:hover{background:#125dc412}.menu-cross{display:none}.navigation-toggle[aria-expanded=true] .menu-lines{display:none}.navigation-toggle[aria-expanded=true] .menu-cross{display:block}
.promo-banner{position:relative;z-index:6;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 64px;background:linear-gradient(110deg,#083b8c 0%,#1263df 48%,#1685cb 100%);color:#fff;font-size:clamp(13px,1.05vw,20px);line-height:1.5}.promo-content{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.promo-content p{margin:0}.promo-content strong{font-weight:700}.promo-content a{display:inline-block;margin-left:8px;text-decoration:underline;text-underline-offset:3px;font-weight:600}.promo-content a:hover{opacity:.8}.promo-close{position:absolute;right:max(18px,calc((100vw - 1220px)/2));top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:5px;background:transparent;color:#fff;padding:0}.promo-close:hover{background:#ffffff20}
.journal-hero{background:none;padding:52px 24px 113px}.journal-announcement{display:inline-flex;align-items:center;gap:10px;color:#fafafa;background:#061016b0;border:1px solid #ffffff40;border-radius:12px;padding:6px 12px 6px 6px;backdrop-filter:blur(14px);font-size:12px;letter-spacing:.5px}.journal-announcement>span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#347ff1;font-size:22px}
.journal-hero h1{color:#fafafa;font-weight:600;font-size:clamp(48px,4.5vw,92px);letter-spacing:-.068em;line-height:1.02;margin:28px auto 18px}.journal-hero h1 .gradient-text{background:linear-gradient(180deg,#378dff 20%,#9bc6ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.journal-hero p{color:#e1e8ee;font-size:17px;line-height:1.5;letter-spacing:-.35px}.hero-browse{font-size:14px;margin-top:25px}.background-motion{display:block;margin:22px auto 0;padding:6px 10px;border:1px solid #ffffff30;border-radius:8px;background:#06101666;color:#e1e8ee;font-size:11px;line-height:1.5}.background-motion span{margin-left:5px}.background-motion:hover{background:#061016aa}
@media(min-width:1800px){.header-actions .button{border-radius:17px}}
@media(max-width:1100px){.header{width:90%}}
@media(max-width:1050px){.header{flex-wrap:nowrap;gap:16px;padding:15px 0;min-height:80px}.header-actions{gap:10px}.navigation-toggle{display:inline-flex}.desktop-nav{display:none;position:absolute;top:calc(100% - 4px);right:0;left:auto;width:240px;margin:0;padding:8px;flex-direction:column;align-items:stretch;gap:0;background:#fffffff5;color:#17253b;border:1px solid #d9e2ec;border-radius:14px;box-shadow:0 16px 45px #294a721c;backdrop-filter:blur(18px);font-size:16px}.desktop-nav.is-open{display:flex}.desktop-nav a{display:block;padding:14px 16px;border-radius:8px}.desktop-nav a:hover{background:#edf4fd}}
@media(max-width:680px){.promo-banner{padding:10px 43px 10px 15px;font-size:12px;line-height:1.5}.promo-content{gap:7px}.promo-close{right:6px}.promo-content a{margin-left:4px}.promo-content p{max-width:410px}.header{width:94%;min-height:76px;gap:8px;padding:12px 0}.brand{font-size:20px;gap:4px;letter-spacing:-.6px}.brand-mark{width:26px}.brand-mark img{left:-36px}.header-actions{gap:6px}.header-actions .button{min-height:38px;font-size:12px;padding:8px 10px;border-radius:9px}.navigation-toggle{width:32px;height:40px}.journal-hero{padding:38px 17px 90px}.journal-hero h1{font-size:clamp(36px,8.5vw,55px);line-height:1.09;letter-spacing:-.065em;margin-top:25px}.journal-hero p{max-width:315px;margin:auto;font-size:16px}.ocean{height:640px}.journal-announcement{font-size:10px}.journal-announcement>span{width:23px;height:23px;font-size:17px}}
@media(max-width:390px){.brand{font-size:17px;gap:2px}.brand-mark{width:21px}.header-actions{gap:4px}.header-actions .button{padding:8px;font-size:11px}.navigation-toggle{width:28px}}
@media(prefers-reduced-motion:reduce){.ocean video{visibility:hidden}.header-actions .button{transition:none}.header-actions .button:hover{transform:none}}