.journal-article{background:radial-gradient(circle at 88% 20%,rgba(23,221,255,.055),transparent 30rem),var(--cj-deep-navy);color:var(--cj-cyber-porcelain)}.journal-article__hero{padding:30px 0 48px}.journal-article__hero-image{width:min(1140px,calc(100% - 40px));height:clamp(360px,48vw,620px);margin:auto;overflow:hidden;border-radius:18px;background:#0d2b47}.journal-article__hero-image img{width:100%;height:100%;object-fit:cover}.journal-article__heading{max-width:930px;margin-top:-112px;padding:38px 46px;position:relative;border:1px solid rgba(23,221,255,.28);border-radius:18px;background:rgba(4,18,33,.94);box-shadow:0 25px 70px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.journal-article__heading>span{display:inline-flex;padding:7px 12px;border:1px solid var(--cj-neon-orange);border-radius:999px;color:var(--cj-neon-orange);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.journal-article__heading h1{max-width:850px;margin:18px 0 14px;font-size:clamp(38px,5vw,65px);line-height:1.06;letter-spacing:-.045em}.journal-article__heading>p{max-width:760px;margin:0;color:var(--cj-porcelain-muted);font-size:17px;line-height:1.55}.journal-article__meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;color:var(--cj-porcelain-subtle);font-size:11px}.journal-article__meta span+span:before{content:'·';margin-right:20px;color:var(--cj-neon-blue)}
.journal-article__layout{display:grid;grid-template-columns:minmax(0,720px) 245px;gap:75px;align-items:start;justify-content:center;padding-block:35px 60px}.journal-article__body{min-width:0}.journal-article__rail{position:sticky;top:95px;grid-column:2;grid-row:1}.journal-article__rail nav{padding-left:18px;border-left:1px solid rgba(23,221,255,.3)}.journal-article__rail nav>strong{display:block;margin-bottom:14px;color:var(--cj-neon-blue);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.journal-article__rail ol{display:grid;gap:11px;margin:0;padding:0;list-style:none}.journal-article__rail a{color:var(--cj-porcelain-muted);font-size:11px;line-height:1.35;text-decoration:none}.journal-article__rail a:hover{color:var(--cj-neon-orange)}.journal-location{margin-top:30px;padding:20px;border:1px solid rgba(23,221,255,.5);border-radius:12px;background:#071d33}.journal-location h2{margin:0 0 18px;color:var(--cj-neon-blue);font-size:16px;text-transform:uppercase}.journal-location div+div{margin-top:16px}.journal-location span{display:block;color:var(--cj-porcelain-subtle);font-size:9px;font-weight:700;text-transform:uppercase}.journal-location p{margin:3px 0 0;font-size:11px;line-height:1.45}.journal-article__body{grid-column:1;grid-row:1}
.journal-prose{font-size:17px;line-height:1.78}.journal-prose>*{max-width:680px;margin-inline:auto}.journal-prose>h2{margin-top:58px;margin-bottom:18px;font-size:31px;line-height:1.2;letter-spacing:-.025em}.journal-prose>h3{margin-top:34px;margin-bottom:12px;font-size:21px}.journal-prose p,.journal-prose li{color:rgba(240,252,255,.86)}.journal-prose ul,.journal-prose ol{padding-left:24px}.journal-prose li+li{margin-top:8px}.journal-prose figure{max-width:720px;margin-block:38px}.journal-prose figure img{width:100%;border-radius:13px}.journal-prose figcaption{margin-top:8px;color:var(--cj-porcelain-subtle);font-size:10px}.journal-prose blockquote{padding:18px 22px;border-left:3px solid var(--cj-neon-orange);background:rgba(253,152,0,.06)}
.journal-callout{max-width:680px;margin:20px auto 34px;padding:22px 25px;border-radius:12px}.journal-callout h2,.journal-callout strong{margin:0 0 9px;font-size:20px}.journal-callout p{margin:0;color:var(--cj-cyber-porcelain);font-size:14px;line-height:1.6}.journal-callout--quick{border:1px solid rgba(23,221,255,.75);background:linear-gradient(110deg,rgba(23,221,255,.11),rgba(7,29,51,.75))}.journal-callout--notice{margin-top:42px;border:1px solid var(--cj-neon-orange);background:rgba(253,152,0,.055)}.journal-callout--notice strong{display:block;color:var(--cj-neon-orange);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.journal-phrases{max-width:680px;margin:48px auto}.journal-phrases h2{font-size:30px}.journal-phrases>div{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(23,221,255,.55);border-radius:12px}.journal-phrases article{padding:20px;text-align:center}.journal-phrases article+article{border-left:1px solid rgba(23,221,255,.2)}.journal-phrases strong{display:block;font-size:23px}.journal-phrases span{display:block;margin:6px 0;color:var(--cj-neon-blue);font-size:11px}.journal-phrases p{margin:0;color:var(--cj-porcelain-muted);font-size:11px}.journal-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px;padding-top:24px;border-top:1px solid rgba(23,221,255,.18)}.journal-post-nav div:last-child{text-align:right}.journal-post-nav a{color:var(--cj-cyber-porcelain);font-size:12px;text-decoration:none}.journal-post-nav a:hover{color:var(--cj-neon-orange)}
@media(max-width:900px){.journal-article__layout{grid-template-columns:minmax(0,680px);gap:25px}.journal-article__rail{position:static;grid-column:1;grid-row:1}.journal-article__rail nav{display:none}.journal-location{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0}.journal-location h2{grid-column:1/-1;margin:0}.journal-location div+div{margin-top:0}.journal-article__body{grid-row:2}}
@media(max-width:767px){.journal-article__hero{padding:0 0 24px}.journal-article__hero-image{width:100%;height:310px;border-radius:0}.journal-article__heading{width:calc(100% - 28px);margin-top:-54px;padding:20px;border-radius:14px}.journal-article__heading h1{margin:13px 0 10px;font-size:34px}.journal-article__heading>p{font-size:13px}.journal-article__meta{gap:8px 12px;margin-top:16px;font-size:9px}.journal-article__meta span+span:before{margin-right:12px}.journal-article__layout{padding-block:15px 35px}.journal-location{padding:16px}.journal-prose{font-size:15px;line-height:1.72}.journal-prose>h2{margin-top:42px;font-size:25px}.journal-prose>h3{font-size:19px}.journal-callout{padding:18px}.journal-callout h2{font-size:18px}.journal-phrases>div{grid-template-columns:1fr}.journal-phrases article+article{border-top:1px solid rgba(23,221,255,.2);border-left:0}.journal-post-nav{grid-template-columns:1fr}}