/* blog (blogkit, 11 Oct 2026): text sits on solid colour only, never on photos */
.blog-hero{background:var(--navy2)}
.blog-hero .wrap{min-height:0!important;padding-bottom:56px}
.blog-hero h1{max-width:22ch;font-size:clamp(2.2rem,5.6vw,3.9rem)}
.blog-hero .lede{max-width:60ch;color:#e9edf3;font-size:1.05rem;margin-top:14px}
.blog-hero .crumbs{font-size:.78rem;color:#cfd5df;margin-bottom:12px}.blog-hero .crumbs a{color:var(--champ);text-decoration:none}
.bmeta{font-size:.8rem;letter-spacing:.04em;color:var(--champ);margin-top:16px}
.bwrap{max-width:780px;margin:0 auto;padding:0 20px}
.bfig{margin:0 0 28px}.bfig img{display:block;width:100%;height:auto;border-radius:var(--r);box-shadow:var(--shadow,0 10px 30px -18px rgba(0,0,0,.4))}
.bfig figcaption{font-size:.78rem;color:var(--muted);margin-top:8px;line-height:1.5}.bfig figcaption a{color:inherit}
.bprose{font-size:1.04rem;line-height:1.78;color:var(--ink)}
.bprose h2{font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.15;margin:46px 0 12px}
.bprose h3{font-size:1.3rem;margin:28px 0 8px}
.bprose p,.bprose ul,.bprose ol{margin:0 0 16px}.bprose ul,.bprose ol{padding-left:22px}.bprose li{margin:6px 0}
.bprose a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.bprose table{width:100%;border-collapse:collapse;font-size:.93rem;margin:18px 0 22px;background:#fff;border-radius:var(--r);overflow:hidden}
.bprose th,.bprose td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 22px}.tscroll table{margin:0}
@media(max-width:600px){.bprose th,.bprose td{padding:9px 9px;font-size:.86rem}.bprose th{letter-spacing:.04em;font-size:.68rem}}
.bprose th{background:var(--navy);color:var(--champ);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.bprose blockquote{margin:22px 0;padding:16px 20px;background:var(--ivory);border-left:3px solid var(--gold);border-radius:0 var(--r) var(--r) 0;font-size:.98rem}
.bprose blockquote p:last-child{margin:0}
.bprose .answer{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin:0 0 26px}
.bcta{margin:30px 0;padding:24px;border-radius:var(--r);background:var(--navy);color:#eef1f5}
.bcta p{margin:0 0 14px;color:#eef1f5}.bcta .btn{margin:4px 8px 4px 0}
.bsources{margin-top:46px;padding-top:22px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}
.bsources h2{font-size:1.4rem;margin:0 0 10px;color:var(--ink)}.bsources a{color:var(--navy);word-break:break-word}
.bupd{font-size:.82rem;color:var(--muted);margin-top:18px}
.bcards{display:grid;gap:24px}@media(min-width:760px){.bcards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.bcards{grid-template-columns:repeat(3,1fr)}}
.bcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.bcard img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
.bcard .in{padding:18px 20px 22px}.bcard h2{font-size:1.5rem;line-height:1.2;margin:6px 0 10px}.bcard h2 a{color:var(--ink);text-decoration:none}
.bcard p{font-size:.92rem;color:var(--muted);margin:0 0 12px}.bcard .more{font-weight:600;font-size:.85rem;color:var(--navy)}
