
:root{--navy:#142844;--ink:#202938;--gold:#ba8e51;--mist:#edf4f8;--grey:#5c6571;--line:#e4e7ea;--paper:#fff;--cream:#faf9f6;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Georgia,"Times New Roman",serif;line-height:1.65}a{color:inherit}a:hover{color:#946c38}
.site-header{background:#fff;border-bottom:1px solid #e6e6e3}.header-inner{max-width:1460px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 28px}.brand{text-decoration:none;display:block;color:var(--navy);line-height:1.05}.brand b{display:block;font-size:24px;letter-spacing:.14em;font-weight:600}.brand span{font:10px/1.4 Arial,sans-serif;letter-spacing:.31em;text-transform:uppercase}.nav{display:flex;gap:26px;align-items:center;font:12px Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.nav a{text-decoration:none;color:#334257}.nav .contact-link{padding:11px 14px;background:var(--navy);color:white}.eyebrow{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#47627f}
.blog-heading{text-align:center;padding:55px 20px 43px;max-width:880px;margin:auto}.blog-heading .eyebrow{color:var(--gold)}.blog-heading h1{font-size:clamp(34px,4vw,59px);font-weight:500;line-height:1.07;letter-spacing:-.025em;color:var(--navy);margin:10px 0 14px}.blog-heading p{font-size:17px;color:#6c7178;margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);max-width:1800px;margin:0 auto;background:#fff}.blog-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-width:0}.blog-card:nth-child(5n){border-right:none}.blog-card .card-photo{width:100%;height:250px;object-fit:cover;display:block}.blog-card .inner{padding:24px 21px 22px;display:flex;flex-direction:column;flex:1}.meta{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.06em;color:#2d5070;text-transform:uppercase}.blog-card h2{color:var(--navy);font-weight:500;font-size:clamp(20px,1.55vw,27px);line-height:1.15;margin:14px 0 12px}.blog-card h2 a{text-decoration:none}.blog-card .deck{color:#69717e;font-size:13px;font-style:italic;line-height:1.5;margin:0 0 16px}.gold-rule{background:var(--gold);height:2px;width:42px;margin:15px 0}.blog-card .excerpt{font-size:14px;line-height:1.57;margin:0 0 18px}.box-small{background:var(--mist);padding:15px 15px;margin:3px 0 20px}.box-small b{font:700 10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#31506d}.box-small ul{margin:8px 0 0;padding-left:17px;font-size:12px;line-height:1.43}.box-small li{margin:4px 0}.more{margin-top:auto;text-decoration:none;color:#194063;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;display:inline-block;border-bottom:2px solid var(--gold);padding-bottom:7px;align-self:start}
.article-hero{background:#fff}.hero-inner{max-width:1380px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;min-height:450px}.hero-copy{padding:66px 56px 58px 44px;display:flex;justify-content:center;flex-direction:column}.hero-copy h1{font-size:clamp(37px,4.2vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.022em;color:var(--navy);margin:16px 0}.hero-copy .dek{font-size:20px;line-height:1.45;color:#576575;margin:0}.hero-media{min-height:450px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;display:block}.article-shell{max-width:1200px;margin:0 auto;padding:50px 28px 80px;display:grid;grid-template-columns:minmax(0,750px) 300px;gap:70px}.article-body{font-size:18px;line-height:1.78}.article-body p{margin:0 0 23px}.article-body h2{font-size:30px;color:var(--navy);line-height:1.23;font-weight:500;margin:42px 0 15px}.article-body h3{font-size:22px;color:var(--navy)}.article-body .lead{font-size:21px;color:#364457;line-height:1.7}.article-body figure{margin:35px 0}.article-body figure img{width:100%;height:310px;object-fit:cover}.article-body figcaption{font:12px Arial,sans-serif;color:#667382;margin-top:8px}.article-body .note{border-left:3px solid var(--gold);padding:15px 23px;background:#f7f5ef;margin:28px 0}.sidebar .sidebar-panel{background:var(--mist);padding:25px 24px;margin-bottom:24px}.sidebar .sidebar-panel h2{font-size:24px;line-height:1.18;color:var(--navy);font-weight:500;margin:0 0 14px}.sidebar ul{padding-left:18px;margin:0}.sidebar li{font-size:14px;line-height:1.55;margin-bottom:12px}.sidebar .cta{background:var(--navy);color:#fff;padding:27px 24px}.sidebar .cta h2{color:#fff}.sidebar .cta p{font-size:14px;line-height:1.6}.cta a{display:inline-block;background:#fff;color:var(--navy);text-decoration:none;padding:10px 13px;font:700 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.faq{padding-top:5px}.faq h3{margin:22px 0 7px}.faq p{font-size:17px}.backlink{color:var(--gold);text-decoration:none;font:700 11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.article-end{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.footer{background:var(--navy);color:#e4e8ee;padding:32px 25px;text-align:center;font:12px/1.9 Arial,sans-serif;letter-spacing:.04em}.footer a{color:white}
@media(max-width:1360px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card:nth-child(5n){border-right:1px solid var(--line)}.blog-card:nth-child(3n){border-right:none}.blog-card .card-photo{height:275px}.blog-card h2{font-size:27px}}
@media(max-width:980px){.article-shell{grid-template-columns:1fr;gap:12px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.hero-copy{padding:42px 30px}.hero-inner{min-height:360px}.hero-media{min-height:360px}.article-body{font-size:17px}}
@media(max-width:710px){.nav{gap:12px}.nav a:not(.contact-link){display:none}.brand b{font-size:19px}.header-inner{padding:15px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card:nth-child(3n){border-right:1px solid var(--line)}.blog-card:nth-child(even){border-right:none}.blog-card .card-photo{height:225px}.blog-card h2{font-size:24px}.hero-inner{grid-template-columns:1fr}.hero-copy{order:2;padding:33px 23px}.hero-media{height:270px;min-height:0}.article-shell{padding:28px 22px 55px}.sidebar{display:block}.article-body h2{font-size:27px}.hero-copy h1{font-size:39px}}
@media(max-width:470px){.blog-grid{grid-template-columns:1fr}.blog-card{border-right:none!important}.blog-card .card-photo{height:275px}.blog-card h2{font-size:27px}.blog-heading{padding:36px 18px 30px}.blog-heading h1{font-size:40px}.article-body figure img{height:250px}}

/* Integrate the original editorial layout with the production Spyglass navigation. */
.sg-editorial-page{padding-top:105px;background:#faf9f6;font-family:Georgia,"Times New Roman",serif;color:#202938}.sg-editorial-page .top{font-family:Inter,Arial,sans-serif}.sg-editorial-page .top-row,.sg-editorial-page .mobile-menu{font-family:Inter,Arial,sans-serif}.sg-editorial-page .foot{font-family:Inter,Arial,sans-serif}.sg-header-blog-nav{font:700 12px Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#14223f;text-decoration:none;white-space:nowrap;border-bottom:2px solid #ba8e51;padding:5px 3px}.sg-service-bridge{background:#edf4f8;border-left:3px solid #ba8e51;padding:24px 28px;margin:34px 0}.sg-service-bridge h2{margin:8px 0 12px;font-size:27px}.sg-service-bridge p{font-size:16px;line-height:1.65;margin:0 0 12px}.sg-service-bridge a{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700;color:#163f63;display:inline-block;margin:6px 14px 0 0}.sg-editorial-page .article-hero{margin-top:0}.sg-editorial-page .blog-grid{width:100%}.sg-editorial-page .article-body .sg-blog-prose{font-size:inherit}.sg-editorial-page .article-body details{border-bottom:1px solid #dce5eb;padding:11px 0}.sg-editorial-page .article-body summary{cursor:pointer;color:#142844;font-weight:bold}.sg-editorial-page .article-body a{color:#164e78;text-decoration:underline}.sg-editorial-page .article-body .sg-service-bridge a{text-decoration:none}
@media(max-width:890px){.sg-header-blog-nav{display:none}}

/* 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; }

/* Align the editorial Blog header with the working mobile homepage header.
   The long desktop phone number must not occupy the phone/tablet header. */
.sg-editorial-page .desktop-icons-phone-number { display:none !important; }
@media (min-width:1100px) {
  .sg-editorial-page .desktop-icons-phone-number {
    display:inline-flex !important;
    align-items:center !important;
    color:#fff !important;
    font:600 19px/1.2 Inter,Arial,sans-serif !important;
    white-space:nowrap !important;
    margin-right:14px !important;
    letter-spacing:.01em !important;
  }
}
@media (min-width:561px) and (max-width:850px) {
  .sg-editorial-page .top-row { gap:8px !important; }
  .sg-editorial-page .top-logo {
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:175px !important;
    gap:7px !important;
  }
  .sg-editorial-page .top-monogram {
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
    font-size:17px !important;
  }
  .sg-editorial-page .top-wordmark {
    font-size:13px !important;
    letter-spacing:.025em !important;
  }
  .sg-editorial-page .top-cta {
    min-width:0 !important;
    margin-left:auto !important;
  }
}

/* Spyglass Blog top/header follows the main-site header, not the editorial document typography. */
.sg-editorial-page .top, .sg-editorial-page .top-row, .sg-editorial-page .top-cta, .sg-editorial-page .top-logo {font-family:Inter,Arial,sans-serif!important}
.sg-editorial-page .top {background:#14223f!important;color:#fff!important}
.sg-editorial-page .top-monogram {background:#14223f!important;color:#fff!important}
.sg-editorial-page .top-wordmark, .sg-editorial-page .top-license {color:inherit}
.sg-editorial-page .mobile-menu {background:#f8f3eb!important}
@media(max-width:1023px){.sg-editorial-page{padding-top:77px!important}}

/* Match the existing Spyglass masthead's exact navy and gold text values. */
.sg-editorial-page .top {color:#14223f!important}
.sg-editorial-page .top-logo, .sg-editorial-page .top-wordmark {color:#fff!important}
.sg-editorial-page .top-license {color:#d5b06f!important}
