.content-header{position:relative;height:auto;min-height:88px;gap:24px;flex-wrap:wrap}.content-header nav{display:flex!important;flex-wrap:wrap;gap:20px}.content-main{max-width:1100px;margin:auto;padding:64px 24px}.content-main h1{font-size:clamp(32px,5vw,64px);letter-spacing:-2px;line-height:1.15}.content-main h2{font-size:28px}.muted,.meta{color:#59634d}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.filters label{display:grid;gap:6px;font-size:13px}.filters input,.filters select{padding:12px;border:1px solid var(--line);background:white;border-radius:4px;font:inherit;max-width:100%}.post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.post-card{border:1px solid var(--line);padding:26px;background:#fffef7;display:block}.post-card h2{font-size:24px;line-height:1.4}.post-card:hover{border-color:#6fa600}.tag{display:inline-block;background:#e8eddc;padding:5px 9px;margin:4px 4px 0 0;font-size:12px}.prose{max-width:760px;margin:auto;font-size:17px;line-height:1.9;overflow-wrap:anywhere}.prose h1{font-size:clamp(30px,5vw,48px)}.prose h2{margin-top:42px}.prose a{text-decoration:underline;text-underline-offset:4px}.prose pre{overflow:auto;background:#202b23;color:#e5f6d2;padding:22px;font-size:14px;line-height:1.7;border-radius:5px}.prose img{max-width:100%}.notice{border-left:4px solid #88b638;background:#eaf0df;padding:14px 20px}.toc{border:1px solid var(--line);padding:16px 24px}.toc ul{padding-left:20px}.content-footer{max-width:1100px;margin:auto;padding:30px 24px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between}.skip-link{position:absolute;top:-80px;left:12px;background:var(--lime);padding:12px;z-index:200}.skip-link:focus{top:10px}header .blog-nav{display:flex;gap:14px;font-size:12px}.hero header{position:relative}@media(max-width:700px){.content-main{padding-top:32px}.content-header{padding:18px 24px}.content-header nav{font-size:12px;gap:16px}header .blog-nav{display:flex}.filters label{width:100%}.content-footer{flex-wrap:wrap}}
[hidden]{display:none!important}

.toc{display:block!important}.toc a{font-size:15px}.article{display:block}
.profile{display:flex;align-items:center;gap:48px;margin-bottom:64px}.profile-avatar{width:240px;height:auto;border-radius:24px;border:1px solid var(--line)}.profile h1{font-size:clamp(28px,4vw,56px);overflow-wrap:anywhere}.profile-story{margin:0;max-width:800px}.profile-links{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.profile-links a{padding:12px 16px;border:1px solid var(--line);background:#edf2e3;text-decoration:none;overflow-wrap:anywhere}.home-avatar{width:120px;height:auto;border-radius:18px;margin-bottom:24px}@media(max-width:700px){.profile{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:32px}.profile-avatar{width:160px}.profile-links{flex-direction:column}.profile-links a{font-size:14px}}
.home-page>header nav{display:flex;gap:24px}.home-tools h3{font-size:26px}.home-tools .post-card p{line-height:1.8;color:#59634d}.support-panel{border:1px solid var(--line);padding:32px;background:#edf2e3;line-height:1.8}.support-panel a,.all-posts{display:inline-block;padding:14px 0;border-bottom:1px solid #75815b}.all-posts{margin-top:24px}@media(max-width:1000px){.home-page>header{height:auto;min-height:88px;flex-wrap:wrap;gap:18px;padding-top:18px;padding-bottom:18px}.home-page>header nav{order:3;flex-basis:100%;justify-content:center;gap:20px}}@media(max-width:700px){.home-page>header nav{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}.home-page>header nav a{font-size:11px}.home-page>header nav a span{font-size:8px}.support-panel{padding:22px}}

.brand-logo-image{width:38px;height:38px;object-fit:contain;vertical-align:middle;margin-right:7px}.content-header .brand{display:inline-flex;align-items:center}.home-page .brand-logo-image{width:42px;height:42px}
.brand-logo-image{width:54px!important;height:54px!important;flex:0 0 54px;display:block}.content-header{min-height:104px}.content-header .brand{font-size:16px}.home-page>header .brand-logo-image{width:58px!important;height:58px!important;flex-basis:58px}.home-page>header .brand{font-size:18px}@media(max-width:700px){.content-header{min-height:92px}.brand-logo-image{width:46px!important;height:46px!important;flex-basis:46px}.home-page>header .brand-logo-image{width:48px!important;height:48px!important;flex-basis:48px}.content-header .brand{font-size:14px}.home-page>header .brand{font-size:15px}}