.blog-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}.article-hero{background:var(--surface-light-alt);padding:calc(52px * var(--s)) 0 calc(34px * var(--s));border-bottom:1px solid var(--border-light)}.article-hero .crumb{color:var(--text-on-light-muted);margin-bottom:18px}.article-hero .crumb a{color:var(--text-on-light-muted);text-decoration:none}.article-hero .crumb a:hover{color:var(--accent-red)}.article-hero .crumb b{color:var(--text-on-light-primary);font-weight:var(--fw-medium)}.article-hero .crumb i{opacity:.5;font-style:normal}.blog-eyebrow{margin:0 0 14px;font:var(--fw-semibold) var(--fs-eyebrow) var(--font-display);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--accent-red)}.blog-eyebrow a{color:var(--accent-red);text-decoration:none}.blog-eyebrow a:hover{text-decoration:underline}.blog-h1{margin:0;font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:none;letter-spacing:-.01em;line-height:1.12;font-size:clamp(2rem,4vw,3rem);color:var(--text-on-light-primary);max-width:22ch;text-wrap:pretty}.glance{margin:22px 0 0;max-width:64ch;border-left:4px solid var(--accent-red);padding:2px 0 2px 18px}.glance-label{display:block;margin-bottom:6px;font:var(--fw-semibold) .72rem var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-red)}.glance p{margin:0;font:var(--fw-regular) 1.1rem/1.6 var(--font-body);color:var(--text-on-light-primary)}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;font:var(--fs-body-sm) var(--font-body);color:var(--text-on-light-muted)}.blog-meta .dot{opacity:.55}.cover-wrap{background:var(--surface-light-alt);padding-bottom:10px}.cover-frame{position:relative;width:100%;aspect-ratio:16 / 8;overflow:hidden;border-radius:var(--radius-xl);background:var(--navy-100)}.cover-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.body-grid{display:grid;grid-template-columns:1fr;gap:0;padding-top:calc(48px * var(--s));padding-bottom:calc(56px * var(--s))}.toc-cell{display:none}@media(min-width:1024px){.body-grid{grid-template-columns:268px minmax(0,1fr);gap:56px}.toc-cell{display:block;position:sticky;top:24px;align-self:start}}.article-col{min-width:0;max-width:760px}.blog-toc{padding:24px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface-light-alt)}.blog-toc>p{margin:0 0 14px;font:var(--fw-semibold) var(--fs-eyebrow) var(--font-display);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-on-light-muted)}.blog-toc>div{display:flex;flex-direction:column;gap:2px}.blog-toc .toc-l{display:block;padding:9px 13px;border-left:2px solid transparent;border-radius:0 8px 8px 0;text-decoration:none;color:var(--text-on-light-secondary);font:var(--fw-medium) var(--fs-body-sm)/1.45 var(--font-body);transition:color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.blog-toc .toc-l:hover{color:var(--text-on-light-primary)}.blog-toc .toc-l.on{border-left-color:var(--accent-red);background:#ba22261a;color:var(--text-on-light-primary);font-weight:var(--fw-semibold)}.readbar{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--gradient-red-sweep);z-index:60;pointer-events:none}@media(prefers-reduced-motion:reduce){.readbar{transition:none}}.tagrow{margin-top:36px;display:flex;flex-wrap:wrap;gap:8px}.tagrow .tag{padding:5px 13px;border-radius:var(--radius-pill);background:var(--gray-100);color:var(--text-on-light-secondary);font:var(--fs-body-sm) var(--font-body)}.cta-card{margin-top:40px;padding:32px 34px;border-radius:var(--radius-xl);background:var(--surface-dark);border-left:4px solid var(--accent-red);box-shadow:var(--shadow-card-dark)}.cta-card h2{margin:0 0 8px;font-size:1.5rem;font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);color:var(--white)}.cta-card p{margin:0 0 20px;font:var(--fs-body)/1.6 var(--font-body);color:var(--text-on-dark-secondary)}.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.ring{margin-top:40px;padding-top:26px;border-top:1px solid var(--border-light);display:grid;grid-template-columns:1fr 1fr;gap:16px}.ring a{display:block;padding:18px 20px;border:1px solid var(--border-light);border-radius:var(--radius-lg);text-decoration:none;background:var(--surface-light);transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.ring a:hover{border-color:#ba222661;box-shadow:var(--shadow-md)}.ring span{display:block;margin-bottom:6px;font:var(--fw-semibold) var(--fs-eyebrow) var(--font-display);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-on-light-muted)}.ring strong{font:var(--fw-semibold) 1rem/1.4 var(--font-body);color:var(--text-on-light-primary)}.ring .is-next{text-align:right}@media(max-width:720px){.ring{grid-template-columns:1fr}.ring .is-next{text-align:left}}.blog-prose{font:var(--fw-regular) 1.0625rem/1.75 var(--font-body);color:var(--text-on-light-secondary)}.blog-prose>*:first-child{margin-top:0}.blog-prose h2{margin:3rem 0 1.1rem;font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:none;letter-spacing:-.005em;line-height:1.25;font-size:1.7rem;color:var(--text-on-light-primary)}.blog-prose h3{margin:2.2rem 0 .9rem;font-family:var(--font-display);font-weight:var(--fw-semibold);text-transform:none;letter-spacing:0;line-height:1.3;font-size:1.28rem;color:var(--text-on-light-primary)}.blog-prose p{margin:0 0 1.3rem}.blog-prose a{color:var(--accent-blue);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#0d7dff6b}.blog-prose a:hover{color:var(--accent-blue-active);text-decoration-color:var(--accent-blue-active)}.blog-prose strong{font-weight:var(--fw-semibold);color:var(--text-on-light-primary)}.blog-prose ul{margin:1.4rem 0;padding-left:0;list-style:none}.blog-prose ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}.blog-prose ul li:before{content:"";position:absolute;left:0;top:.78rem;width:9px;height:2px;background:var(--accent-red)}.blog-prose ol{margin:1.4rem 0;padding-left:1.5rem}.blog-prose ol li{margin-bottom:.5rem;padding-left:.25rem}.blog-prose ol li::marker{color:var(--accent-red);font-weight:var(--fw-semibold)}.blog-prose img{display:block;width:100%;height:auto;margin:2.2rem 0;border-radius:var(--radius-lg)}.blog-prose blockquote{margin:2rem 0;padding:1.2rem 1.6rem;background:var(--surface-light-alt);border-left:4px solid var(--accent-red);border-radius:0 12px 12px 0;font-style:italic}.blog-prose hr{margin:3rem 0;border:0;height:1px;background:var(--border-light)}.hub-hero{background:var(--gradient-hero-dark);padding:calc(80px * var(--s)) 0 calc(60px * var(--s))}.hub-hero .crumb{color:var(--text-on-dark-secondary);margin-bottom:20px}.hub-hero .crumb a{color:var(--text-on-dark-secondary);text-decoration:none}.hub-hero .crumb a:hover{color:var(--white)}.hub-hero .crumb b{color:var(--white);font-weight:var(--fw-medium)}.hub-hero .crumb i{opacity:.5;font-style:normal}.hub-h1{margin:0 0 18px;font-weight:var(--fw-bold);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-size:clamp(2.4rem,4.4vw,3.8rem);color:var(--white);max-width:18ch}.hub-lead{margin:0;max-width:62ch;font:var(--fs-body-lg)/1.7 var(--font-body);color:var(--text-on-dark-secondary)}.hub-lead p{margin:0 0 16px}.hub-lead p:last-child{margin-bottom:0}.hub-body{background:var(--surface-light);padding:calc(64px * var(--s)) 0 calc(88px * var(--s))}.hub-intro{max-width:68ch;margin:0 0 30px}.hub-intro p{margin:0;font:var(--fs-body-lg)/1.75 var(--font-body);color:var(--text-on-light-secondary)}.hub-close{max-width:68ch;margin:calc(52px * var(--s)) 0 0;padding-top:26px;border-top:1px solid var(--border-light);font:var(--fs-body)/1.75 var(--font-body);color:var(--text-on-light-secondary)}.hub-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px;padding:0 0 26px;border-bottom:1px solid var(--border-light)}.hub-filters a{padding:9px 18px;border:1px solid var(--border-light);border-radius:var(--radius-pill);background:var(--surface-light-alt);text-decoration:none;color:var(--text-on-light-secondary);font:var(--fw-medium) var(--fs-body-sm) var(--font-body);transition:border-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.hub-filters a:hover{border-color:#ba222661;color:var(--text-on-light-primary)}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}@media(max-width:1024px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hub-grid{grid-template-columns:1fr}}.pcard{display:flex;flex-direction:column;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-light);transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#ba22264d}.pcard-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--navy-100)}.pcard-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pcard-in{display:flex;flex-direction:column;flex:1;padding:22px 24px 26px}.pcard-cat{margin:0 0 10px;font:var(--fw-semibold) var(--fs-eyebrow) var(--font-display);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--accent-red)}.pcard-cat a{color:var(--accent-red);text-decoration:none}.pcard-cat a:hover{text-decoration:underline}.pcard h2{margin:0 0 10px;font-family:var(--font-display);font-weight:var(--fw-semibold);text-transform:none;letter-spacing:0;line-height:1.28;font-size:1.22rem}.pcard h2 a{color:var(--text-on-light-primary);text-decoration:none}.pcard h2 a:hover{color:var(--accent-red)}.pcard p{margin:0 0 18px;font:var(--fs-body-sm)/1.65 var(--font-body);color:var(--text-on-light-secondary)}.pcard-foot{margin-top:auto;display:flex;align-items:center;gap:9px;font:var(--fs-caption) var(--font-body);color:var(--text-on-light-muted)}.pcard-foot .dot{opacity:.55}@media(max-width:720px){.article-hero{padding-top:calc(36px * var(--s))}.cta-card{padding:26px 22px}.cta-actions .dsbtn{width:100%}}
