.journal-desktop .shell { width:calc(100% - 96px); max-width:1200px; }
.journal-desktop .journal-masthead { padding:48px 0 44px; }
.journal-desktop .journal-masthead .eyebrow { margin-bottom:17px; }
.journal-desktop .journal-masthead h1 { font-size:64px; margin-bottom:20px; }
.journal-desktop .journal-masthead p:not(.eyebrow) { font-size:18px; line-height:1.55; margin-bottom:0; }
.journal-layout { display:grid; grid-template-columns:minmax(0,1fr) 248px; gap:64px; }
.journal-sidebar { align-self:start; position:sticky; top:110px; }
.journal-sidebar .eyebrow { margin-bottom:18px; font-size:10px; }
.journal-sidebar nav { padding:6px 0 28px; }
.journal-sidebar nav a { display:flex; align-items:center; justify-content:space-between; min-height:48px; border-bottom:1px solid #ffffff12; gap:12px; color:#b7c6d9; font-size:13px; }
.journal-sidebar nav a[aria-current] { color:#a5caff; }
.journal-sidebar nav small { font-size:11px; color:#8295ae; }
.sidebar-app { border-top:1px solid #ffffff20; padding-top:28px; }
.sidebar-app h3 { font-size:27px; font-weight:500; line-height:1.2; }
.sidebar-app p { font-size:13px; color:#9badc3; }
.sidebar-app a { display:inline-flex; align-items:center; min-height:44px; font-size:13px; color:#a5caff; }
.journal-desktop .journal-feature { padding:28px 32px; margin-top:24px; }
.journal-desktop .journal-feature h2 { font-size:38px; margin:19px 0 14px; }
.journal-desktop .journal-feature h2 span { color:#87a7d0; font-size:28px; }
.journal-desktop .journal-feature p { font-size:14px; max-width:650px; margin-bottom:22px; }
.feature-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; font-size:11px; color:#9db3cf; }
.feature-bottom a { color:#b5d5ff; min-height:44px; display:flex; align-items:center; font-size:12px; white-space:nowrap; }
.journal-row { display:grid; grid-template-columns:minmax(0,1fr) 160px; gap:28px; align-items:center; padding:28px 0; border-bottom:1px solid #ffffff18; }
.row-meta { align-self:start; padding-top:5px; }
.row-meta span { display:block; color:#97b8e3; font-size:9px; letter-spacing:1px; line-height:1.6; }
.row-meta small { display:block; color:#8b9cb3; font-size:10px; margin-top:12px; }
.journal-row h3 { font-size:22px; margin:0 0 10px; }
.journal-row p { font-size:12px; line-height:1.65; color:#99abc2; margin:0; }
.journal-row .row-image { width:104px; height:104px; }
/* Window resizing remains safe; mobile devices receive their own template. */
@media(max-width:1000px) { .journal-layout { grid-template-columns:minmax(0,1fr) 190px; gap:30px; } .journal-row { grid-template-columns:minmax(0,1fr) 90px; gap:18px; } .row-meta { grid-column:1/-1; display:flex; gap:16px; align-items:center; } .row-meta small { margin:0; } }
@media(max-width:680px) { .journal-desktop .shell { width:calc(100% - 40px); } .journal-layout { grid-template-columns:1fr; } .journal-sidebar { position:static; } .journal-desktop .journal-masthead h1 { font-size:44px; } .journal-desktop .journal-feature h2 { font-size:30px; } .feature-bottom { flex-wrap:wrap; gap:5px; } }