.blog-hub-hero h1,.blog-category-hero h1 { margin:16px 0 28px; max-width:980px; font-size:clamp(42px,6vw,82px); line-height:1.03; letter-spacing:-.03em; text-wrap:balance; }
.blog-hub-hero em { color:var(--orange); font-style:normal; }
.blog-hub-hero p,.blog-category-hero p { max-width:760px; font-size:19px; line-height:1.7; color:var(--muted); }
.blog-hub-hero .btn { margin-top:24px; }
.blog-topics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px; }
.blog-topics > a { display:flex; flex-direction:column; gap:12px; padding:28px 0; border-top:1px solid var(--line); }
.blog-topics strong { font-size:25px; line-height:1.2; }
.blog-topics span:not(.card-link) { color:var(--muted); max-width:58ch; line-height:1.7; }
.blog-controls { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:12px 24px; margin:36px 0 18px; }
.blog-controls label { font-weight:700; font-size:14px; }
.blog-controls label[for="blog-search"] { grid-column:1; grid-row:1; }
.blog-controls label[for="blog-category"] { grid-column:2; grid-row:1; }
.blog-controls input,.blog-controls select { width:100%; min-height:48px; padding:12px 14px; border:1px solid #737378; background:#151517; color:#fff; border-radius:8px; font:inherit; }
.blog-controls input::placeholder { color:#b8b8bc; }
.blog-controls input:focus-visible,.blog-controls select:focus-visible { outline:2px solid var(--orange); outline-offset:3px; }
.blog-result-count,.blog-meta,.blog-byline { color:#b8b8bc; font-size:14px; line-height:1.6; }
.blog-post-list { display:flex; flex-direction:column; gap:40px; margin-top:32px; }
.blog-list-item { display:grid; grid-template-columns:minmax(180px,1fr) minmax(0,2fr); gap:30px; padding-top:28px; border-top:1px solid var(--line); }
.blog-list-item[hidden] { display:none; }
.blog-list-image img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:12px; }
.blog-list-item h2 { margin:12px 0; font-size:clamp(23px,2.5vw,34px); line-height:1.22; letter-spacing:-.02em; }
.blog-list-item p { max-width:66ch; color:var(--muted); line-height:1.7; margin:0 0 14px; }
.blog-category-label { color:#ffad95; font-size:14px; font-weight:700; }
.blog-topic-questions { padding-left:22px; max-width:720px; line-height:1.9; }
.blog-next-step { display:flex; flex-wrap:wrap; gap:24px; align-items:center; margin-top:48px; }
.blog-archive > .container > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 40px; margin-top:28px; }
.blog-archive p { color:var(--muted); line-height:1.7; }
.blog-archive a { padding-top:16px; border-top:1px solid var(--line); line-height:1.5; }
.blog-reading .journal-hero .container { width:min(820px,calc(100% - 40px)); }
.blog-reading .journal-hero h1 { font-size:clamp(38px,5vw,66px); line-height:1.07; letter-spacing:-.03em; }
.blog-reading .journal-hero { padding-bottom:44px; }
.blog-reading .article-featured { color:#e1dedf; font-size:20px; line-height:1.7; }
.blog-reading .article-leading { font-size:18px; line-height:1.75; }
.blog-reading .journal-content { padding-top:40px; }
.blog-reading .blog-figure { margin:32px 0; }
.blog-reading .blog-figure img { width:100%; height:auto; aspect-ratio:auto; border-radius:12px; }
.blog-figure figcaption { color:#b8b8bc; font-size:13px; line-height:1.6; margin-top:12px; }
.blog-toc { padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.blog-toc h2 { font-size:22px; margin:0 0 18px; }
.blog-toc a { display:block; margin:12px 0; color:#ffad95; line-height:1.65; }
.blog-question { scroll-margin-top:110px; }
.blog-reading .table-wrap { overflow-x:auto; margin:28px 0; border-radius:8px; }
.blog-reading .table-wrap table { margin:0; min-width:440px; }
.blog-reading .journal-content h2 { line-height:1.17; letter-spacing:-.02em; }
.blog-reading .journal-content h3 { line-height:1.4; }
.blog-reading .blog-deep a,.blog-reading .journal-notes a { color:#ffad95; text-decoration:underline; text-underline-offset:3px; }
.blog-reading sup a { color:#ffad95; text-decoration:none; }
.blog-reading [id^="note-"] { scroll-margin-top:110px; }
.blog-reading .journal-notes,.blog-related { margin-top:70px; padding-top:28px; border-top:1px solid var(--line); }
.blog-related h2,.blog-reading .journal-notes h2 { font-size:28px; }
.blog-related > a { display:block; margin:16px 0; color:#ffad95; line-height:1.65; }
@media(max-width:680px) {
 .blog-topics,.blog-archive > .container > div { grid-template-columns:1fr; }
 .blog-controls { grid-template-columns:1fr; }
 .blog-controls label[for="blog-category"] { grid-column:1; grid-row:3; }
 .blog-controls input { grid-row:2; }
 .blog-list-item { grid-template-columns:1fr; gap:20px; }
 .blog-list-image { max-width:460px; }
 .blog-reading .journal-hero { padding-top:40px; }
 .blog-reading .journal-content > section { margin-top:58px; }
}