.sg-header-blog-nav{display:inline-block;font:700 12px Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#14223f;border-bottom:2px solid #ba8e51;padding:5px 4px;white-space:nowrap}
.hero-photo-and-blog{min-width:0;width:100%;display:flex;flex-direction:column;gap:12px}.hero-photo-and-blog>.hero-img{width:100%;max-width:none;margin:0}.hero-blog-promo{background:#fff;border:1px solid #dce5eb;border-radius:6px;overflow:hidden;box-shadow:0 10px 24px rgba(20,34,63,.07)}
.hero-blog-button{display:block;text-align:center;background:#14223f;color:white!important;font:700 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.16em;text-decoration:none;padding:12px 16px}.hero-blog-button:hover{background:#253b62}.hero-blog-button span{margin-left:6px}
.hero-blog-latest summary{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;list-style:none}.hero-blog-latest summary::-webkit-details-marker{display:none}.hero-blog-latest summary img{flex:0 0 78px;width:78px;height:66px;object-fit:cover;border-radius:3px}.hero-blog-heading{min-width:0;flex:1}.hero-blog-overline{display:block;font:700 9px/1.5 Inter,Arial,sans-serif;color:#42637f;letter-spacing:.08em}.hero-blog-heading strong{display:block;font:600 16px/1.25 "Playfair Display",Georgia,serif;color:#14223f}.hero-blog-chevron{font-size:22px;color:#69809a;transition:transform .2s}.hero-blog-latest[open] .hero-blog-chevron{transform:rotate(180deg)}.hero-blog-expanded{padding:2px 14px 16px 104px;color:#4e5b6e;font:14px/1.55 Inter,Arial,sans-serif}.hero-blog-expanded p{margin:0 0 12px}.hero-blog-expanded a{display:inline-block;font:700 11px/1.5 Inter,Arial,sans-serif;color:#1b5178;text-decoration:underline;margin-right:12px}
@media(max-width:890px){.sg-header-blog-nav{display:none}}@media(max-width:760px){.hero-blog-latest summary img{width:68px;height:58px;flex-basis:68px}.hero-blog-heading strong{font-size:14px}.hero-blog-expanded{padding:0 12px 14px}.hero-blog-overline{font-size:8px}}
/* Blog link in Spyglass dark navy top navigation: visible white type and gold focus/hover. */
.top .sg-header-blog-nav { color: #ffffff !important; border-bottom-color: #d5b06f; opacity: 1; }
.top .sg-header-blog-nav:hover, .top .sg-header-blog-nav:focus-visible { color: #e9c985 !important; border-bottom-color: #e9c985; }
.top .sg-header-blog-nav:focus-visible { outline: 2px solid #e9c985; outline-offset: 5px; }