:root{--bg:#f3f4f6;--surface:#fff;--ink:#172033;--muted:#64748b;--line:#e2e8f0;--brand:#334155;--accent:#475569;--radius:18px;--shadow:0 12px 32px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.blog-modern{margin:0!important;padding:0!important;display:block!important;min-height:100vh;background:var(--bg)!important;color:var(--ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;line-height:1.72!important}
.blog-site-header{position:relative;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.blog-site-header__inner{width:min(1160px,calc(100% - 32px));min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.blog-brand{display:flex;align-items:center;gap:11px;color:var(--ink)!important;text-decoration:none!important;font-size:1.05rem;font-weight:800}.blog-brand img{width:40px!important;height:40px!important;object-fit:contain!important;border-radius:10px!important;margin:0!important}.blog-site-nav{display:flex;gap:22px}.blog-site-nav a{color:#475569!important;text-decoration:none!important;font-weight:650;font-size:.94rem}.blog-site-nav a:hover{color:#0f172a!important}
.blog-index{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:52px 0 72px}.blog-index-intro{max-width:760px;margin-bottom:32px}.blog-kicker{margin:0 0 8px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.blog-index h1{margin:0 0 12px;font-size:clamp(2.15rem,5vw,3.5rem);line-height:1.08;letter-spacing:-.045em}.blog-index-intro>p:last-child{margin:0;color:var(--muted);font-size:1.08rem}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 18px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blog-card__image{display:block;aspect-ratio:16/10;background:#dbe2ea;overflow:hidden}.blog-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card:hover img{transform:scale(1.035)}.blog-card__body{padding:22px}.blog-card__meta{margin:0 0 9px;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.blog-card h2{margin:0;font-size:1.22rem;line-height:1.35;letter-spacing:-.015em}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card__description{margin:12px 0 0;color:var(--muted);font-size:.94rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.legacy-article-shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:34px 0 64px}.article-cover{max-width:820px;margin:0 0 24px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#dbe2ea;aspect-ratio:16/8}.article-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}.blog-modern .main-wrapper{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,820px) minmax(240px,300px)!important;align-items:start!important;gap:28px!important}.blog-modern .content-column,.blog-modern article,.blog-modern>main>section{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 18px rgba(15,23,42,.05)}.blog-modern .content-column{padding:clamp(24px,5vw,48px)!important}.blog-modern .ad-column{display:flex!important;flex-direction:column!important;gap:20px!important}.blog-modern .ad-column>*{max-width:100%!important;border-radius:14px!important;overflow:hidden}.blog-modern h1,.blog-modern h2,.blog-modern h3{color:var(--ink)!important;text-align:left!important;line-height:1.22!important;letter-spacing:-.025em}.blog-modern h1{font-size:clamp(2rem,5vw,3rem)!important;margin:0 0 24px!important}.blog-modern h2{font-size:1.55rem!important;margin:2em 0 .65em!important}.blog-modern h3{font-size:1.2rem!important;margin:1.6em 0 .55em!important}.blog-modern p,.blog-modern li{font-size:1.02rem!important;color:#334155!important}.blog-modern p{margin:0 0 1.15em!important}.blog-modern ul,.blog-modern ol{padding-left:1.35em!important;margin:0 0 1.4em!important}.blog-modern li{margin:.42em 0!important}.blog-modern a{color:#1d4ed8}.blog-modern img{max-width:100%;height:auto}.blog-modern blockquote,.blog-modern .info-box{margin:24px 0!important;padding:18px 20px!important;background:#f1f5f9!important;border:1px solid var(--line)!important;border-left:4px solid #64748b!important;border-radius:12px!important}.blog-modern table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;background:#fff}.blog-modern th,.blog-modern td{padding:10px 12px;border:1px solid var(--line)}.blog-modern .main-menu,.blog-modern body>nav{display:none!important}
.blog-site-footer{border-top:1px solid var(--line);background:#fff}.blog-site-footer__inner{width:min(1160px,calc(100% - 32px));margin:auto;padding:24px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.9rem}.blog-site-footer a{color:#334155!important}
@media(max-width:900px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-modern .main-wrapper{grid-template-columns:1fr!important}.blog-modern .ad-column{display:none!important}}
@media(max-width:640px){.blog-site-header__inner{min-height:64px}.blog-site-nav{gap:12px}.blog-site-nav a:nth-child(2){display:none}.blog-index{padding-top:34px}.blog-card-grid{grid-template-columns:1fr;gap:18px}.blog-card{display:grid;grid-template-columns:118px 1fr}.blog-card__image{height:100%;aspect-ratio:auto}.blog-card__body{padding:17px}.blog-card h2{font-size:1.04rem}.blog-card__description{display:none}.legacy-article-shell{width:min(100% - 22px,1160px);padding-top:20px}.article-cover{margin-bottom:14px;border-radius:14px}.blog-modern .content-column{padding:22px!important;border-radius:14px}.blog-site-footer__inner{flex-direction:column}}
.blog-index .blog-card-grid{grid-template-columns:1fr;gap:12px}.blog-index .blog-card{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:122px;box-shadow:0 3px 12px rgba(15,23,42,.045)}.blog-index .blog-card:hover{transform:translateY(-2px)}.blog-index .blog-card__image{height:100%;min-height:122px;aspect-ratio:auto}.blog-index .blog-card__body{display:flex;flex-direction:column;justify-content:center;padding:16px 20px}.blog-index .blog-card__meta{margin:0 0 5px!important;font-size:.7rem!important}.blog-index .blog-card h2{margin:0!important;font-size:1.12rem!important;line-height:1.3!important}.blog-index .blog-card__description{margin:7px 0 0!important;font-size:.86rem!important;line-height:1.42!important;-webkit-line-clamp:2}@media(max-width:620px){.blog-index .blog-card{grid-template-columns:108px minmax(0,1fr);min-height:100px}.blog-index .blog-card__image{min-height:100px}.blog-index .blog-card__body{padding:12px 14px}.blog-index .blog-card h2{font-size:.98rem!important}.blog-index .blog-card__description{display:none}}