.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:1000;background:#fff;padding:10px 14px;border-radius:12px}
.blog-page{padding:14px 0 40px}
.blog-shell{display:grid;gap:18px}
.blog-panel,.blog-index-hero,.blog-cta-panel,.blog-service-panel{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(245,249,255,.96));border:1px solid rgba(43,108,255,.16);border-radius:28px;box-shadow:0 16px 38px rgba(21,43,77,.08)}
.blog-index-hero,.blog-panel{padding:30px}.blog-cta-panel,.blog-service-panel{padding:26px}
.blog-kicker{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(43,108,255,.10);border:1px solid rgba(43,108,255,.18);color:#2b6cff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.blog-index-hero h1,.blog-panel h1{margin:0 0 10px;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.05;color:#0f172a}
.blog-intro,.blog-subintro{max-width:900px;color:#5b6b84;font-size:1.06rem;line-height:1.7;margin:0 0 18px}
.blog-badges{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.blog-badges span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(43,108,255,.16);font-weight:700;color:#21324a}
.blog-actions,.article-actions,.blog-service-actions{display:flex;flex-wrap:wrap;gap:12px}.blog-actions .btn,.article-actions .btn,.blog-service-actions .btn{min-height:50px}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 14px;color:#6c7c93;font-size:14px;font-weight:700;margin-bottom:12px}
.article-content{display:grid;gap:18px}
.article-content h2{margin:10px 0 8px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.16;color:#0f172a}
.article-content h3{margin:6px 0 6px;font-size:1.25rem;line-height:1.25;color:#163055}
.article-content p,.article-content li{font-size:1.04rem;line-height:1.76;color:#42546b}
.article-content ul,.article-content ol{margin:0;padding-left:22px}
.article-content li+li{margin-top:8px}
.article-content a{color:#2b6cff;text-decoration:underline;text-underline-offset:3px}
.article-callout,.article-note,.article-local,.article-mini-cta{padding:18px 20px;border-radius:22px}
.article-callout{background:rgba(236,245,255,.92);border:1px solid rgba(43,108,255,.18)}
.article-note{background:rgba(255,247,219,.92);border:1px solid rgba(224,182,73,.30);color:#5a4520}
.article-local{background:linear-gradient(180deg,rgba(239,246,255,.9),rgba(255,255,255,.96));border:1px solid rgba(25,118,210,.18)}
.article-local p,.article-local li{color:#42546b}
.article-mini-cta{background:linear-gradient(180deg,rgba(248,251,255,.96),rgba(255,255,255,.98));border:1px solid rgba(43,108,255,.14)}
.article-mini-cta h2,.article-local h2,.article-callout h2,.article-note h2{margin-top:0}
.related-grid,.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.related-card,.blog-card{display:flex;flex-direction:column;height:100%;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,248,255,.98));border:1px solid rgba(43,108,255,.14);box-shadow:0 12px 30px rgba(21,43,77,.06)}
.related-card .meta,.blog-card .meta{font-size:13px;font-weight:800;color:#6c7c93;margin-bottom:10px}
.related-card h3,.blog-card h3{margin:0 0 10px;font-size:1.38rem;line-height:1.18;color:#0f172a}
.related-card p,.blog-card p{margin:0 0 16px;color:#566780;line-height:1.65}
.related-card .card-actions,.blog-card .card-actions{margin-top:auto;padding-top:8px}
.related-card .card-actions .btn,.blog-card .card-actions .btn{width:100%;min-height:48px}
.blog-section-title{margin:0 0 14px;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.12;color:#0f172a}
.blog-index-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}
.blog-index-feature>div{padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,248,255,.98));border:1px solid rgba(43,108,255,.14)}
.blog-index-feature h2{margin:0 0 10px;font-size:2rem;line-height:1.1}
.blog-index-feature p{color:#5b6b84;line-height:1.7}
.blog-service-panel ul{margin:14px 0 0;padding-left:20px}.blog-service-panel li{color:#42546b;line-height:1.7}
.blog-footer-spacer{height:8px}
@media (max-width:1100px){.related-grid,.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index-feature{grid-template-columns:1fr}}
@media (max-width:768px){.blog-index-hero,.blog-panel,.blog-cta-panel,.blog-service-panel{padding:22px 16px;border-radius:22px}.related-grid,.blog-card-grid{grid-template-columns:1fr}.blog-actions,.article-actions,.blog-service-actions{flex-direction:column}.blog-actions .btn,.article-actions .btn,.blog-service-actions .btn{width:100%}}