:root{--ink:#111;--paper:#fffaf0;--hot:#ff3158;--sun:#ffd93d;--cyan:#32d5ff;--lime:#b8ff63;--violet:#8c52ff}
.blog-hero{padding:52px 0 40px;background:linear-gradient(135deg,var(--cyan) 0 58%,var(--hot) 58%);border-bottom:5px solid #111}
.blog-hero h1{font-size:clamp(42px,7vw,82px);line-height:.9;margin:16px 0;text-transform:uppercase;letter-spacing:-4px;text-shadow:5px 5px 0 #fff;white-space:nowrap}
.blog-hero .lead{max-width:820px}
.blog-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.8fr);gap:28px;align-items:start}
.blog-feed{display:grid;gap:24px}
.blog-entry{border:4px solid #111;background:#fff;box-shadow:7px 7px 0 #111;overflow:hidden}
.blog-entry:nth-child(even){background:#f7efff}
.blog-entry img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;object-position:top;border-bottom:4px solid #111}
.blog-entry__body{padding:20px}
.blog-entry__meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.blog-chip{display:inline-block;border:2px solid #111;background:var(--sun);padding:3px 7px;font-size:11px;font-weight:1000;text-transform:uppercase}
.blog-entry h2{font-size:clamp(24px,3.2vw,40px)!important;line-height:.96!important;white-space:normal!important;margin:6px 0 8px!important}
.blog-entry h3{font-size:18px!important;line-height:1.15!important;white-space:normal!important;margin:0 0 12px!important}
.read-more{display:inline-block;background:var(--hot);color:#fff;border:3px solid #111;padding:8px 12px;font-weight:1000;text-transform:uppercase;text-decoration:none;box-shadow:4px 4px 0 #111}
.blog-side{position:sticky;top:86px;display:grid;gap:20px}
.blog-widget{border:4px solid #111;background:#fff;padding:16px;box-shadow:5px 5px 0 #111}
.blog-widget:nth-child(2){background:#ebfbff}.blog-widget:nth-child(3){background:#fff6cf}
.blog-widget h2{font-size:22px!important;letter-spacing:-.5px!important;white-space:normal!important;margin:0 0 12px!important}
.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;font-size:12px;text-align:center}
.calendar b,.calendar span{padding:5px 2px;border:1px solid #bbb;background:#fff}
.calendar b{background:#111;color:#fff}.calendar .post-day{background:var(--sun);border:2px solid #111;font-weight:1000}
.tag-cloud{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.tag-cloud a{border:2px solid #111;background:#fff;padding:4px 7px;font-weight:900;text-transform:uppercase;text-decoration:none}.tag-cloud .t1{font-size:11px}.tag-cloud .t2{font-size:14px}.tag-cloud .t3{font-size:18px}.tag-cloud .t4{font-size:21px}
.popular-list{margin:0;padding-left:20px}.popular-list li{margin:8px 0}.popular-list a{font-weight:900}
.article-shell{width:min(920px,92vw);margin:42px auto}
.article-head{background:var(--cyan);border:5px solid #111;box-shadow:8px 8px 0 #111;padding:24px;margin-bottom:28px}
.article-head h1{font-size:clamp(34px,5vw,62px);line-height:.92;margin:8px 0;text-transform:uppercase;letter-spacing:-2px}
.article-head .subtitle{font-size:20px;font-weight:900}
.article-image{display:block;width:100%;max-height:520px;object-fit:cover;object-position:top;border:5px solid #111;box-shadow:7px 7px 0 #111;margin:0 0 28px}
.article-body{background:#fff;border:4px solid #111;box-shadow:7px 7px 0 #111;padding:26px;font-size:18px}
.article-body h2{font-size:28px!important;white-space:normal!important;margin-top:28px!important}.article-body h3{font-size:21px!important;white-space:normal!important}.article-body li{margin:8px 0}
.comment-section{margin-top:34px;border:5px solid #111;background:#fff6cf;box-shadow:8px 8px 0 #111;padding:24px}
.comment-section h2{font-size:30px!important;white-space:normal!important}
.comment-form{display:grid;gap:12px}.comment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comment-form label{font-weight:1000;text-transform:uppercase;font-size:12px}.comment-form input,.comment-form textarea{display:block;width:100%;margin-top:5px;border:3px solid #111;background:#fff;padding:10px;font:inherit}.comment-form textarea{resize:vertical;min-height:130px}.comment-captcha{display:grid;grid-template-columns:auto 110px auto;gap:10px;align-items:center}.comment-captcha input{margin:0}.comment-form button{border:3px solid #111;background:var(--sun);padding:10px 15px;font-weight:1000;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 #111}.comment-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px!important;text-transform:none!important}.comment-consent input{width:auto;margin:2px 0 0}.comment-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.comment-status{min-height:18px;margin:0;font-size:12px;font-weight:1000;text-transform:uppercase}.comment-privacy{font-size:12px;background:#fff;border:2px solid #111;padding:10px}.published-comments{display:grid;gap:12px;margin-top:20px}.published-comment{border:3px solid #111;background:#fff;padding:12px}.published-comment strong{display:block;text-transform:uppercase}.published-comment time{font-size:11px;font-weight:900}.no-comments{font-weight:900}
.blog-footer-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.blog-footer-nav a{background:var(--sun);border:3px solid #111;padding:8px 10px;font-weight:1000;text-transform:uppercase;text-decoration:none}
@media(max-width:800px){.blog-layout{grid-template-columns:1fr}.blog-side{position:static}.blog-hero h1{font-size:clamp(34px,11vw,58px);letter-spacing:-2px}.comment-grid{grid-template-columns:1fr}.comment-captcha{grid-template-columns:1fr 90px auto}.article-body{padding:18px}}