:root{--canvas:#f5f7fb;--surface:#fff;--surface-soft:#edf2fa;--ink:#172033;--muted:#59677e;--line:#dce3ee;--accent:#24448f;--accent-soft:#e8eefc;--danger:#b42336;--warning:#8c5609;--radius:18px;--shadow:0 4px 24px #17203306;color-scheme:light}
:root[data-theme=dark]{--canvas:#101722;--surface:#192332;--surface-soft:#202e41;--ink:#eef3fc;--muted:#afbdd2;--line:#334156;--accent:#a4bfff;--accent-soft:#283c62;--danger:#ff9eaa;--warning:#ffd28b;--shadow:0 4px 24px #0002;color-scheme:dark}
:root[data-theme=classic]{--canvas:#f3f7f5;--surface:#fff;--surface-soft:#eaf4f0;--ink:#18352e;--muted:#506b62;--line:#d4e3dd;--accent:#0b7469;--accent-soft:#e2f2ec}
html{scroll-padding-top:90px}body{background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--accent)}input,select,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}summary{cursor:pointer}img,svg{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-90px;left:20px;z-index:9999;background:var(--surface);padding:12px 20px;border-radius:10px}.skip-link:focus{top:12px}
.blog-top,.blog-foot{background:var(--surface);color:var(--ink);border-color:var(--line)}.blog-top{gap:20px;max-width:none;padding:18px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line)}.blog-top nav{gap:8px}.blog-top nav a{color:var(--muted);border-radius:9px;padding:9px 13px}.blog-top nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.blog-brand,.blog-brand b{color:var(--ink)}.blog-brand b{font-weight:450}.blog-main{max-width:1240px;padding-top:32px}.blog-main h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;line-height:1.15;color:var(--ink)}.blog-main h2{letter-spacing:-.025em;color:var(--ink)}.blog-main .lead{color:var(--muted);font-size:18px;max-width:720px}.blog-main .page,.blog-main .post{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,5vw,56px)}.blog-main p,.blog-main li{color:var(--ink)}.blog-main .post-meta,.blog-main .crumbs,.blog-main .post-cat{color:var(--muted)}.post-list{gap:24px}.post-list>li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.post-list>li>a{padding:0 0 24px;display:block}.post-list>li>a>*:not(img){margin-left:24px;margin-right:24px}.post-list>li>a img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;margin-bottom:22px}.post-list h2{font-size:21px}.post-list p{font-size:15px;color:var(--muted)}.post-cat{display:inline-block;margin-bottom:8px;font-size:13px;text-transform:none;letter-spacing:0}.blog-filter{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.blog-filter button,.public-theme{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface)}.blog-filter button[aria-pressed=true]{background:var(--accent);color:var(--canvas)}.public-theme{font-size:13px}.blog-main details,.blog-main .faq details{background:var(--surface);border-color:var(--line);color:var(--ink);border-radius:12px}.blog-main .source-box,.blog-main .callout,.blog-main .service-notice,.blog-main .notice,.blog-main .contact-card{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}.blog-foot a{color:var(--accent)}
@media(max-width:680px){.blog-top{padding:14px 18px;flex-wrap:wrap;gap:10px}.blog-top nav{order:3;width:100%;justify-content:space-between}.blog-top nav a{padding:8px 10px;font-size:14px}.blog-main{padding:24px 16px}.blog-main .page,.blog-main .post{padding:22px 18px}.blog-main .post-list{grid-template-columns:1fr}.public-theme{margin-left:auto}.blog-foot{padding:28px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}

.blog-main .post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:24px 0 40px;gap:22px}.blog-main .post-list>li{margin:0}.blog-main .post-list>li>a img{height:auto;max-height:230px;object-fit:cover}.blog-main .post-list h2{font-size:21px;line-height:1.4;margin-top:0;margin-bottom:12px}.blog-main .post-list p{font-size:14px;line-height:1.7}.blog-main .post-list .post-meta{font-size:12px;display:block;margin-top:16px}.blog-main .post-list a{text-decoration:none}
@media(max-width:1000px){.blog-main .post-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.blog-main .post-list{grid-template-columns:1fr}}