:root{color-scheme:light;--ink:#20283f;--blue:#0201fa;--gold:#fed654;--paper:#fffdf8;--line:#e7e1d2}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
body.site-modern-page{margin:0;min-height:100vh;background:#0201fa;color:#111;font:13px/1.5 Arial,Helvetica,sans-serif}
.site-frame{width:min(1180px,100%);min-height:100vh;margin:0 auto;background:#fed654;border:1px solid #fff}
.blog-header{position:relative;min-height:100px;margin:0 -25px 14px;padding:14px 28px;background:#fff;border:1px solid #fff;border-radius:0;display:flex;align-items:center}
.brand{display:block;width:min(700px,100%);line-height:0;text-decoration:none}
.site-logo{display:block;width:700px;max-width:100%;height:auto;object-fit:contain;object-position:left center}
.site-breadcrumb{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin:0 18px 14px;padding:10px 14px;background:#fed654;border:1px solid #fff;color:#555;font-size:13px}
.site-breadcrumb a{color:#a52a2a;text-underline-offset:.15em}
.site-layout{display:grid;grid-template-columns:minmax(210px,24%) minmax(0,1fr);align-items:stretch;gap:22px;padding:0 18px 18px}
.site-sidebar{min-width:0}
.site-module{margin:0 0 18px;background:#fed654;border:1px solid #ddd;box-shadow:2px 3px 4px #0003}
.site-module h2{margin:0;padding:9px 14px;background:#0201fa;color:#fff;font-size:18px;line-height:1.4;border-bottom:1px solid #555}
.site-module ul{list-style:none;margin:0;padding:8px 14px}
.site-module li+li{border-top:1px dotted #ccc}
.site-module a{display:block;padding:7px 2px;color:#333;text-decoration:none}
.site-module a:hover,.site-module a:focus{color:#000;text-decoration:underline}
.site-content{min-width:0;max-width:none;margin:0;padding:22px;background:#f9f9f9;border:3px double #e9e9e9;border-radius:0;color:#111}
.site-content h1,.blog-article h1{margin:4px 0 20px;color:#111;font-size:24px;line-height:1.25}
.site-content h2,.blog-article h2{margin:20px 0 10px;color:#111;font-size:20px;line-height:1.3}
.site-content h3,.blog-article h3{margin:18px 0 8px;color:#222;font-size:17px;line-height:1.3}
.site-content p,.blog-article p{margin:0 0 14px}
.site-paper,.blog-article{background:#fff;border:1px solid #e9e9e9;padding:20px}
.blog-article h1{margin-top:0}
.site-content a,.blog-article a{color:#a52a2a;text-underline-offset:.15em}
.site-content a:hover,.blog-article a:hover{color:#743022}
.site-content .lead{max-width:78ch;margin:0 0 20px;font-size:16px;line-height:1.55}
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;margin-top:24px}
.post-card{min-width:0;padding:0 0 16px;background:#fff;border:1px solid #e9e9e9;border-radius:0;overflow:hidden}
.post-card img{display:block;width:100%;height:190px;object-fit:cover}
.post-card h2,.post-card p,.post-card .read-more{margin-left:16px;margin-right:16px}
.post-card h2{font-size:18px}
.post-card .post-date{margin-top:12px;color:#5b6c71}
.post-date{font-size:12px;color:#5b6c71}
.blog-article{padding:4px 0}
.blog-article .post-date{margin:0 0 16px}
.blog-article figure{margin:20px 0}
.blog-article figure img{display:block;width:100%;max-height:440px;object-fit:cover;border:1px solid #e9e9e9}
.blog-article ul,.blog-article ol{padding-left:24px}
.blog-article li{margin:5px 0}
table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff}
th,td{border:1px solid #ddd;padding:9px;text-align:left}
th{background:#f5f0df}
.site-footer{max-width:none;margin:0 18px 18px;padding:16px 20px;background:#fed654;border:1px solid #fff;border-radius:0;color:#20283f}
.site-footer nav,.recent-posts{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center}
.site-footer a{color:#743022}
.recent-posts{margin-top:12px;padding-top:12px;border-top:1px solid #fff}
.site-map-list{columns:2;column-gap:40px}
.site-map-list li{break-inside:avoid;margin-bottom:6px}
@media(max-width:1180px){.blog-header{margin-left:0;margin-right:0}}
@media(max-width:800px){
  .site-frame{width:100%;border-left:0;border-right:0}
  .blog-header{min-height:82px;margin:0 0 12px;padding:12px 16px}
  .site-breadcrumb{margin:0 12px 12px}
  .site-layout{grid-template-columns:minmax(0,1fr);gap:14px;padding:0 12px 14px}
  .site-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
  .site-module{margin:0}
  .site-content{padding:18px}
  .site-content h1,.blog-article h1{font-size:22px}
  .site-footer{margin:0 12px 12px;padding:16px}
  .site-map-list{columns:1}
}