/* Journal layout, adapted from the blog reference to the theme palette. */
.csg-blog-section .section-head h2{font:600 36px/1.15 var(--head);margin:8px 0 0}
.entry-content .csg-blog-section a{color:inherit;text-decoration:none}
.entry-content .csg-blog-section .blog-read{color:var(--orange)}
.entry-content .csg-blog-section p{color:var(--muted)}
.csg-blog-section .blog-card-tile{display:flex;flex-direction:column}
.csg-blog-section .blog-card-image{flex-shrink:0}
.csg-blog-section .blog-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1}
.csg-blog-section .blog-read{margin-top:auto}
.csg-blog-section .blog-card-image img{margin:0;max-width:none;height:100%}
.csg-blog-section a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(min-width:601px) and (max-width:850px){.csg-blog-section .blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.blog-page{padding:49px 0 0}
.blog-title-row{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:31px}
.blog-title-row h1{font:700 70px/1 var(--head);margin:15px 0 18px;overflow-wrap:anywhere}
.blog-title-row p,.blog-description{font-size:16px;color:var(--muted);max-width:620px;margin:0}
.blog-issue{font-size:10px;letter-spacing:2px;text-align:right;color:var(--subtle);white-space:nowrap}
.blog-issue b{display:block;margin-top:10px;font-size:12px;letter-spacing:1px;font-weight:500;color:var(--text-secondary)}
.blog-feature{border:1px solid var(--line-strong);display:grid;grid-template-columns:1.25fr 1fr;background:var(--panel);min-height:365px}
.blog-feature-image,.blog-card-image,.blog-article-image{position:relative;display:block;overflow:hidden;background:var(--surface-raised)}
.blog-feature-image{min-height:300px}
.blog-cover{display:block;width:100%;height:100%;object-fit:cover}
.blog-feature-image .blog-cover,.blog-card-image .blog-cover{position:absolute;inset:0}
.blog-feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101318a6,transparent 70%);pointer-events:none}
.blog-feature-stamp,.blog-image-caption,.blog-category{position:absolute;z-index:1}
.blog-feature-stamp{left:23px;top:23px;background:var(--media-accent);color:var(--media-button-text);font-size:11px;letter-spacing:1.4px;font-weight:700;padding:7px 12px}
.blog-image-caption{left:25px;bottom:21px;color:var(--media-text);font-size:10px;letter-spacing:2px}
.blog-feature-copy{padding:40px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.blog-feature-copy h2{font:600 47px/1.05 var(--head);margin:17px 0 19px;overflow-wrap:anywhere}
.blog-feature-copy p{font-size:15px;color:var(--muted);line-height:1.7;margin:0 0 21px}
.blog-feature-copy .button{margin-top:27px;min-width:143px}
.blog-feature-copy .eyebrow{font-size:11px}
.blog-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:var(--muted);font-size:12px}
.blog-meta>span:before{content:'·';margin-right:14px;color:var(--orange)}
.blog-latest-heading{margin-top:44px}
.blog-latest-heading h2,.blog-related h2{font:600 36px/1.15 var(--head);margin:8px 0 0}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.blog-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-card-tile{border:1px solid var(--line);background:var(--panel);min-width:0;transition:border-color .2s,transform .2s}
.blog-card-tile:hover{border-color:var(--orange-line);transform:translateY(-3px)}
.blog-card-image{height:180px}
.blog-two .blog-card-image{height:215px}
.blog-category{top:15px;left:17px;right:17px;width:fit-content;max-width:calc(100% - 34px);border-left:2px solid var(--media-accent);padding:4px 9px;background:#14161de8;color:var(--media-text);font-size:10px;letter-spacing:1.2px}
.blog-card-copy{padding:24px}
.blog-card-copy h3{font:600 29px/1.15 var(--head);margin:14px 0 12px;overflow-wrap:anywhere}
.blog-two .blog-card-copy h3{font-size:32px}
.blog-card-copy p{font-size:14px;color:var(--muted);line-height:1.75;margin:0 0 23px}
.blog-feature-copy h2 a:hover,.blog-card-copy h3 a:hover{color:var(--orange)}
.blog-read{font-size:13px;display:inline-block;border-bottom:1px solid var(--orange-line);color:var(--orange);padding-bottom:3px}
.blog-empty{padding:35px;border:1px solid var(--line);background:var(--panel)}
.blog-breadcrumb{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:30px 0}
.blog-breadcrumb a:hover{color:var(--orange)}
.blog-article-heading{height:auto;background:none;border:0;max-width:890px;margin:10px 0 32px;padding:0;position:static}
.blog-article-heading h1{font:700 64px/1.05 var(--head);margin:15px 0 21px;letter-spacing:-.3px;overflow-wrap:anywhere}
.blog-article-heading>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:780px;margin:0 0 25px}
.blog-byline{display:flex;gap:12px;align-items:center}
.blog-author-mark{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:var(--orange-surface);border:1px solid var(--orange-line);color:var(--orange);font-weight:700;font-style:italic;font-size:15px}
.blog-byline strong{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);line-height:1.4;margin-bottom:4px}
.blog-article-image{height:370px;border:1px solid var(--line-strong)}
.blog-reading-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;justify-content:space-between;gap:65px;margin-top:41px}
.blog-reading-layout>div{min-width:0}
.blog-prose.entry-content{max-width:none;margin:0;font-size:17px;line-height:1.9;color:var(--text-secondary)}
.blog-prose h2{font:600 34px/1.2 var(--head);color:var(--text);margin:35px 0 19px}
.blog-prose p{margin:0 0 20px}
.blog-prose blockquote{border-left:3px solid var(--orange);padding-left:24px;margin:25px 0;color:var(--text)}
.blog-prose .alignwide,.blog-prose .alignfull{width:100%;max-width:100%;margin-left:0;margin-right:0}
.blog-toc{align-self:start;position:sticky;top:28px}
.blog-toc-box{border-top:2px solid var(--orange);background:var(--panel);padding:24px}
.blog-toc-box .eyebrow{font-size:11px;letter-spacing:2px}
.blog-toc ul{list-style:none;margin:18px 0 0;padding:0}
.blog-toc li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--text-secondary)}
.blog-toc li:last-child{border:0}
.blog-toc a:hover{color:var(--orange)}
.blog-contents{margin-bottom:22px}
.blog-contents ol{list-style:decimal-leading-zero;margin:18px 0 0;padding-left:25px}
.blog-contents li{padding-left:8px}
.blog-contents li::marker{font-size:11px;color:var(--orange)}
.blog-prose h2[id],.blog-prose h3[id]{scroll-margin-top:135px}
.blog-sidebar-widget,.blog-resource-card{border-top:2px solid var(--orange);background:var(--panel);padding:22px;margin-bottom:22px;overflow-wrap:anywhere}
.blog-sidebar-widget .eyebrow{font-size:11px;margin:0 0 15px}
.blog-sidebar-widget:has(> .blog-aside-note){border:0;padding:0;background:none}
.blog-sidebar-widget .blog-aside-note{margin:0}
.blog-sidebar-widget img,.blog-sidebar-widget iframe{max-width:100%;height:auto}
.blog-resource-card .eyebrow{font-size:10px;letter-spacing:1.5px}
.blog-resource-card h3{font:600 28px/1.15 var(--head);margin:16px 0 12px}
.blog-resource-card p{font-size:13px;color:var(--muted);line-height:1.6;margin:10px 0}
.blog-resource-card code{display:block;padding:10px;background:var(--surface-raised);font-size:12px;overflow-wrap:anywhere}
.blog-resource-image{display:block;width:100%;height:120px;object-fit:cover;margin-top:18px}
.blog-resource-card .button{display:flex;justify-content:center;margin-top:18px;font-size:12px}
.blog-toc .blog-resource-downloads{margin:15px 0 0}
.blog-resource-downloads a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary)}
.blog-resource-downloads a>span:last-child{color:var(--orange);font-size:22px}
.blog-aside-note{--cta-border:#443b31;--cta-start:#29241e;--cta-end:#171c20;--cta-label:#b4997d;--cta-link:#efb88e;--cta-link-border:#855932;margin-top:22px;padding:32px 23px 27px;border:1px solid var(--cta-border);background:linear-gradient(135deg,var(--cta-start),var(--cta-end));color:var(--text)}
:root[data-theme="light"] .blog-aside-note{--cta-border:#dfcdbb;--cta-start:#fff2e5;--cta-end:#fff;--cta-label:#806348;--cta-link:#a74410;--cta-link-border:#c68e62}
.blog-aside-note>span,.blog-aside-note>p:first-child{display:block;font-size:10px;line-height:1.6;letter-spacing:1.4px;color:var(--cta-label);margin:0 0 18px}
.blog-aside-note h3{font:700 31px/1.1 var(--head);margin:0 0 26px;color:var(--text)}
.blog-aside-note>p:last-child{margin:0;line-height:1.5}
.blog-aside-note a{display:inline-block;font-size:13px;color:var(--cta-link);border-bottom:1px solid var(--cta-link-border);padding-bottom:3px;text-decoration:none}
.blog-aside-note a:hover{color:var(--orange);border-bottom-color:var(--orange)}
.blog-aside-note a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.blog-finish{border-top:2px solid var(--orange);margin-top:42px;padding-top:25px}
.blog-finish-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:25px}
.blog-finish-tags>span{font-size:10px;letter-spacing:1.3px;color:var(--muted);margin-right:6px}
.blog-finish-tags a{font-size:12px;border:1px solid var(--line);padding:5px 10px;background:var(--panel);color:var(--text-secondary)}
.blog-finish-tags a:hover{border-color:var(--orange);color:var(--orange)}
.blog-finish-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.blog-finish-heading .eyebrow{font-size:10px;letter-spacing:2px}
.blog-finish-heading h2{font:600 34px/1.1 var(--head);margin:8px 0 0}
.blog-back-button{display:inline-flex;align-items:center;gap:18px;padding:11px 14px;background:var(--orange-surface);border:1px solid var(--orange-line);color:var(--orange);font-size:12px;white-space:nowrap}
.blog-back-button:hover{background:var(--orange);color:var(--on-accent)}
.blog-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.blog-next-card{position:relative;display:flex;align-items:center;gap:16px;min-width:0;padding:18px 36px 18px 18px;background:var(--panel);border:1px solid var(--line);transition:border-color .2s,background .2s}
.blog-next-card:hover{border-color:var(--orange);background:var(--surface-raised)}
.blog-next-card:only-child{grid-column:1/-1}
.blog-next-image{display:block;flex:0 0 72px;height:90px;overflow:hidden;background:var(--surface-raised)}
.blog-next-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.blog-next-card:hover img{transform:scale(1.06)}
.blog-next-copy{display:flex;flex-direction:column;gap:9px;min-width:0}
.blog-next-label{font-size:9px;letter-spacing:1.3px;color:var(--orange);font-weight:600}
.blog-next-copy strong{font:600 23px/1.15 var(--head);color:var(--text);overflow-wrap:anywhere}
.blog-next-copy time{font-size:11px;color:var(--muted)}
.blog-next-arrow{position:absolute;right:13px;top:17px;color:var(--orange);font-size:18px}
@media(max-width:1050px) and (min-width:851px){.blog-next-grid{grid-template-columns:1fr}}
@media(max-width:600px){.blog-finish-heading{align-items:flex-start;flex-direction:column;gap:16px}.blog-finish-heading h2{font-size:31px}.blog-next-grid{grid-template-columns:1fr}.blog-next-image{flex-basis:80px}}
@media(prefers-reduced-motion:reduce){.blog-next-card,.blog-next-image img{transition:none}.blog-next-card:hover img{transform:none}}
.blog-related{border-top:1px solid var(--line);padding-top:35px;margin-top:49px}
.blog-page .pagination,.blog-single .post-navigation{margin-top:32px}
.blog-page .pagination[hidden],.blog-feed-controls button[hidden]{display:none}
.blog-feed-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding:20px 0;color:var(--muted);font-size:14px;text-align:center}
.blog-feed-controls p{margin:0}
.blog-feed-controls p:empty{display:none}
.blog-feed-controls button{cursor:pointer}
.blog-feed-controls button:disabled{opacity:.6;cursor:wait}
.blog-feature + .blog-card-grid{margin-top:32px}
.blog-page .nav-links,.blog-single .nav-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
.blog-page .page-numbers{padding:10px 16px;border:1px solid var(--line);background:var(--panel)}
.blog-page .page-numbers.current{background:var(--orange);color:var(--on-accent)}
.blog-page a:focus-visible,.blog-single a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:1050px){
 .blog-reading-layout{grid-template-columns:minmax(0,1fr) 245px;gap:35px}
 .blog-feature-copy{padding:30px}.blog-feature-copy h2{font-size:43px}
 .blog-card-copy{padding:20px}.blog-card-copy h3{font-size:27px}
}
@media(max-width:850px){
 .blog-title-row h1{font-size:59px}.blog-issue{display:none}
 .blog-feature{grid-template-columns:1fr 1fr}.blog-feature-copy{padding:26px}.blog-feature-copy h2{font-size:37px}
 .blog-card-grid{gap:16px}.blog-card-copy h3{font-size:25px}
 .blog-reading-layout{grid-template-columns:1fr;gap:25px}.blog-toc{position:static}
 .blog-article-heading h1{font-size:54px}.blog-article-image{height:300px}
}
@media(max-width:600px){
 .blog-page{padding-top:30px}.blog-title-row h1{font-size:48px}.blog-title-row p{font-size:15px}
 .blog-feature{grid-template-columns:1fr}.blog-feature-image{min-height:225px}
 .blog-feature-copy h2{font-size:38px}.blog-card-grid,.blog-two{grid-template-columns:1fr;gap:22px}
 .blog-card-image,.blog-two .blog-card-image{height:200px}.blog-card-copy{padding:23px}
 .blog-card-copy h3,.blog-two .blog-card-copy h3{font-size:31px}
 .blog-article-heading h1{font-size:42px}.blog-article-heading>p{font-size:17px}
 .blog-article-image{height:230px}.blog-reading-layout{margin-top:25px}.blog-prose.entry-content{font-size:16px}
 .blog-breadcrumb{gap:9px;padding:22px 0}.blog-related{margin-top:35px}
}
@media(prefers-reduced-motion:reduce){.blog-card-tile{transition:none}.blog-card-tile:hover{transform:none}}
