:root{--blog-navy:var(--navy,#13233F);--blog-navy-2:var(--navy-700,#1C2F4C);--blog-gold:var(--gold,#C48E2E);--blog-gold-soft:var(--gold-soft,oklch(0.93 0.055 84));--blog-cream:var(--cream,oklch(0.985 0.008 86));--blog-ink:var(--ink,oklch(0.25 0.028 256));--blog-muted:var(--muted,oklch(0.52 0.020 256));--blog-line:var(--line,oklch(0.905 0.010 80));--blog-card:var(--card,#fff);--blog-shadow:var(--sh-2,0 18px 48px rgba(16,35,63,.10));--blog-r:var(--r-lg,20px);--blog-sans:var(--sans);--blog-display:var(--serif)}
*{box-sizing:border-box}
body.blog-page,body.article-page{margin:0;background:var(--blog-cream);color:var(--blog-ink);font-family:var(--blog-sans);line-height:1.8}
.blog-consult,.article-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--blog-gold);color:#172033!important;text-decoration:none;border-radius:999px;padding:11px 20px;font-weight:700;white-space:nowrap}
.blog-hero{background:linear-gradient(135deg,var(--blog-navy) 0%,var(--blog-navy-2) 70%,#214b78 100%);color:#fff;padding:76px 20px 84px;position:relative;overflow:hidden}
.blog-hero::after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(201,155,62,.25);border-radius:50%;inset:auto -120px -210px auto;box-shadow:0 0 0 70px rgba(201,155,62,.05),0 0 0 140px rgba(201,155,62,.03)}
.blog-hero-inner{width:min(1000px,100%);margin:auto;position:relative;z-index:1;text-align:center}
.blog-kicker{display:inline-block;color:#edc870;font-weight:700;margin-bottom:12px;letter-spacing:.04em}
.blog-hero h1{font-family:var(--blog-display);font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.35;margin:0 0 16px;color:#fff}
.blog-hero p{max-width:680px;margin:0 auto;color:#dce4ef;font-size:1.08rem}
.blog-main{width:min(1180px,calc(100% - 36px));margin:-34px auto 80px;position:relative;z-index:3}
.blog-tools{background:#fff;border:1px solid var(--blog-line);border-radius:18px;padding:16px;box-shadow:var(--blog-shadow);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.blog-search{position:relative;flex:1 1 280px}
.blog-search svg{position:absolute;right:15px;top:50%;width:20px;transform:translateY(-50%);color:var(--blog-muted)}
.blog-search input{width:100%;border:1.5px solid var(--blog-line);border-radius:12px;padding:13px 46px 13px 14px;background:#fafafa;font:inherit}
.blog-search input:focus{outline:none;border-color:var(--blog-gold);background:#fff}
.blog-tag-filter{display:flex;gap:8px;overflow:auto;padding-bottom:2px;scrollbar-width:none}
.blog-tag-filter::-webkit-scrollbar{display:none}
.blog-filter{border:1px solid var(--blog-line);background:#fff;color:var(--blog-muted);padding:9px 14px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.blog-filter.active,.blog-filter:hover{background:var(--blog-navy);border-color:var(--blog-navy);color:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}
.blog-card{background:var(--blog-card);border:1px solid var(--blog-line);border-radius:var(--blog-r);overflow:hidden;box-shadow:0 8px 30px rgba(16,35,63,.06);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;min-height:100%}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--blog-shadow)}
.blog-card-cover{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#dbe4ef,#f4ead6);overflow:hidden}
.blog-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.blog-card:hover .blog-card-cover img{transform:scale(1.035)}
.blog-card-placeholder{height:100%;display:grid;place-items:center;color:var(--blog-navy);font-family:var(--blog-display);font-size:1.5rem}
.blog-card-body{padding:21px;display:flex;flex-direction:column;flex:1}
.blog-card-meta{display:flex;align-items:center;gap:8px;color:var(--blog-muted);font-size:.82rem;margin-bottom:10px}
.blog-card h2{font-family:var(--blog-display);font-size:1.17rem;line-height:1.65;margin:0 0 9px;color:var(--blog-ink)}
.blog-card h2 a{color:inherit;text-decoration:none}
.blog-card p{color:var(--blog-muted);margin:0 0 18px;font-size:.94rem;line-height:1.7}
.blog-card-tags,.article-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.blog-card-tag,.article-tag{font-size:.78rem;text-decoration:none;color:#815f1e;background:var(--blog-gold-soft);border-radius:999px;padding:5px 10px;font-weight:600}
.blog-empty{grid-column:1/-1;text-align:center;padding:76px 20px;background:#fff;border:1px dashed #ccd2da;border-radius:var(--blog-r);color:var(--blog-muted)}
.blog-empty strong{display:block;color:var(--blog-ink);font-family:var(--blog-display);font-size:1.25rem;margin-bottom:7px}


.article-shell{width:min(1100px,calc(100% - 36px));margin:0 auto;padding:34px 0 80px}
.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--blog-muted);font-size:.86rem;overflow:hidden;white-space:nowrap;margin-bottom:42px}
.breadcrumbs a{color:var(--blog-navy-2);text-decoration:none}.breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis}
.article-hero{max-width:880px;margin:0 auto 34px;text-align:center}
.article-meta{display:flex;justify-content:center;gap:9px;color:var(--blog-muted);font-size:.9rem;margin-bottom:13px}
.article-hero h1{font-family:var(--blog-display);font-size:clamp(2rem,5vw,3.5rem);line-height:1.45;margin:0 0 18px;color:var(--blog-navy)}
.article-deck{font-size:1.15rem;color:var(--blog-muted);max-width:760px;margin:0 auto 20px}
.article-tags{justify-content:center}
.article-cover{margin:34px 0 48px;border-radius:26px;overflow:hidden;box-shadow:var(--blog-shadow);background:#e9edf2;aspect-ratio:16/8.7}
.article-cover img{width:100%;height:100%;display:block;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:52px;align-items:start;justify-content:center}
.article-body{font-size:1.08rem;line-height:2;color:#243047;min-width:0}
.article-body p{margin:0 0 1.35em}.article-body h2,.article-body h3,.article-body h4{font-family:var(--blog-display);color:var(--blog-navy);line-height:1.55;margin:2em 0 .65em}.article-body h2{font-size:1.65rem}.article-body h3{font-size:1.3rem}.article-body ul,.article-body ol{padding-inline-start:24px;margin:0 0 1.4em}.article-body li{margin-bottom:.45em}.article-body blockquote{margin:1.6em 0;padding:18px 22px;border-right:4px solid var(--blog-gold);background:var(--blog-gold-soft);border-radius:12px;color:#59451e}.article-body a{color:#145da0;text-underline-offset:3px}.article-body pre{direction:ltr;text-align:left;overflow:auto;background:#111b2b;color:#e5edf7;padding:18px;border-radius:14px}.article-body code{font-family:ui-monospace,monospace}
.article-aside{position:sticky;top:104px;background:var(--blog-navy);color:#e7edf5;border-radius:18px;padding:23px;box-shadow:var(--blog-shadow)}
.article-aside strong{display:block;font-family:var(--blog-display);font-size:1.06rem;color:#fff}.article-aside p{font-size:.9rem;color:#c7d2e1;line-height:1.7}.article-aside .article-cta{width:100%}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-nav nav{display:none}.blog-consult{margin-inline-start:auto}.article-layout{grid-template-columns:1fr}.article-aside{position:static;max-width:520px}}
@media(max-width:640px){.blog-nav{width:min(100% - 24px,1180px);min-height:66px}.blog-brand img{height:45px}.blog-consult{padding:9px 14px;font-size:.85rem}.blog-hero{padding:58px 18px 68px}.blog-main{width:min(100% - 24px,1180px);margin-top:-26px}.blog-grid{grid-template-columns:1fr;gap:18px}.blog-tools{padding:12px}.article-shell{width:min(100% - 26px,1100px);padding-top:24px}.breadcrumbs{margin-bottom:28px}.article-cover{margin:26px 0 34px;border-radius:18px}.article-body{font-size:1rem}.article-hero{text-align:right}.article-meta,.article-tags{justify-content:flex-start}.blog-footer{grid-template-columns:1fr}.blog-footer nav{gap:14px}}