:root{--bg: #f4f4f4;--white: #fff;--text: #3a3a3a;--heading: #222222;--muted: #666666;--logo: #1aa7b5;--link: #1e73be;--link-hover: #0f5aa0;--line: #e6e6e6;--header-line: #e2e2e2;--btn: #222222;--max: 1200px;--header-h: 80px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:var(--bg);font-family:Arial,Helvetica,Segoe UI,sans-serif;font-size:17px;line-height:1.7}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.site{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:40;background:var(--white);border-bottom:1px solid var(--header-line)}.inside-header{width:min(var(--max),calc(100% - 48px));margin:0 auto;min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:28px}.site-logo{color:var(--logo)!important;font-weight:800;font-size:30px;letter-spacing:.02em;text-transform:uppercase;line-height:1;flex:0 0 auto}.menu-toggle{display:none;background:transparent;border:1px solid #cfcfcf;border-radius:2px;padding:9px 10px;cursor:pointer;z-index:50}.menu-toggle span{display:block;width:20px;height:2px;background:#222;margin:4px 0;transition:transform .2s ease,opacity .2s ease}.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.main-nav{display:flex;gap:26px;align-items:center;margin-left:auto}.main-nav a{color:#222;font-size:15px;font-weight:500;padding:10px 0 12px;position:relative;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--link)}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--link)}.nav-backdrop{display:none}.site-content{flex:1;width:min(var(--max),calc(100% - 48px));margin:36px auto 48px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.content-column{display:grid;gap:22px;min-width:0}.sidebar{min-width:0}.panel{background:var(--white);padding:42px 48px 34px}.archive-title{font-size:32px;font-weight:600;color:var(--heading);margin:0;letter-spacing:-.02em}.article h2,.entry-title{margin:0 0 10px;font-size:30px;font-weight:700;line-height:1.28;color:var(--heading)}.article h2 a,.entry-title a{color:var(--heading)}.article h2 a:hover,.entry-title a:hover{color:var(--link)}.entry-meta{color:var(--muted);font-size:14px;margin-bottom:16px}.entry-meta a{color:var(--link)}.entry-summary{color:#404040}.entry-summary p{margin:0}.read-more{font-weight:500;text-decoration:underline}.entry-footer{margin-top:20px;font-size:14px;color:var(--muted)}.entry-footer a{color:var(--link);text-decoration:underline;text-underline-offset:2px}.cat-links,.comments-link{display:flex;gap:8px;align-items:flex-start;line-height:1.65}.cat-links{margin-bottom:8px;flex-wrap:wrap}.meta-icon{width:13px;height:13px;margin-top:5px;flex:0 0 13px;fill:#777}.entry-content h2{font-size:26px;color:var(--heading);margin:28px 0 10px}.entry-content h3{font-size:20px;color:var(--heading);margin:22px 0 8px}.entry-content p{margin:0 0 16px}.entry-content ul,.entry-content ol{padding-left:22px}.entry-content a{text-decoration:underline}.entry-content img{border-radius:2px}.pagination{display:flex;flex-wrap:wrap;gap:14px;padding:8px 4px 0;font-size:15px;align-items:center}.pagination a,.pagination span{color:var(--link)}.pagination .current{color:#222;font-weight:700}.widget{background:var(--white);padding:30px 26px;margin-bottom:22px}.widget h2{margin:0 0 16px;font-size:21px;font-weight:700;color:var(--heading)}.search-row{display:flex;width:100%}.search-row input{flex:1;min-width:0;border:1px solid #ccc;padding:9px 12px;background:#fff;color:#222;outline:none}.search-row input:focus,.comment-form input:focus,.comment-form textarea:focus{border-color:#888}.search-row button{border:0;background:var(--btn);color:#fff;padding:9px 16px;cursor:pointer;white-space:nowrap}.search-row button:hover{background:#000}.widget ul{margin:0;padding-left:20px}.widget li{margin:9px 0}.widget li a{line-height:1.45}.site-footer{text-align:center;color:#777;font-size:14px;padding:26px 16px 32px;border-top:1px solid var(--line)}.site-footer a{color:var(--link)}.comment-box{margin-top:36px;padding-top:18px;border-top:1px solid var(--line)}.comment-box h3{margin:0 0 14px}.comment-form{display:grid;gap:10px;max-width:560px}.comment-form input,.comment-form textarea{border:1px solid #ccc;padding:10px 12px;width:100%;color:#222;background:#fff}.comment-form textarea{min-height:130px;resize:vertical}.comment-form button{width:fit-content;background:var(--btn);color:#fff;border:0;padding:10px 18px;cursor:pointer}.comment-form button:hover{background:#000}.ok{color:#1a7f37}.err{color:#b42318}.comment-list{list-style:none;padding:0;margin:0 0 18px}.comment-list li{padding:12px 0;border-bottom:1px solid var(--line)}.comment-list small{color:var(--muted)}.to-top{position:fixed;right:22px;bottom:22px;z-index:60;width:44px;height:44px;border:0;border-radius:4px;background:var(--btn);color:#fff;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 4px 14px #0000002e}.to-top:hover{background:#000}@media(max-width:980px){.site-content{grid-template-columns:1fr;gap:22px;margin:24px auto 36px}}@media(max-width:900px){:root{--header-h: 64px}.inside-header,.site-content{width:min(var(--max),calc(100% - 28px))}.menu-toggle{display:inline-block;margin-left:auto}.nav-backdrop{display:block;position:fixed;inset:var(--header-h) 0 0 0;background:#00000047;border:0;z-index:30}.main-nav{display:none;position:absolute;left:0;right:0;top:var(--header-h);background:#fff;border-bottom:1px solid var(--header-line);flex-direction:column;align-items:stretch;gap:0;padding:8px 0 12px;z-index:45;box-shadow:0 12px 24px #00000014}.main-nav.open{display:flex}.main-nav a{padding:12px 22px;width:100%;white-space:normal;border-left:3px solid transparent}.main-nav a.active{background:#f6f9fc;border-left-color:var(--link)}.main-nav a.active:after{display:none}.site-header{position:sticky}.panel{padding:28px 20px}.article h2,.entry-title{font-size:24px}.archive-title{font-size:26px}.site-logo{font-size:22px}}@media(max-width:600px){.inside-header,.site-content{width:calc(100% - 20px)}.widget{padding:22px 18px}.search-row{flex-direction:column}.search-row button{padding:10px 16px}.main-nav a{font-size:16px}}