
/* v1.4: tidy desktop and mobile navigation; no links dangling outside header */
.site-header .navrow{gap:14px;min-height:88px}
.navlinks{gap:13px;white-space:nowrap;font-size:13px}
.navlinks a{padding:9px 2px}
.navlinks .yo-fb-nav{color:#0754c5;font-weight:800}
.brand{flex-shrink:0}
.brand .real-brand-logo{width:112px;height:auto;max-height:64px;object-fit:contain}
.brand strong{font-size:20px;letter-spacing:-.7px}
.brand small{font-size:10px;letter-spacing:.8px}
.nav-cta{padding:11px 13px;font-size:13px}
@media(max-width:1280px){.navlinks{gap:9px;font-size:12px}.brand .real-brand-logo{width:93px}.brand strong{font-size:18px}.nav-cta{padding:9px 10px}}
@media(max-width:1080px){.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;padding:17px max(16px,calc((100% - 1170px)/2));box-shadow:0 15px 24px rgba(5,36,75,.15);background:#fff;flex-direction:column;align-items:stretch;gap:3px;white-space:normal;font-size:15px;max-height:70vh;overflow-y:auto}.navlinks.open{display:flex}.navlinks a{display:block;padding:11px 13px;border-radius:8px}.navlinks a:hover{background:#eff6ff}}
.yo-blog-page{background:#f5f9ff;min-height:65vh}
.yo-blog-hero{padding:60px 0 55px;background:linear-gradient(120deg,#072b61,#0c5aa9);color:white}
.yo-blog-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.3;margin:12px 0}
.yo-blog-hero p{max-width:780px;color:#d9eaff;line-height:1.7;margin:0}
.yo-blog-eyebrow,.yo-update-kicker{font-size:12px;letter-spacing:1.1px;font-weight:800;text-transform:uppercase}
.yo-blog-eyebrow{color:#93d5ff}
.yo-blog-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.yo-blog-pills a{padding:11px 16px;border-radius:30px;background:#fff;color:#092c63;font-weight:800;font-size:15px}
.yo-blog-sections{padding-top:32px;padding-bottom:70px}
.yo-update-section{background:#fff;border-radius:23px;box-shadow:0 10px 35px rgba(5,48,107,.06);padding:30px;margin:23px 0;scroll-margin-top:110px;border:1px solid #dceaf8}
.yo-update-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.yo-update-title{display:flex;align-items:center;gap:15px}
.yo-update-icon{width:56px;height:56px;display:grid;place-items:center;background:#e7f2ff;border-radius:16px;font-size:26px}
.yo-update-kicker{color:#e46c0b}
.yo-update-heading h2{font-size:clamp(23px,3vw,32px);margin:3px 0 0;color:#08285b}
.yo-all-link{color:#085bc2;font-weight:800;white-space:nowrap}
.yo-updates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.yo-update-card{background:#fbfdff;border:1px solid #dce9f7;padding:20px;border-radius:16px;display:flex;flex-direction:column;min-height:220px}
.yo-post-date{font-size:13px;color:#627c9b}
.yo-update-card h3{font-size:18px;line-height:1.5;margin:9px 0;color:#062d65;overflow-wrap:anywhere}
.yo-update-card p{font-size:14px;line-height:1.65;color:#657891;margin:4px 0 15px;flex:1}
.yo-read-more{font-size:14px;color:#0864c8;font-weight:800;margin-top:auto}
.yo-empty-state{grid-column:1/-1;text-align:center;padding:34px 20px;border:1px dashed #cadced;border-radius:15px;background:#f8fbff;color:#526b8b}
.yo-empty-state>span{font-size:32px}.yo-empty-state p{font-weight:700;color:#133e74;margin:8px 0}.yo-empty-state small{display:block;max-width:650px;margin:auto;line-height:1.6}
.yo-blog-assist{background:#e9f5ff;border:1px solid #cde6fc;border-radius:18px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.yo-blog-assist h2{color:#072c60;font-size:24px;margin:0 0 7px}.yo-blog-assist p{margin:0;color:#516f90}
@media(max-width:850px){.yo-updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yo-blog-assist{flex-direction:column;align-items:start}}
@media(max-width:580px){.yo-blog-hero{padding:39px 0}.yo-update-section{padding:18px;margin:15px 0}.yo-updates-grid{grid-template-columns:1fr}.yo-update-card{min-height:170px}.yo-update-heading{align-items:flex-start}.yo-update-icon{width:45px;height:45px}.yo-blog-pills a{font-size:13px;padding:9px 12px}.yo-all-link{font-size:12px}}

.yo-blog-pagination { padding: 24px 0 12px; }
.yo-blog-pagination .page-numbers { display:inline-block;padding:8px 12px;border:1px solid #d4e3f7;border-radius:8px;margin:3px; }
