:root{--blog-red:#b10b0a;--blog-ink:#151515;--blog-muted:#626262;--blog-line:#e7e7e7;--blog-soft:#f5f5f4;--blog-dark:#202020}
html{scroll-behavior:smooth}
.blog-page{background:#fff;color:var(--blog-ink)}
.blog-page *,.blog-page *::before,.blog-page *::after{box-sizing:border-box}
.blog-page{overflow-x:hidden}
.blog-page main{overflow:hidden}
.blog-container{width:100%;max-width:1220px;margin:0 auto;padding-inline:20px}
.blog-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:26px 0 18px;color:#747474;font-size:14px}
.blog-breadcrumbs a{color:inherit;text-decoration:none}.blog-breadcrumbs a:hover{color:var(--blog-red)}
.blog-hero{padding:18px 0 52px;background:linear-gradient(180deg,#fff 0%,#f7f7f6 100%)}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:54px;align-items:center}
.blog-eyebrow{margin-bottom:15px;color:var(--blog-red);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.blog-hero h1{max-width:800px;margin:0 0 20px;font-size:clamp(38px,4.5vw,66px);line-height:1.03;letter-spacing:-.045em}
.blog-lead{max-width:760px;margin:0 0 24px;color:#444;font-size:20px;line-height:1.55}
.blog-meta{display:flex;gap:9px 18px;flex-wrap:wrap;color:#777;font-size:14px}
.blog-meta span{display:inline-flex;align-items:center;gap:7px}.blog-meta span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blog-red)}
.blog-hero-media{overflow:hidden;border-radius:4px;background:#ddd;box-shadow:0 24px 60px rgba(0,0,0,.12)}
.blog-hero-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-layout{display:grid;grid-template-columns:260px minmax(0,780px);gap:64px;justify-content:center;min-width:0;padding:64px 0 76px}
.blog-layout>*{min-width:0}
.blog-prose{min-width:0;max-width:100%}
.blog-toc{align-self:start;position:sticky;top:105px;padding:24px;border:1px solid var(--blog-line);background:#fff}
.blog-toc strong{display:block;margin-bottom:14px;font-size:15px}.blog-toc a{display:block;padding:8px 0;border-top:1px solid #f0f0f0;color:#555;font-size:14px;line-height:1.35;text-decoration:none}.blog-toc a:hover{color:var(--blog-red)}
.blog-prose{font-size:18px;line-height:1.72}.blog-prose>p:first-child{font-size:21px;line-height:1.6;color:#333}
.blog-prose h2{scroll-margin-top:110px;margin:54px 0 18px;font-size:34px;line-height:1.18;letter-spacing:-.025em}.blog-prose h3{margin:32px 0 12px;font-size:23px;line-height:1.3}.blog-prose p{margin:0 0 20px;color:#343434}.blog-prose ul,.blog-prose ol{margin:0 0 24px;padding-left:24px}.blog-prose li{margin:8px 0;padding-left:5px}.blog-prose a{color:#8d0908;text-underline-offset:3px}
.blog-summary{margin:30px 0;padding:25px 28px;border-left:4px solid var(--blog-red);background:var(--blog-soft)}.blog-summary strong{display:block;margin-bottom:8px;font-size:19px}.blog-summary p:last-child{margin-bottom:0}
.blog-figure{margin:38px 0}.blog-figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}.blog-figure figcaption{padding-top:10px;color:#777;font-size:14px;line-height:1.45}
.blog-table-wrap{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:28px 0 34px}.blog-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}.blog-table th,.blog-table td{padding:15px 16px;border:1px solid #ddd;text-align:left;vertical-align:top}.blog-table th{background:var(--blog-dark);color:#fff;font-size:14px}.blog-table tbody tr:nth-child(even){background:#f8f8f7}
body.blog-page.kerong-unified .blog-table thead th{border-color:#3a3a3a!important;background:#202020!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px!important;font-weight:800!important;line-height:1.35!important}
.blog-checklist{counter-reset:item;display:grid;gap:12px;margin:28px 0}.blog-checklist>div{position:relative;padding:19px 20px 19px 64px;border:1px solid var(--blog-line);background:#fff}.blog-checklist>div:before{counter-increment:item;content:counter(item);position:absolute;left:18px;top:18px;width:30px;height:30px;display:grid;place-items:center;background:var(--blog-red);color:#fff;font-size:13px;font-weight:800}.blog-checklist strong{display:block;margin-bottom:4px}.blog-checklist p{margin:0;font-size:16px}
.blog-faq{margin-top:38px}.blog-faq details{border-top:1px solid var(--blog-line)}.blog-faq details:last-child{border-bottom:1px solid var(--blog-line)}.blog-faq summary{cursor:pointer;padding:20px 38px 20px 0;font-weight:750;list-style:none;position:relative}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary:after{content:"+";position:absolute;right:4px;top:17px;color:var(--blog-red);font-size:26px}.blog-faq details[open] summary:after{content:"−"}.blog-faq details p{padding:0 34px 19px 0;font-size:16px}
.blog-related{padding:68px 0;background:#f4f4f3}.blog-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.blog-section-head h2{margin:0;font-size:36px;letter-spacing:-.03em}.blog-section-head a{color:#222;text-decoration:none}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{display:flex;flex-direction:column;min-width:0;background:#fff;color:inherit;text-decoration:none;border:1px solid #e4e4e4;transition:transform .18s ease,box-shadow .18s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.09)}.blog-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card-copy{padding:22px}.blog-card small{color:var(--blog-red);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.blog-card h2,.blog-card h3{margin:10px 0 12px;font-size:23px;line-height:1.2;letter-spacing:-.02em}.blog-card p{margin:0;color:#666;line-height:1.55}.blog-card .blog-card-link{margin-top:auto;padding:0 22px 22px;color:#222;font-weight:750}
.blog-carousel-actions{display:flex;align-items:center;gap:16px}.blog-carousel-actions>a{white-space:nowrap}.blog-carousel-controls{display:flex;align-items:center;gap:8px}.blog-carousel-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d3d3d3;background:#fff;color:#202020;font:inherit;font-size:21px;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.blog-carousel-button:hover{border-color:var(--blog-red);color:var(--blog-red)}.blog-carousel-button:focus-visible{outline:3px solid rgba(177,11,10,.22);outline-offset:2px}.blog-carousel-button:disabled{opacity:.4;cursor:default}.blog-carousel-status{min-width:44px;color:#666;font-size:14px;text-align:center}.blog-carousel{position:relative;min-width:0}.blog-carousel-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#b10b0a #dededc;padding:2px 2px 18px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.blog-carousel-track::-webkit-scrollbar{height:5px}.blog-carousel-track::-webkit-scrollbar-track{background:#dededc}.blog-carousel-track::-webkit-scrollbar-thumb{background:var(--blog-red)}.blog-related .blog-card{flex:0 0 calc((100% - 20px)/2.35);scroll-snap-align:start}.blog-related .blog-card:focus-visible{outline:3px solid rgba(177,11,10,.22);outline-offset:2px}
.blog-cta{padding:72px 0;background:#1d1d1d;color:#fff}.blog-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.blog-cta h2{max-width:720px;margin:0 0 12px;font-size:38px;line-height:1.15}.blog-cta p{max-width:720px;margin:0;color:#cfcfcf;font-size:18px;line-height:1.55}.blog-cta a{flex:0 0 auto;padding:15px 24px;background:var(--blog-red);color:#fff;text-decoration:none;font-weight:800}
.blog-index-hero{padding:68px 0 52px;background:#f4f4f3}.blog-index-hero h1{max-width:900px;margin:0 0 18px;font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.05em}.blog-index-hero p{max-width:760px;margin:0;color:#4b4b4b;font-size:21px;line-height:1.55}.blog-index{padding:56px 0 80px}.blog-index .blog-grid{grid-template-columns:repeat(2,1fr)}.blog-index .blog-card h2{font-size:29px}.blog-index .blog-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.blog-index .blog-card:first-child img{height:100%;aspect-ratio:auto}.blog-index .blog-card:first-child .blog-card-copy{padding:36px}.blog-index .blog-card:first-child .blog-card-link{padding:0 36px 36px}
@media(max-width:980px){.blog-hero-grid{grid-template-columns:1fr;gap:32px}.blog-layout{grid-template-columns:1fr;gap:28px}.blog-toc{position:static}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-related .blog-card{flex-basis:calc((100% - 20px)/1.65)}.blog-index .blog-card:first-child{display:flex;grid-column:auto}.blog-index .blog-card:first-child img{aspect-ratio:16/9}.blog-index .blog-card:first-child .blog-card-copy{padding:22px}.blog-index .blog-card:first-child .blog-card-link{padding:0 22px 22px}}
@media(max-width:640px){.blog-container{width:100%;max-width:1220px;padding-inline:14px}.blog-hero{padding-bottom:36px}.blog-hero h1{font-size:38px}.blog-lead{font-size:18px}.blog-layout{width:100%;padding-top:42px;padding-bottom:54px}.blog-prose{width:100%;font-size:17px}.blog-prose>p:first-child{font-size:19px}.blog-prose h2{margin-top:42px;font-size:29px}.blog-prose h3{font-size:21px}.blog-toc{width:100%;padding:19px}.blog-grid,.blog-index .blog-grid{grid-template-columns:minmax(0,1fr)}.blog-section-head{align-items:flex-start}.blog-section-head h2{font-size:30px}.blog-carousel-actions{align-items:flex-end;flex-direction:column-reverse;gap:10px}.blog-carousel-controls{gap:6px}.blog-carousel-button{width:40px;height:40px}.blog-carousel-status{min-width:38px}.blog-related .blog-card{flex-basis:88%}.blog-index-hero{padding:48px 0 38px}.blog-index-hero h1{font-size:46px}.blog-index .blog-card h2{font-size:25px}.blog-cta-inner{display:block}.blog-cta a{display:inline-block;margin-top:24px}.blog-table{min-width:650px}.blog-meta{display:grid}.blog-breadcrumbs{font-size:13px}}
@media(prefers-reduced-motion:reduce){.blog-carousel-track{scroll-behavior:auto}.blog-card{transition:none}}

/* Blog index: every article uses the same two-column card treatment. */
.blog-card{overflow:hidden;border-radius:18px}
.blog-index .blog-card:first-child{display:flex;grid-column:auto}
.blog-index .blog-card:first-child img{height:auto;aspect-ratio:16/9}
.blog-index .blog-card:first-child .blog-card-copy{padding:22px}
.blog-index .blog-card:first-child .blog-card-link{padding:0 22px 22px}