.journal { background: radial-gradient(ellipse at 85% 0%,#19345150,transparent 45%); padding-bottom:72px; }
.journal-masthead h1 { font-weight:550; letter-spacing:-2.6px; line-height:1.1; }
.journal-masthead h1 span { color:#96bff7; }
.journal-masthead p:not(.eyebrow) { color:#aebed3; }
.feed-heading { display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid #ffffff20; }
.feed-heading h2 { font-size:18px; font-weight:500; margin:0; }
.feed-heading > span { color:#8b9db4; font-size:11px; }
.journal-feature { background:linear-gradient(125deg,#1c3551,#142136); border-radius:12px; }
.feature-kicker { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#a6c9f9; font-size:10px; letter-spacing:1.4px; }
.journal-feature h2 { font-weight:550; letter-spacing:-1px; line-height:1.17; }
.journal-feature h2 a:hover { color:#a5c7f8; }
.journal-feature p { color:#bac9dc; }
.journal-preview-note { font-size:11px; color:#8b9cb3; margin:22px 0 0; }
.row-image { position:relative; overflow:hidden; background:radial-gradient(ellipse at 60% 30%,#435d7e,#172b41); border-radius:8px; }
.row-image img { position:absolute; width:70%; top:12%; right:8%; transform:rotate(12deg); border-radius:8px; }
.image-collection img,.image-basics img { width:130%; right:-20%; transform:none; }
.image-value { background:#234546; }
.image-basics { background:#493f33; }
.image-apps { background:#343153; }
.row-copy h3 { font-weight:500; letter-spacing:-.4px; line-height:1.35; }
.journal-empty { padding:40px 0; color:#b5c5d9; }
.article-row-clickable { position:relative; }
.article-row-link::after { content:""; position:absolute; inset:0; }
.article-row-clickable:hover .article-row-link { color:#a5c7f8; }
.article-row-clickable:focus-within { outline:none; }
.article-row-link:focus,.article-row-link:focus-visible { outline:none; }
.article-row-link:focus-visible { text-decoration:underline; text-underline-offset:6px; }
.row-arrow { color:#9bbfe9; font-size:22px; justify-self:end; }
.article-thumbnail { border-radius:10px; overflow:hidden; background:#152337; }
.article-thumbnail img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.row-author { display:block; color:#8fa1b9; font-size:11px; margin-top:16px; }
.journal .article-row-text-only { grid-template-columns:minmax(0,1fr); }

/* One semantic link covers the complete article card, including whitespace. */
.journal-feature-clickable { position:relative; cursor:pointer; }
.feature-card-link::after { content:""; position:absolute; inset:0; border-radius:12px; }
.journal-feature-clickable:hover { box-shadow:0 0 0 1px #9cc5ff66; }
.journal-feature-clickable:focus-within { outline:none; }
.feature-card-link:focus,.feature-card-link:focus-visible { outline:none; }
.feature-card-link:focus-visible { text-decoration:underline; text-underline-offset:6px; }
.feature-bottom > .mobile-read { color:#b5d5ff; min-height:44px; display:flex; align-items:center; gap:12px; font-size:12px; white-space:nowrap; }