/* Public journal: shared graphite shell with a quiet reading surface. */
.blog-page{background:var(--light,#f1f3f3)}
.blog-intro{padding-block:65px 59px;border-bottom:1px solid #475054}
.blog-intro-inner{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px}
.blog-eyebrow{color:var(--accent);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.blog-intro h1{font-size:clamp(48px,5.5vw,76px);line-height:1.08}
.blog-intro h1::after{content:'';display:block;width:64px;height:3px;background:var(--accent);margin-top:25px}
.blog-intro-copy{font-size:17px;line-height:1.7;color:#b4bdc1;max-width:510px;margin-bottom:4px}
.blog-catalog{padding-block:60px 85px}
.blog-featured{display:grid;grid-template-columns:1.12fr 1fr;gap:55px;align-items:center;padding-bottom:56px}
.blog-featured:has(> .blog-featured-body:only-child){grid-template-columns:1fr}
.blog-featured-body{min-width:0;max-width:700px}
.blog-featured-image{display:block;overflow:hidden;background:#d5dcde;border-radius:4px;aspect-ratio:16/9}
.blog-featured-image picture,.blog-featured-image img{width:100%;height:100%}
.blog-featured-image img{object-fit:cover}
.blog-date{display:block;color:#666f73;font-size:12px;line-height:1.5;margin-bottom:14px}
.blog-featured h2{font-size:clamp(32px,3.1vw,43px);line-height:1.18;overflow-wrap:anywhere}
.blog-featured h2 a:hover,.blog-card h3 a:hover,.article-related h3 a:hover{color:#a74520}
.blog-featured-body>p{font-size:16px;color:var(--muted);line-height:1.75;margin-top:21px;overflow-wrap:anywhere}
.blog-tags{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:11px;line-height:1.7;color:#667177;margin-top:19px;overflow-wrap:anywhere}
.blog-tags span{max-width:100%}
.blog-read{margin-top:26px;color:#a74520}
.blog-archive{border-top:1px solid #bcc6cb;padding-top:32px}
.blog-archive-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:30px}
.blog-archive-heading h2{font-size:33px}
.blog-archive-heading .text-link{font-size:12px;color:var(--muted)}
.blog-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:46px;row-gap:30px}
.blog-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:23px;padding-bottom:30px;border-bottom:1px solid var(--line);align-items:start}
.blog-card-text{grid-template-columns:1fr}
.blog-card-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#d5dcde;border-radius:3px}
.blog-card-image picture,.blog-card-image img{width:100%;height:100%}
.blog-card-image img{object-fit:cover}
.blog-card h3{font-family:'Golos Text',Arial,sans-serif;font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere}
.blog-card .blog-date{margin-bottom:9px;font-size:11px}
.blog-card-body>p{margin-top:13px;font-size:13px;line-height:1.75;color:var(--muted);overflow-wrap:anywhere}
.blog-card .blog-tags{font-size:10px;margin-top:13px;gap:4px 10px}
.blog-empty{padding-block:45px 80px;max-width:600px}
.blog-empty h2{margin-bottom:20px}
.blog-empty p{color:var(--muted);line-height:1.8}
.blog-empty a{color:#a74520;text-decoration:underline;text-underline-offset:4px}

/* A 760px column protects comfortable line lengths in long articles. */
.article-main{padding-top:38px}
.article-wrap{width:min(760px,calc(100% - 80px));margin-inline:auto;padding-bottom:55px;min-width:0}
.article-crumbs{font-size:12px;line-height:1.7;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:32px;overflow-wrap:anywhere}
.article-crumbs a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#aab5ba}
.article-crumbs a:hover{color:#a74520}
.article-crumbs [aria-current]{flex-basis:100%;font-size:11px}
.article-heading h1{font-size:clamp(36px,4.3vw,58px);line-height:1.17;letter-spacing:-.025em;overflow-wrap:anywhere}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;padding-block:22px 25px;font-size:12px;line-height:1.65;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:30px}
.article-meta time{color:#a74520}
.article-cover{margin-bottom:34px;background:#e2e7e9;overflow:hidden;border-radius:4px}
.article-cover picture{display:block}
.article-cover img{width:100%;height:auto}
.article-content{font-size:17px;line-height:1.85;color:#374348;overflow-wrap:anywhere;min-width:0}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--ink);line-height:1.3;margin:36px 0 16px;overflow-wrap:anywhere}
.article-content h1,.article-content h2{font-size:32px}
.article-content h3{font-size:27px}
.article-content h4,.article-content h5,.article-content h6{font-size:20px}
.article-content p{margin-bottom:21px}
.article-content ul,.article-content ol{padding-left:25px;margin-bottom:23px}
.article-content li{padding-left:3px;margin-bottom:7px}
.article-content li::marker{color:#a74520}
.article-content a{color:#a74520;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article-content a:hover{color:#7c3016}
.article-content strong{font-weight:650;color:#20282c}
.article-content blockquote{margin:28px 0;padding:18px 24px;border-left:3px solid #c76235;background:#e6ebed;color:#4f5c62;font-size:16px;line-height:1.8}
.article-content blockquote p:last-child{margin-bottom:0}
.article-content figure{margin:30px 0}
.article-content picture{display:block}
.article-content img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:3px}
.article-content figure img{margin-block:0}
.article-content figcaption{font-size:12px;line-height:1.65;color:var(--muted);text-align:center;margin-top:12px}
.article-content code{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;background:#e0e6e8;padding:2px 5px;border-radius:2px;font-size:.86em;overflow-wrap:anywhere}
.article-content pre{padding:22px 24px;margin:28px 0;background:#20282c;color:#e7eced;border-radius:3px;max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px}
.article-content pre code{padding:0;background:none;color:inherit;font-size:inherit;white-space:inherit}
.article-content hr{border:0;border-top:1px solid #c4ced2;margin:36px 0}
.article-table{max-width:100%;overflow-x:auto;margin:28px 0;scrollbar-width:thin}
.article-table:focus-visible{outline:2px solid #a74520;outline-offset:4px}
.article-content table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.6}
.article-content th,.article-content td{text-align:left;padding:12px 16px;border:1px solid #c3cdd1;vertical-align:top}
.article-content th{background:#e2e8ea;color:var(--ink);font-weight:600}
.article-tags{padding-top:24px;border-top:1px solid var(--line);margin-top:36px;font-size:12px}
.article-back{margin-top:26px;color:#a74520}
.article-related{padding-block:37px 65px;border-top:1px solid #c4ced2}
.article-related>h2{font-size:36px;margin-bottom:28px}
.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.article-related-card{border-top:1px solid #bcc6cb;padding-top:19px;min-width:0}
.article-related h3{font-family:'Golos Text',Arial,sans-serif;font-size:19px;font-weight:600;line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere}
@media(max-width:1100px){.blog-intro-inner{gap:40px}.blog-featured{gap:35px}.blog-posts{column-gap:30px}.blog-card{grid-template-columns:115px minmax(0,1fr);gap:18px}.blog-card-text{grid-template-columns:1fr}.blog-card h3{font-size:17px}}
@media(max-width:800px){.blog-intro{padding-block:44px}.blog-intro-inner{grid-template-columns:1fr;gap:26px}.blog-intro-copy{max-width:580px;font-size:16px}.blog-featured{gap:27px;grid-template-columns:1fr 1fr}.blog-featured h2{font-size:30px}.blog-featured-body>p{font-size:14px}.blog-posts{grid-template-columns:1fr;row-gap:25px}.blog-card{grid-template-columns:160px minmax(0,1fr);gap:24px}.blog-card-text{grid-template-columns:1fr}.blog-card h3{font-size:20px}.blog-card-body>p{font-size:14px}.article-related-grid{gap:24px}.article-related h3{font-size:17px}}
@media(max-width:600px){.blog-intro{padding-block:33px 37px}.blog-intro h1{font-size:46px}.blog-intro h1::after{margin-top:20px;width:48px}.blog-eyebrow{margin-bottom:12px;font-size:11px}.blog-intro-copy{font-size:15px;line-height:1.7}.blog-catalog{padding-block:30px 48px}.blog-featured{grid-template-columns:1fr;gap:24px;padding-bottom:33px}.blog-featured-image{aspect-ratio:16/9}.blog-featured h2{font-size:34px;line-height:1.2}.blog-featured-body>p{font-size:15px;margin-top:16px}.blog-read{margin-top:20px}.blog-archive{padding-top:25px}.blog-archive-heading{margin-bottom:25px}.blog-archive-heading h2{font-size:30px}.blog-posts{row-gap:23px}.blog-card{grid-template-columns:92px minmax(0,1fr);gap:16px;padding-bottom:23px}.blog-card-text{grid-template-columns:1fr}.blog-card-image{aspect-ratio:1/1.15}.blog-card h3{font-size:17px;line-height:1.4}.blog-card-body>p{font-size:13px;margin-top:10px}.blog-card .blog-tags{font-size:10px;margin-top:10px}.article-main{padding-top:23px}.article-wrap{width:calc(100% - 40px);padding-bottom:35px}.article-crumbs{margin-bottom:24px;font-size:11px;gap:3px 8px}.article-crumbs [aria-current]{font-size:10px}.article-heading h1{font-size:36px;line-height:1.2}.article-meta{font-size:11px;padding-block:18px 20px;margin-bottom:24px;gap:5px 16px}.article-cover{margin-bottom:25px}.article-content{font-size:16px;line-height:1.8}.article-content h1,.article-content h2{font-size:28px;margin-top:30px}.article-content h3{font-size:24px}.article-content blockquote{padding:15px 18px;font-size:15px}.article-content pre{padding:17px;font-size:12px}.article-content figcaption{font-size:11px}.article-tags{margin-top:28px;font-size:11px}.article-related{padding-block:29px 42px}.article-related>h2{font-size:31px;margin-bottom:23px}.article-related-grid{grid-template-columns:1fr;gap:21px}.article-related-card{padding-top:17px}.article-related h3{font-size:18px}.article-related .blog-date{margin-bottom:8px}}
@media(max-width:374px){.article-wrap{width:calc(100% - 32px)}.blog-intro h1{font-size:41px}.blog-featured h2{font-size:31px}.article-heading h1{font-size:32px}.blog-card{grid-template-columns:76px minmax(0,1fr);gap:13px}.blog-card-text{grid-template-columns:1fr}.blog-card h3{font-size:16px}}