.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:28px;gap:28px}.blog-card{display:flex;flex-direction:column;height:100%;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.blog-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--cream-soft)}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.blog-card:hover .blog-card-media img{transform:scale(1.05)}.blog-card-body{display:flex;flex-direction:column;gap:10px;padding:24px 24px 26px;flex:1 1}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--ink-mute)}.blog-card-cat{background:var(--cream);color:var(--navy);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px;padding:4px 10px;border-radius:var(--radius-pill)}.blog-card h2,.blog-card h3{font-size:22px;line-height:1.25}.blog-card h2 a:hover,.blog-card h3 a:hover{color:var(--teal-600)}.blog-card p{color:var(--ink-soft);font-size:15.5px;line-height:1.65;flex:1 1}.post-hero{position:relative;background:var(--navy-grad);color:#fff;padding:clamp(48px,7vw,84px) 0 clamp(70px,9vw,110px);overflow:hidden}.post-hero-glow{position:absolute;top:-140px;right:-80px;width:520px;height:380px;background:radial-gradient(circle,var(--teal-glow),transparent 62%);filter:blur(60px);pointer-events:none}.post-hero-inner{position:relative;max-width:820px}.post-hero h1{color:#fff;font-size:clamp(30px,4.6vw,50px);margin:10px 0 16px}.post-lead{font-size:clamp(17px,2.2vw,21px);color:rgba(255,255,255,.86);max-width:640px}.post-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;font-size:14px;color:rgba(255,255,255,.7)}.post-hero .page-hero-crumb a:hover{color:var(--teal)}.post-figure-wrap{margin-top:clamp(-80px,-7vw,-50px);position:relative;z-index:2}.post-figure{max-width:900px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;border:6px solid #fff;box-shadow:var(--shadow-lg);background:var(--cream-soft)}.post-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 35%}.post-body-section{padding-top:clamp(40px,5vw,64px)}.post-layout{display:grid;grid-template-columns:240px minmax(0,760px);grid-gap:56px;gap:56px;justify-content:center;align-items:start}.post-toc{position:-webkit-sticky;position:sticky;top:110px;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px 22px;box-shadow:var(--shadow-sm)}.post-toc-title{font-family:var(--font-display);font-weight:700;color:var(--navy);margin-bottom:12px}.post-toc ol{list-style:none;display:grid;grid-gap:9px;gap:9px;counter-reset:toc}.post-toc li{counter-increment:toc;font-size:14px;line-height:1.4}.post-toc a{color:var(--ink-soft);display:flex;gap:8px}.post-toc a:before{content:counter(toc);color:var(--teal-600);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.post-toc a:hover{color:var(--navy)}.post-body .prose{margin:0}.post-faq{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}.post-faq>h2{font-family:var(--font-display);font-size:clamp(26px,3.5vw,34px);margin-bottom:22px}.post-faq-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-alt);margin-bottom:12px;overflow:hidden}.post-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;font-weight:600;color:var(--navy);list-style:none}.post-faq-item summary::-webkit-details-marker{display:none}.post-faq-item summary svg{flex-shrink:0;color:var(--teal-600);transform:rotate(90deg);transition:transform .25s var(--ease)}.post-faq-item[open] summary svg{transform:rotate(-90deg)}.post-faq-item p{padding:0 20px 18px;color:var(--ink-soft);line-height:1.7}.post-cta{margin-top:48px;background:var(--cream);border-radius:var(--radius-lg);padding:34px 32px;text-align:center}.post-cta h2{font-size:clamp(24px,3vw,30px);margin-bottom:10px}.post-cta p{color:var(--ink-soft);max-width:540px;margin:0 auto 22px;line-height:1.7}.post-related{margin-top:52px}.post-related>h2{font-size:clamp(24px,3vw,30px);margin-bottom:18px}.post-related-grid{display:grid;grid-gap:12px;gap:12px}.post-related-card{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-left:4px solid var(--card-accent,var(--teal));border-radius:var(--radius);background:var(--bg-alt);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.post-related-card:hover{transform:translateX(4px);box-shadow:var(--shadow-sm)}.post-related-card>span:nth-child(2){flex:1 1;min-width:0}.post-related-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;box-shadow:0 8px 18px color-mix(in srgb,var(--card-accent,var(--teal)) 34%,transparent);flex-shrink:0}.post-related-card strong{display:block;font-family:var(--font-display);font-size:18px;color:var(--navy)}.post-related-card em{display:block;font-style:normal;font-size:14px;color:var(--ink-mute);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-related-card>svg:last-child{color:var(--ink-mute);flex-shrink:0}@media (max-width:1060px){.post-layout{grid-template-columns:minmax(0,760px)}.post-toc{position:static;order:-1}}@media (max-width:640px){.post-figure-wrap{margin-top:-40px}.post-figure{border-width:4px}.post-cta{padding:26px 20px}}