:root{--ink:#0a1c31;--text:#34495f;--muted:#627589;--blue:#075aa8;--cyan:#0e9fc4;--line:#d8e5ee;--pale:#f3f8fb;--white:#fff;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.72;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(100% - 34px,var(--max));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:10px;z-index:1000;background:#fff;padding:10px 14px;border:1px solid var(--line)}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-row{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),var(--blue));color:#fff;font-weight:900;border-radius:13px}.brand-title{display:block;font-size:25px;line-height:1;color:var(--ink);font-weight:900}.brand-title span{color:var(--blue)}.brand-sub{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.nav{display:flex;align-items:center;gap:5px}.nav a{padding:9px 11px;font-size:14px;font-weight:800;color:#29465f}.nav a:hover,.nav a[aria-current=page]{color:var(--blue);text-decoration:underline;text-underline-offset:5px}.nav .cta{color:#fff;background:var(--blue);border-radius:8px;text-decoration:none}.menu{display:none;border:1px solid var(--line);background:#fff;padding:9px 11px;font-weight:800}
.hero{background:linear-gradient(135deg,#061a31,#0a4877 60%,#087ea2);color:#fff;padding:58px 0}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:#cbe7f4;font-weight:700;margin-bottom:18px}.breadcrumbs a{color:#8ee4f4}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:900;color:#9eeaf1;margin-bottom:13px}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.01;letter-spacing:-1.8px;max-width:980px}.hero p{font-size:18px;max-width:850px;margin-top:18px;color:#e0f2f7}.meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:13px;font-weight:800;color:#cdebf3}
.search-wrap{background:var(--pale);border-bottom:1px solid var(--line);padding:25px 0}.search-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.search-form label{display:block;color:var(--ink);font-size:12px;font-weight:900;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.search-form input{width:100%;height:49px;border:1px solid #bdd1df;background:#fff;padding:0 13px;font-size:15px}.button{min-height:49px;border:0;background:var(--blue);color:#fff;padding:0 20px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button:hover{background:#064b8b}
main{padding:48px 0}.intro{max-width:900px}.intro h2,.section-title{color:var(--ink);font-size:clamp(28px,4vw,44px);line-height:1.1}.intro p{font-size:17px;margin-top:13px}.quick-links{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 42px}.quick-links a{border-bottom:2px solid var(--cyan);padding:7px 2px;font-weight:900;color:#194d72;margin-right:15px}.quick-links a:hover{color:var(--blue)}
.editorial-list{margin-top:24px;border-top:1px solid var(--line)}.editorial-row{display:grid;grid-template-columns:250px minmax(0,1fr);gap:25px;padding:25px 0;border-bottom:1px solid var(--line);align-items:center}.editorial-row img{width:100%;aspect-ratio:1200/630;object-fit:cover;background:#edf5f8}.editorial-copy .label{font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--blue)}.editorial-copy h2,.editorial-copy h3{color:var(--ink);font-size:clamp(22px,3vw,30px);line-height:1.16;margin-top:6px}.editorial-copy p{margin-top:9px}.read{display:inline-flex;margin-top:10px;color:var(--blue);font-weight:900;text-decoration:underline;text-underline-offset:4px}.section-block{padding:58px 0;border-top:1px solid var(--line)}.department-list{columns:3;column-gap:45px;margin-top:20px}.department-list li{break-inside:avoid;list-style:none;border-bottom:1px solid var(--line);padding:10px 0;color:#294b65;font-weight:800}.seo-copy{max-width:880px}.seo-copy h2{color:var(--ink);font-size:34px;line-height:1.15;margin:35px 0 12px}.seo-copy h3{color:var(--ink);font-size:25px;line-height:1.2;margin:27px 0 9px}.seo-copy p{font-size:17px;margin-bottom:16px}.faq{max-width:900px;margin-top:34px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;color:var(--ink);font-weight:900;padding:17px 0}.faq p{padding:0 0 17px}.notice{font-size:13px;color:var(--muted);border-top:1px solid var(--line);margin-top:34px;padding-top:17px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:45px;align-items:start}.article{min-width:0}.cover{margin-bottom:34px}.cover img{width:100%;aspect-ratio:1200/630;object-fit:cover;background:#edf5f8}.article-body h2{color:var(--ink);font-size:clamp(27px,3.3vw,38px);line-height:1.13;margin:34px 0 12px}.article-body h2:first-child{margin-top:0}.article-body p{font-size:17px;margin-bottom:17px}.article-body a{color:var(--blue);font-weight:900;text-decoration:underline;text-underline-offset:3px}.callout{border-left:5px solid var(--cyan);background:var(--pale);padding:22px 24px;margin:32px 0}.callout h2{margin:0 0 8px;font-size:28px}.sidebar{position:sticky;top:95px}.side-section{border-top:3px solid var(--blue);padding-top:15px;margin-bottom:32px}.side-section h2{color:var(--ink);font-size:20px}.side-section p{font-size:14px;margin-top:8px}.side-links a{display:block;border-bottom:1px solid var(--line);padding:10px 0;color:#244d6c;font-weight:800}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{font-size:11px;border:1px solid var(--line);padding:5px 7px;background:var(--pale)}.related{margin-top:48px;border-top:1px solid var(--line);padding-top:35px}.related h2{color:var(--ink);font-size:32px}.related .editorial-row{grid-template-columns:180px minmax(0,1fr);padding:18px 0}.related .editorial-copy h3{font-size:22px}
.footer{background:#071a2e;color:#d0e5ee;padding:46px 0 22px;margin-top:50px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer h2,.footer h3{color:#fff;margin-bottom:10px}.footer a{display:block;padding:5px 0;color:#d0e5ee}.footer a:hover{color:#81dded}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:28px;padding-top:18px;font-size:13px;color:#9bb9c8}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.sidebar{position:static}.department-list{columns:2}.footer-grid{grid-template-columns:repeat(2,1fr)}.nav a:not(.cta){display:none}}
@media(max-width:650px){.container{width:min(100% - 22px,var(--max))}.brand-title{font-size:21px}.brand-sub{display:none}.menu{display:block}.nav{display:none;position:absolute;top:68px;left:11px;right:11px;background:#fff;border:1px solid var(--line);padding:8px}.nav.open{display:grid}.nav a,.nav a:not(.cta){display:block}.hero{padding:40px 0}.hero h1{letter-spacing:-1px}.search-form{grid-template-columns:1fr}.editorial-row,.related .editorial-row{grid-template-columns:1fr}.editorial-row img{max-height:240px;object-fit:cover}.department-list{columns:1}.footer-grid{grid-template-columns:1fr}.article-body p{font-size:16px}}


/* 2026-07-14 layout update: reduce vertical image space across desktop, laptop, and mobile */
.editorial-row{grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}
.editorial-row>a,.related .editorial-row>a,.cover picture,.editorial-row picture,.related .editorial-row picture{display:block}
.editorial-row img{width:100%;height:138px;aspect-ratio:auto;object-fit:contain;background:#edf5f8;border:1px solid var(--line)}
.cover{margin-bottom:28px}
.cover img{width:100%;height:clamp(220px,30vw,340px);aspect-ratio:auto;object-fit:contain;background:#edf5f8;border:1px solid var(--line)}
.related .editorial-row{grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start}
.related .editorial-row img{width:100%;height:105px;aspect-ratio:auto;object-fit:contain;background:#edf5f8;border:1px solid var(--line)}
@media(max-width:900px){
  .editorial-row{grid-template-columns:190px minmax(0,1fr)}
  .editorial-row img{height:124px}
  .cover img{height:300px}
}
@media(max-width:650px){
  .editorial-row,.related .editorial-row{grid-template-columns:1fr}
  .editorial-row img,.related .editorial-row img{height:170px;max-height:none;object-fit:contain}
  .cover img{height:200px}
}


/* Stock-photo update: responsive real photography */
.editorial-row img{height:138px!important;object-fit:cover!important;background:#eef4f7!important;border:0!important}
.cover img{height:clamp(220px,30vw,340px)!important;object-fit:cover!important;background:#eef4f7!important;border:0!important}
.related .editorial-row img{height:105px!important;object-fit:cover!important;background:#eef4f7!important;border:0!important}
@media(max-width:900px){.editorial-row img{height:124px!important}.cover img{height:300px!important}}
@media(max-width:650px){.editorial-row img,.related .editorial-row img{height:170px!important;object-fit:cover!important}.cover img{height:200px!important;object-fit:cover!important}}