/* Blog index + posts */
.bl-head{background:linear-gradient(180deg,#f4f7fa 0%,#fff 100%);padding:2.5rem 0 1.5rem}
@media(min-width:768px){.bl-head{padding:3.5rem 0 2rem}}
.bl-crumbs{font-size:.85rem;color:hsl(var(--muted-foreground))}
.bl-crumbs a{color:#1d7fb0;text-decoration:none}
.bl-crumbs a:hover{text-decoration:underline}
.bl-wrap{max-width:46rem;margin:0 auto}
.bl-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.bl-chip{display:inline-block;padding:.2rem .65rem;border-radius:9999px;background:rgba(41,169,225,.12);color:#13618a;font-size:.75rem;font-weight:600}
.bl-h1{margin:.75rem 0 0;font-size:2rem;line-height:1.15;font-weight:800;color:#162B40;letter-spacing:-.01em}
@media(min-width:768px){.bl-h1{font-size:2.75rem}}
.bl-meta{margin-top:.9rem;font-size:.9rem;color:hsl(var(--muted-foreground))}
.bl-figure{max-width:46rem;margin:1.5rem auto 0;border-radius:1rem;overflow:hidden;box-shadow:0 12px 30px -12px rgba(22,43,64,.35);background:#162B40}
.bl-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.bl-body{max-width:46rem;margin:2.5rem auto 0;color:#1f2d3d;font-size:1.0625rem;line-height:1.75}
.bl-body>*+*{margin-top:1.1rem}
.bl-body h2{margin-top:2.5rem;font-size:1.6rem;line-height:1.25;font-weight:800;color:#162B40}
.bl-body h3{margin-top:1.9rem;font-size:1.25rem;line-height:1.3;font-weight:700;color:#162B40}
.bl-body h2+*,.bl-body h3+*{margin-top:.6rem}
.bl-body a{color:#1d7fb0;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bl-body ul,.bl-body ol{padding-left:1.4rem}
.bl-body ul{list-style:disc}.bl-body ol{list-style:decimal}
.bl-body li+li{margin-top:.45rem}
.bl-body li::marker{color:#29A9E1}
.bl-body img{display:block;width:100%;height:auto;border-radius:.75rem;margin:1.75rem 0}
.bl-body p:has(>img:only-child){margin:0}
.bl-body table{width:100%;border-collapse:collapse;font-size:.92rem;display:block;overflow-x:auto}
.bl-body th,.bl-body td{border:1px solid hsl(var(--border));padding:.6rem .7rem;text-align:left;vertical-align:top}
.bl-body thead th,.bl-body tr:first-child th{background:#162B40;color:#fff}
.bl-body tbody tr:nth-child(even) td{background:#f7f9fb}
.bl-cta{max-width:46rem;margin:3rem auto 0;background:#162B40;color:#fff;border-radius:1.25rem;padding:2rem}
.bl-cta h2{margin:0;font-size:1.5rem;font-weight:800;color:#fff}
.bl-cta p{margin-top:.5rem;color:rgba(255,255,255,.85)}
.bl-cta .bl-btns{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}
.bl-btn{display:inline-flex;align-items:center;height:2.9rem;padding:0 1.4rem;border-radius:9999px;font-weight:700;font-size:.95rem;text-decoration:none}
.bl-btn--sky{background:#29A9E1;color:#0b2030}
.bl-btn--sky:hover{background:#4bb8e8}
.bl-btn--ghost{border:2px solid rgba(255,255,255,.7);color:#fff}
.bl-btn--ghost:hover{background:rgba(255,255,255,.1)}
.bl-author{max-width:46rem;margin:2rem auto 0;display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;border:1px solid hsl(var(--border));border-radius:1rem}
.bl-avatar{flex:none;width:3rem;height:3rem;border-radius:9999px;background:#162B40;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.bl-author p{margin:.25rem 0 0;font-size:.9rem;color:hsl(var(--muted-foreground))}
.bl-author a{color:#1d7fb0;font-weight:600}
.bl-disclosure{max-width:46rem;margin:1.25rem auto 0;font-size:.8rem;color:hsl(var(--muted-foreground))}
.bl-grid{display:grid;gap:1.5rem;max-width:72rem;margin:0 auto}
@media(min-width:640px){.bl-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.bl-grid{grid-template-columns:repeat(3,1fr)}}
.bl-card{display:flex;flex-direction:column;background:#fff;border:1px solid hsl(var(--border));border-radius:1rem;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(22,43,64,.06);transition:box-shadow .2s,transform .2s}
.bl-card:hover{box-shadow:0 14px 30px -12px rgba(22,43,64,.3);transform:translateY(-2px)}
.bl-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#162B40}
.bl-card-body{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;flex:1}
.bl-card-title{font-size:1.1rem;font-weight:700;line-height:1.35;color:#162B40}
.bl-card-ex{font-size:.92rem;color:hsl(var(--muted-foreground));line-height:1.55}
.bl-card-foot{margin-top:auto;padding-top:.5rem;font-size:.8rem;color:hsl(var(--muted-foreground))}
.bl-card-more{color:#1d7fb0;font-weight:700;font-size:.9rem}
.bl-feature{display:grid;gap:0;max-width:72rem;margin:0 auto 2rem;background:#fff;border:1px solid hsl(var(--border));border-radius:1.25rem;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(22,43,64,.06)}
@media(min-width:900px){.bl-feature{grid-template-columns:1.2fr 1fr}}
.bl-feature img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.bl-feature .bl-card-body{padding:1.75rem}
.bl-feature .bl-card-title{font-size:1.5rem}
.bl-related{max-width:72rem;margin:0 auto}
.bi-hero{min-height:26rem;display:flex;align-items:center}
@media(min-width:768px){.bi-hero{min-height:32rem}}
.bi-hero .container{position:relative}
.bi-crumbs{font-size:.85rem;color:rgba(255,255,255,.8)}
.bi-crumbs a{color:#fff;text-decoration:none;font-weight:600}
.bi-crumbs a:hover{text-decoration:underline}
.bi-h1{margin:1rem 0 0;max-width:42rem;font-size:2.4rem;line-height:1.1;font-weight:800;letter-spacing:-.02em}
@media(min-width:768px){.bi-h1{font-size:3.5rem}}
.bi-sub{margin:1.25rem 0 0;max-width:38rem;font-size:1.125rem;line-height:1.6}
.bi-hero .bl-btn{margin-top:2rem;height:3.2rem;padding:0 1.75rem;font-size:1rem}
.bi-intro{max-width:72rem;margin:0 auto}
.bi-h2{margin:0;font-size:1.9rem;line-height:1.2;font-weight:800;color:#162B40;letter-spacing:-.01em}
@media(min-width:768px){.bi-h2{font-size:2.4rem}}
.bi-lead{margin-top:1rem;max-width:48rem;font-size:1.0625rem;line-height:1.7;color:hsl(var(--muted-foreground))}
.bi-lead a{color:#1d7fb0;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bi-topics{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem}
.bi-topic{appearance:none;cursor:pointer;font:inherit;font-size:.9rem;font-weight:600;padding:.5rem 1.1rem;border-radius:9999px;border:1.5px solid hsl(var(--border));background:#fff;color:#162B40;transition:border-color .15s,background-color .15s,color .15s}
.bi-topic:hover{border-color:#29A9E1;color:#13618a}
.bi-topic[aria-pressed="true"]{background:#162B40;border-color:#162B40;color:#fff}
.bi-topic span{opacity:.6;font-weight:500;margin-left:.3rem}
.bi-grid{display:grid;gap:2rem;max-width:72rem;margin:2.5rem auto 0}
@media(min-width:768px){.bi-grid{grid-template-columns:repeat(2,1fr)}}
.bi-card{display:flex;flex-direction:column;background:#fff;border:1px solid hsl(var(--border));border-radius:1.5rem;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 18px -8px rgba(22,43,64,.18);transition:box-shadow .2s,transform .2s}
.bi-card:hover{box-shadow:0 22px 40px -18px rgba(22,43,64,.4);transform:translateY(-3px)}
.bi-card[hidden]{display:none}
.bi-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#162B40}
.bi-card-body{display:flex;flex-direction:column;gap:.7rem;padding:1.6rem;flex:1}
@media(min-width:768px){.bi-card-body{padding:2rem}}
.bi-cat{align-self:flex-start;padding:.3rem .75rem;border-radius:9999px;background:rgba(41,169,225,.12);color:#13618a;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.bi-meta{font-size:.85rem;color:hsl(var(--muted-foreground))}
.bi-title{font-size:1.35rem;line-height:1.3;font-weight:800;color:#162B40}
@media(min-width:768px){.bi-title{font-size:1.5rem}}
.bi-card:hover .bi-title{color:#1d7fb0}
.bi-ex{font-size:.98rem;line-height:1.6;color:hsl(var(--muted-foreground))}
.bi-more{margin-top:auto;padding-top:.5rem;color:#1d7fb0;font-weight:700}
.bi-more::after{content:" →";transition:margin .15s}
.bi-card:hover .bi-more::after{margin-left:.25rem}
.bi-empty{max-width:72rem;margin:2rem auto 0;color:hsl(var(--muted-foreground))}