/* Common header, footer and mobile navigation are styled only by css/layout.css. */
.blog-main { --canvas:#eeeee7; }
.blog-main a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}
.blog-main a:hover{color:var(--accent)}
.blog-main a:focus-visible,.blog-main button:focus-visible,.blog-main input:focus-visible,.blog-main summary:focus-visible{outline:3px solid #687850;outline-offset:4px}
.blog-main img,.blog-main video{max-width:100%;height:auto}
.blog-main button,.blog-main input{font:inherit}
.blog-main .archive-heading{padding:64px 0 34px;max-width:760px}
.blog-main .eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.2em;color:var(--muted);margin:0 0 12px}
.blog-main h1,.blog-main h2,.blog-main h3{line-height:1.6;overflow-wrap:anywhere}
.blog-main h1{font-size:clamp(25px,3.6vw,39px);font-weight:500;letter-spacing:.06em;margin:0 0 20px}
.blog-main .archive-heading>p:not(.eyebrow){font-size:14px;color:var(--muted)}
.blog-main .archive-count{margin-top:28px}
.blog-main .post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);column-gap:40px}
.blog-main .post-card{padding:28px 0 30px;border-bottom:1px solid var(--line)}
.blog-main .post-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;color:var(--muted);font-size:12px}
.blog-main .post-meta>span a{margin-right:8px}
.blog-main .post-card h2{font-size:20px;font-weight:500;margin:13px 0}
.blog-main .post-card h2 a{text-decoration:none}
.blog-main .post-card>p{font-size:14px;color:#565952;margin:0 0 22px;line-height:1.95;overflow-wrap:anywhere}
.blog-main .read-more{font-size:12px;text-decoration:none}
.blog-main .read-more span{margin-left:16px}
.blog-main .announcement-card h2 a::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#6b7661;margin:0 9px 3px 0}
.blog-main .archive-tools{margin-top:30px;padding:30px;background:var(--canvas)}
.blog-main .archive-tools h2{font-size:18px;font-weight:500;margin:0 0 20px}
.blog-main .category-list,.blog-main .archive-months ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:13px}
.blog-main .category-list span,.blog-main .archive-months span{color:var(--muted)}
.blog-main .archive-months{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}
.blog-main .archive-months summary{cursor:pointer;font-size:14px;padding:6px 0}
.blog-main .archive-months ul{max-height:320px;overflow:auto;padding:12px 0}
.blog-main .search-form{max-width:460px;margin:20px 0}
.blog-main .search-form label{display:block;font-size:12px;margin-bottom:6px}
.blog-main .search-form>div{display:flex}
.blog-main .search-form input{width:100%;min-width:0;border:1px solid #92968a;border-radius:0;padding:10px;background:#fff;font-size:16px}
.blog-main .search-form button{flex-shrink:0;background:#2f342d;color:#fff;border:1px solid #2f342d;padding:10px 18px;cursor:pointer}
.blog-main .article{max-width:760px;margin:0 auto}
.blog-main .article-header{padding:56px 0 28px;border-bottom:1px solid var(--line)}
.blog-main .breadcrumb{font-size:12px;color:var(--muted);margin-bottom:26px}
.blog-main .article-header h1{font-size:clamp(24px,3vw,34px);margin:0 0 20px}
.blog-main .article-body{padding:32px 0;font-size:16px;line-height:2.1;overflow-wrap:anywhere}
.blog-main .article-body p{margin:0 0 1.5em}
.blog-main .article-body img{display:inline-block;vertical-align:middle}
.blog-main .article-body .aligncenter{display:block;margin-left:auto;margin-right:auto}
.blog-main .article-body figure{max-width:100%;margin:1.5em 0}
.blog-main .article-body figcaption,.blog-main .article-body .wp-caption-text{font-size:13px;color:var(--muted)}
.blog-main .article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.blog-main .article-body td,.blog-main .article-body th{border:1px solid var(--line);padding:8px 12px}
.blog-main .article-body pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--canvas);padding:18px}
.blog-main .article-body blockquote{border-left:3px solid var(--line);margin:1.5em 0;padding-left:22px;color:var(--muted)}
.blog-main .article-body h2{font-size:23px;font-weight:500;margin:2em 0 1em}
.blog-main .article-body h3{font-size:20px}
.blog-main .history-note{background:var(--canvas);padding:22px 26px;font-size:12px;color:var(--muted)}
.blog-main .history-note strong{font-weight:500;color:var(--ink)}
.blog-main .history-note p{margin:8px 0 0}
.blog-main .article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:38px 0 0;border-top:1px solid var(--line);padding-top:26px;font-size:13px}
.blog-main .article-navigation a{display:block;text-decoration:none;overflow-wrap:anywhere}
.blog-main .article-navigation span{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}
.blog-main .article-navigation .older{text-align:right}
.blog-main .back-to-list{margin:36px 0;text-align:center;font-size:13px}
.blog-main .social-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}
.blog-main .social-card{display:flex;flex-direction:column;border:1px solid var(--line);padding:22px;text-decoration:none;line-height:1.7}
.blog-main .social-card strong{font-family:Georgia,serif;font-size:24px;font-weight:400}
.blog-main .social-card span{font-size:12px;margin-top:9px;color:var(--muted)}
.blog-main .line-card{display:flex;gap:26px;align-items:center;padding:24px;background:var(--canvas);margin-top:26px}
.blog-main .line-card img{display:block;width:150px;height:auto}
.blog-main .line-card h2{font-size:18px;margin:0 0 8px}
.blog-main .line-card p{font-size:13px;margin:0}
.blog-main .no-results{padding:24px 0;color:var(--muted)}
@media(max-width:680px){
.blog-main .archive-heading{padding-top:38px}
.blog-main .post-grid{grid-template-columns:1fr}
.blog-main .post-card{padding:25px 0}
.blog-main .post-card h2{font-size:19px}
.blog-main .archive-tools{padding:20px;margin-top:10px}
.blog-main .category-list{gap:10px 18px}
.blog-main .article-header{padding-top:30px}
.blog-main .article-body{font-size:15px;padding:28px 0;line-height:2}
.blog-main .article-navigation{gap:16px}
.blog-main .history-note{padding:18px}
.blog-main .social-cards{grid-template-columns:1fr}
.blog-main .line-card{align-items:flex-start;padding:20px;gap:18px}
.blog-main .line-card img{width:112px}
.blog-main .line-card h2{font-size:16px}
}
.blog-main .archive-heading { max-width:none; padding:36px 0 28px; }
.blog-main .breadcrumb { display:block; min-height:0; margin-bottom:12px; }
.blog-main .archive-count { display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:22px; }
.blog-main .post-grid { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:32px; }
.blog-main .post-card { display:flex; flex-direction:column; }
.blog-main .post-card h2 { font-size:19px; }
.blog-main .post-card > p { flex:1; }
.blog-main .read-more { align-self:start; display:inline-flex; align-items:center; min-height:44px; }
.blog-main .article-body ul { list-style:disc; padding-left:1.5em; margin:0 0 1.5em; }
.blog-main .article-body ol { padding-left:1.5em; margin:0 0 1.5em; }
.blog-main .article-body li { margin:.25em 0; }
.blog-main .pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; padding:36px 0; font-size:13px; }
.blog-main .page-number,.blog-main .pagination-step { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:7px 12px; border:1px solid var(--line); border-radius:5px; background:var(--white); text-decoration:none; }
.blog-main .page-number[aria-current] { color:white; background:var(--ink); border-color:var(--ink); }
.blog-main .pagination-gap { width:16px; text-align:center; color:var(--muted); }
.blog-main .pagination-step { margin-inline:8px; }
@media(max-width:1000px) {
.blog-main .post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
}
@media(max-width:700px) {
.blog-main .archive-heading { padding:24px 0; }
.blog-main .post-grid { grid-template-columns:1fr; }
.blog-main .archive-count { font-size:12px; }
.blog-main .article-header { padding-top:24px; }
.blog-main .pagination { gap:6px; }
.blog-main .pagination-step { flex-basis:calc(50% - 4px); order:1; margin:6px 0 0; }
.blog-main .archive-tools { padding:20px; }
}