/* Extensions using the existing visual language. */
.seo-content-section::before{content:"UP"}.skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:white;color:#10275a;z-index:1000}.skip-link:focus{top:16px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px 0}.guide-card{background:#f6f7fb;border:1px solid #e6e9f0;border-radius:24px;padding:32px}.guide-card h2,.guide-card h3{font-size:1.5rem;line-height:1.3;margin:18px 0}.guide-card h2 a,.guide-card h3 a{color:inherit;text-decoration:none}.guide-link{font-weight:700;color:#315ee7}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;font-size:.9rem}.breadcrumbs a{color:#315ee7}.article-width{max-width:880px}.article-shell,.guide-index{padding-top:140px}.article-shell h1,.guide-index h1{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.12;letter-spacing:-.04em}.guide-intro{font-size:1.15rem;color:#59677e;max-width:820px}.article-meta{font-size:.88rem;color:#66748b}.article-toc,.article-cta{background:#f6f7fb;border-radius:24px;padding:28px;margin:32px 0}.article-toc a{color:#10275a}.article-body section{scroll-margin-top:110px;margin:38px 0}.article-body h2{font-size:1.7rem;line-height:1.3}.article-body p{font-size:1.08rem;line-height:1.85}.guide-card a:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #315ee7;outline-offset:4px}@media(max-width:820px){.guide-grid{grid-template-columns:1fr}.guide-card{padding:24px}.article-shell,.guide-index{padding-top:110px}.article-toc,.article-cta{padding:22px}.article-body p{font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Blog: same navy, violet, blue and cyan palette as the commercial site. */
.blog-hero{position:relative;overflow:hidden;padding:128px 0 66px;background:radial-gradient(circle at 95% 8%,rgba(2,199,242,.12),transparent 34%),radial-gradient(circle at 65% 100%,rgba(113,59,255,.10),transparent 45%),#f4f7fc;border-bottom:1px solid var(--line)}
.blog-hero h1{max-width:850px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.07;letter-spacing:-.055em;margin:22px 0;color:var(--navy)}
.blog-hero h1 em{font-style:normal;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.blog-hero>.container>p{max-width:690px;font-size:1.17rem;color:var(--muted)}
.blog-topics{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.blog-topics span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:.82rem;color:var(--navy);font-weight:650}
.blog-content{padding-top:48px}.blog-featured{display:grid;grid-template-columns:1.08fr 1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 18px 60px rgba(16,39,90,.08);margin-bottom:72px}.blog-featured-image{display:flex;background:var(--navy);overflow:hidden}.blog-featured-image img{width:100%;height:100%;min-height:360px;object-fit:cover;transition:transform .35s}.blog-featured-image:hover img{transform:scale(1.03)}.blog-featured-copy{padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:17px}.blog-featured-copy h2{font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.2;letter-spacing:-.035em;margin:0;color:var(--navy)}.blog-featured-copy p{margin:0;color:var(--muted)}
.blog-tag{display:inline-flex;align-items:center;max-width:100%;padding:7px 12px;border-radius:999px;background:#eef2ff;color:#5937bb;font-size:.74rem;font-weight:800;letter-spacing:.035em}.blog-list-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:18px}.blog-list-heading h2{font-size:2rem;line-height:1.2;margin:12px 0 0;color:var(--navy)}.blog-controls{display:flex;gap:12px}.blog-controls label{display:grid;gap:6px;font-size:.75rem;font-weight:700;color:var(--muted)}.blog-controls input,.blog-controls select{font:inherit;font-size:.9rem;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:10px 12px;max-width:100%;width:100%}.blog-controls input{min-width:245px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:28px 0}.blog-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:23px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(16,39,90,.09)}.blog-card-cover{display:block;overflow:hidden;background:var(--navy)}.blog-card-cover img{width:100%;height:auto;aspect-ratio:12/7;object-fit:cover}.blog-card-body{padding:25px;display:flex;flex-direction:column;flex:1;align-items:flex-start}.blog-card h2,.blog-card h3{font-size:1.32rem;line-height:1.3;letter-spacing:-.025em;color:var(--navy);margin:18px 0 12px}.blog-card p{font-size:.94rem;color:var(--muted);margin:0 0 25px}.blog-card-footer{width:100%;border-top:1px solid var(--line);padding-top:17px;margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.75rem;color:var(--muted)}.blog-card-footer a{font-weight:800;color:var(--blue)}.blog-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}
.blog-banner{margin-top:64px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:44px;border-radius:28px;background:var(--gradient);color:#fff}.blog-banner h2{color:#fff;font-size:2rem;line-height:1.2;max-width:650px;margin:15px 0}.blog-banner p{max-width:650px;color:rgba(255,255,255,.86)}.blog-banner .button{flex-shrink:0}.blog-empty{padding:32px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
.article-hero{padding:125px 0 0;background:linear-gradient(180deg,#f4f7fc,#fff)}.article-hero h1{font-size:clamp(2.15rem,4vw,3.5rem);line-height:1.13;letter-spacing:-.04em;margin:22px 0;color:var(--navy)}.article-hero .guide-intro{line-height:1.7}.article-cover{width:100%;height:auto;border-radius:26px;margin:32px 0 0;aspect-ratio:12/7}.news-reference{font-size:.84rem;color:var(--muted);border-left:3px solid var(--blue);padding-left:14px}.article-content{padding-top:15px;padding-bottom:55px}.article-body p,.article-body li{color:#46536b}.article-body li{margin-bottom:12px;line-height:1.8}.article-body a,.article-sources a,.article-toc a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-toc ol{display:grid;gap:9px;padding-left:22px}.article-takeaway{padding:34px;border:1px solid #ded8ff;border-radius:24px;background:linear-gradient(120deg,#f4f0ff,#edf6ff);margin:44px 0}.article-takeaway h2{font-size:1.8rem;line-height:1.2;color:var(--navy)}.article-sources{border-top:1px solid var(--line);padding-top:25px;margin:35px 0}.article-sources h2{font-size:1.3rem}.article-sources p{font-size:.88rem;color:var(--muted)}.article-sources li{margin-bottom:12px;overflow-wrap:anywhere}.blog-related{background:var(--soft)}
[hidden]{display:none!important}
@media(max-width:1050px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured-copy{padding:28px}.blog-list-heading{align-items:flex-start;flex-direction:column}.blog-controls{width:100%}.blog-controls label:first-child{flex:1}.blog-featured-image img{min-height:330px}}
@media(max-width:820px){.blog-hero{padding-top:110px}.blog-featured{grid-template-columns:1fr;margin-bottom:48px}.blog-featured-image img{height:auto;min-height:0;aspect-ratio:12/7}.blog-banner{align-items:flex-start;flex-direction:column;padding:30px}.blog-controls input{min-width:0}.article-hero{padding-top:105px}.blog-featured-copy{padding:28px}.article-takeaway{padding:25px}.blog-grid-two{grid-template-columns:1fr}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-controls{flex-direction:column}.blog-controls select{width:100%}.blog-hero{padding-bottom:40px}.blog-content{padding-top:32px}.blog-card-body{padding:24px}.blog-banner h2{font-size:1.65rem}.article-cover{border-radius:18px}.blog-featured{border-radius:22px}.blog-featured-copy h2{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-featured-image img{transition:none}.blog-card:hover,.blog-featured-image:hover img{transform:none}}
