/* ==========================================================================
   Neutral, square-block styling (2026-10-25).
   Loaded after investors.css on the homepage and on the services, investor, guide and
   data pages. Replaces the teal tints, soft pastel blocks, rounded pills and drop
   shadows with plain charcoal and light-grey square blocks. The homepage hero
   (.hp-hero) keeps its existing look.
   ========================================================================== */

/* ---- palette: teal becomes charcoal inside content blocks; pastels become one light grey ---- */
.inv-hub,.inv-page{
  --teal:#15191E;--teal-deep:#15191E;--teal-dim:#8B9097;
  --p-teal:#F4F5F7;--p-sand:#F4F5F7;--p-sky:#F4F5F7;--p-mint:#F4F5F7;--p-lilac:#F4F5F7;--p-rose:#F4F5F7;
  --r:0px;
}
/* the homepage hero keeps the live look */
.hp-hero{--teal:#0F7A6E;--teal-deep:#0B5F55;--teal-dim:#7FADA6;--p-teal:#EBF5F3;--r:28px}

/* ---- square blocks, no soft shadows, no lift on hover ---- */
.inv-hub *:not(.hp-hero *):not(.live):not(.nav-live),
.inv-page *:not(.live):not(.nav-live){border-radius:0!important}
.inv-hub *:not(.hp-hero *):not(.live),
.inv-page *:not(.live){box-shadow:none!important}
.inv-hub *:not(.hp-hero *):hover,
.inv-page *:hover{transform:none!important}

/* ---- tinted gradient blocks become flat ---- */
.inv-hub .inv-hero:not(.hp-hero),.inv-page .inv-hero{background:#fff!important}
.inv-hub .quote-band,.inv-hub .bt-start,.inv-hub .bt-start.bt-warm,
.inv-box.navy,.inv-page .inv-box.navy{background:#15191E!important;color:#E9E6DE!important;border-color:#15191E!important}
.inv-hub .quote-band h2,.inv-hub .quote-band h3,.inv-box.navy h4,.inv-box.navy strong,.bt-start h3{color:#fff!important}
.inv-box.download-box,.guide-help{background:#F4F5F7!important;border-color:#EAEDF1!important}
.art-a,.art-b,.art-c,.art-d,.art-e{background:#F4F5F7!important}
.inv-hub .inv-hero h1 .hl,.inv-page .inv-hero h1 .hl{background:none;color:inherit}

/* ---- tags and eyebrows: plain text, not coloured pills ---- */
.inv-hub .sec-eyebrow:not(.hp-hero *),.inv-page .sec-eyebrow{background:none!important;padding:0!important;color:#646E78!important;letter-spacing:.14em}
.inv-hub .inv-band .sec-eyebrow,.inv-hub #who .sec-eyebrow{background:none!important;color:#B9B4A8!important}
.inv-hub .gate-tag,.inv-hub .tag b{background:none!important;padding:0!important;color:#646E78!important}
.inv-hub .inv-chip:not(.hp-hero *),.inv-page .inv-chip{background:none!important;border:0!important;padding:0!important;color:#646E78!important}
.inv-hub .inv-chip:not(.hp-hero *) .live,.inv-page .inv-chip .live{background:#15191E!important;animation:none}
.inv-subnav a:not(.pill):hover{background:#F4F5F7;color:#15191E}

/* ---- buttons: square, charcoal ---- */
.inv-hub .pill-teal:not(.hp-hero *),.inv-page .pill-teal{background:#15191E;color:#fff}
.inv-hub .pill-teal:not(.hp-hero *):hover,.inv-page .pill-teal:hover{background:#2B2F36;color:#fff}
.inv-hub .pill-soft:not(.hp-hero *),.inv-page .pill-soft{background:#fff;color:#15191E;border-color:#D2D2CC}
.inv-hub .pill-soft:not(.hp-hero *):hover,.inv-page .pill-soft:hover{border-color:#15191E;color:#15191E}
.inv-hub .pill-white,.inv-page .pill-white{color:#15191E}

/* ==========================================================================
   Homepage sections below the hero
   ========================================================================== */
.hn-sec{padding:72px 0;background:#fff!important}
.hn-wash{background:#F4F5F7!important}
.hn-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:30px}
.hn-eyebrow{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#646E78;margin-bottom:10px}
.hn-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.1;letter-spacing:-.01em;color:#15191E;margin:0}
.hn-more{font-family:var(--sans);font-weight:600;font-size:.88rem;color:#15191E;text-decoration:none;white-space:nowrap}
.hn-more:hover,.hn-link:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.hn-meta{display:block;font-family:var(--mono);font-size:.64rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#646E78}
.hn-by{display:block;font-family:var(--sans);font-size:.84rem;color:#646E78}
.hn-link{font-family:var(--sans);font-weight:600;font-size:.88rem;color:#15191E;text-decoration:none}

/* what we do */
.hn-svc{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hn-svc a{display:flex;flex-direction:column;align-items:flex-start;padding:38px 38px 34px;text-decoration:none}
.hn-svc h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,2.4vw,2.2rem);line-height:1.1;margin:14px 0 12px}
.hn-svc p{font-family:var(--sans);font-size:.98rem;line-height:1.6;margin:0 0 18px;max-width:46ch}
.hn-svc ul{list-style:none;margin:0 0 28px;padding:0}
.hn-svc li{font-family:var(--sans);font-size:.92rem;padding:6px 0 6px 18px;position:relative}
.hn-svc li::before{content:"";position:absolute;left:0;top:.85em;width:6px;height:6px;background:currentColor;opacity:.5}
.hn-tag{font-family:var(--mono);font-size:.66rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.hn-btn{margin-top:auto;display:inline-block;font-family:var(--sans);font-weight:600;font-size:.88rem;padding:13px 22px}
.hn-svc-a{background:#15191E;color:#E9E6DE}
.hn-svc-a h3{color:#fff}.hn-svc-a p{color:#C9C4B8}.hn-svc-a .hn-tag{color:#9DA3AB}
.hn-svc-a .hn-btn{background:#F4F1EA;color:#15191E}
.hn-svc-a:hover .hn-btn{background:#fff}
.hn-svc-b{background:#F4F5F7;color:#15191E}
.hn-svc-b h3{color:#15191E}.hn-svc-b p{color:#3A434C}.hn-svc-b .hn-tag{color:#646E78}
.hn-svc-b .hn-btn{background:#15191E;color:#fff}
.hn-svc-b:hover .hn-btn{background:#2B2F36}

/* latest research */
.hn-pubs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.hn-pubs article{display:flex;flex-direction:column;gap:8px;min-width:0}
.hn-pubs .pubcover{display:block;width:100%;margin:0 0 6px}
.hn-pubs h3{font-family:var(--serif);font-weight:500;font-size:1.02rem;line-height:1.28;margin:0}
.hn-pubs h3 a{color:#15191E;text-decoration:none}
.hn-pubs h3 a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* Data & Policy Center band */
.hp-main #dpc{background:#0B0B0C!important;padding:68px 0!important}
.hp-main #dpc .hp-dpc{background:transparent!important;border:0;padding:0!important}
.hp-main #dpc,.hp-main #dpc h2,.hp-main #dpc .hp-dpc-sub,.hp-main #dpc p{color:#E9E6DE}
.hp-main #dpc h2{color:#fff}
.hp-main #dpc .hp-dpc-logo{filter:brightness(0) invert(1);opacity:.9}
.hp-main #dpc .pill-teal{background:#F4F1EA;color:#15191E}
.hp-main #dpc .pill-soft{background:transparent;color:#E9E6DE;border-color:#4A443B}
.hp-main #dpc .pill-soft:hover{border-color:#8A8175;color:#fff}
.hp-main #dpc .hp-glance{background:transparent!important;border:0!important}
.hp-main #dpc .hp-glance *{color:#E9E6DE}
.hp-main #dpc .hp-glance small{color:#9DA3AB}
.hp-main #dpc .hp-glance .g-val{color:#fff}
.hp-main #dpc .hp-glance .g-row{border-color:#2E3138!important}
.hp-main #dpc .hp-glance .g-head{border-color:#2E3138!important}
.hp-main #dpc .hp-glance .g-foot a{color:#C9C4B8}

/* market guides */
.hn-guides{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0 28px}
.hn-guide{display:flex;flex-direction:column;gap:10px;padding:20px 0 26px;text-decoration:none;color:#15191E}
.hn-guide strong{font-family:var(--serif);font-weight:500;font-size:1.28rem;line-height:1.2;letter-spacing:-.005em}
.hn-guide--lead{grid-row:span 2;padding-right:24px}
.hn-guide--lead strong{font-size:clamp(1.8rem,2.6vw,2.3rem);line-height:1.1}
.hn-guide .hn-link{margin-top:auto}
.hn-guide:hover strong{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* opinion and analysis */
.hn-op{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start}
.hn-img{display:block;overflow:hidden;background:#EAEDF1;margin-bottom:14px}
.hn-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}
.hn-op-lead .hn-img img{aspect-ratio:3/2}
.hn-op article:hover .hn-img img{transform:scale(1.03)}
.hn-op h3{font-family:var(--serif);font-weight:500;line-height:1.14;margin:8px 0 0}
.hn-op h3 a{color:#15191E;text-decoration:none}
.hn-op h3 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.hn-op-lead h3{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.06;margin:10px 0 12px}
.hn-op-lead p{font-family:var(--sans);font-size:.98rem;line-height:1.6;color:#3A434C;margin:0 0 14px;max-width:58ch}
.hn-op-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}
.hn-op-grid h3{font-size:1.1rem}
.hn-an{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:28px;margin-top:48px}
.hn-an>*{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#15191E}
.hn-an-h b{font-family:var(--serif);font-weight:500;font-size:1.7rem}
.hn-an-h span{font-family:var(--sans);font-size:.86rem;color:#646E78;max-width:30ch}
.hn-an strong{font-family:var(--serif);font-weight:500;font-size:1.35rem;line-height:1.15}
.hn-an a:hover strong{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* programmes */
.hn-prog{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.hn-prog a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#15191E;padding:6px 0}
.hn-prog b{font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.15}
.hn-prog span{font-family:var(--sans);font-size:.9rem;line-height:1.55;color:#646E78}
.hn-prog a:hover b{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* independence line */
.hn-trust{background:#F4F5F7!important}
.hn-trust-in{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:28px;padding-bottom:28px}
.hn-trust p{margin:0;font-family:var(--sans);font-size:.95rem;color:#3A434C;max-width:78ch}
.hn-trust strong{color:#15191E}

/* Expert Series cards (rendered by script) */
.hp-main #expert-series{background:#fff}
.hp-main .home-es>*{background:transparent!important;border:0!important}

@media (max-width:1000px){
  .hn-sec{padding:56px 0}
  .hn-svc{grid-template-columns:1fr}
  .hn-pubs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hn-guides{grid-template-columns:1fr 1fr}
  .hn-guide--lead{grid-column:1/-1;grid-row:auto;padding-right:0}
  .hn-op{grid-template-columns:1fr}
  .hn-an{grid-template-columns:1fr 1fr}.hn-an-h{grid-column:1/-1}
  .hn-prog{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .hn-sec{padding:44px 0}
  .hn-svc a{padding:28px 22px}
  .hn-pubs{grid-template-columns:1fr 1fr;gap:20px 16px}
  .hn-guides{grid-template-columns:1fr}
  .hn-op-grid{grid-template-columns:1fr}
  .hn-an{grid-template-columns:1fr}
  .hn-prog{grid-template-columns:1fr}
  .hn-trust-in{flex-direction:column;align-items:flex-start;gap:14px}
}

/* keep the new homepage sections independent of the old alternating-section tints */
.hp-main .hn-sec,.hp-main .hn-trust{padding-left:0!important;padding-right:0!important}
.hp-main .hn-sec{padding-top:72px!important;padding-bottom:72px!important}
.hp-main .hn-sec>.wrap,.hp-main .hn-trust>.wrap{background:none!important;padding-top:0!important;padding-bottom:0!important}
.hp-main .hn-trust>.wrap{padding-top:28px!important;padding-bottom:28px!important}
@media (max-width:1000px){.hp-main .hn-sec{padding-top:56px!important;padding-bottom:56px!important}}
@media (max-width:640px){.hp-main .hn-sec{padding-top:44px!important;padding-bottom:44px!important}}

/* ---- Services gateway ---- */
.svc-gate{border-radius:0!important;box-shadow:none!important;transform:none!important}
.svc-gate .gate-btn{border-radius:0!important}
.svc-gate--research{background:#F4F5F7!important;border:0!important;color:#3A434C}
.svc-gate--research .gate-tag{color:#646E78}
.svc-gate--research li::before{color:#15191E}
.svc-gate--research .gate-btn{background:#15191E;color:#fff}
.svc-gate--investor{background:#15191E!important;color:#E9E6DE}
.svc-gate--investor::after{display:none!important}
.svc-gate--investor .gate-tag{color:#9DA3AB}
.svc-hero .svc-gate--investor p{color:#C9C4B8}
.svc-gate--investor .gate-btn{background:#F4F1EA!important;color:#15191E!important}

/* ---- Detail-page blocks: one light grey, no tinted variants ---- */
.inv-page .inv-detail .block:not(.inv-prose),
.inv-page .inv-detail .block:nth-child(n){background:#F4F5F7!important;border:0!important}
.inv-hub .ic,.inv-page .ic{background:#fff!important}
.inv-hub .ic svg,.inv-page .ic svg{stroke:#15191E}
.tone-1 .ic,.tone-2 .ic,.tone-3 .ic,.tone-4 .ic{background:#fff!important}

/* labels and step numbers on the services pages */
.sec-eyebrow{color:#646E78!important}
.svc-hero .sec-eyebrow,.svc-hero .eyebrow{color:#646E78}
.hp-hero .sec-eyebrow{color:inherit!important}
.hp-main #dpc .hp-glance .g-row,.hp-main #dpc .hp-glance .g-head,.hp-main #dpc .hp-glance .g-foot{border:0!important}

/* ==========================================================================
   v2 (2026-10-25): no gradients, no deep navy or charcoal boxes. Boxes are the site's
   subtle cool greys: #F4F5F7 (light) and #E9ECF0 (slightly deeper).
   ========================================================================== */
.aside-dl,.inv-box.download-box,.guide-help{background:#F4F5F7!important;border-color:#F4F5F7!important}
.gd-feature{background:#E9ECF0!important;color:#15191E!important;box-shadow:none!important}
.gd-feature h3,.gd-feature strong,.gd-feature .more{color:#15191E!important}
.gd-feature p,.gd-feature span{color:#3A434C!important}
.art-a,.art-b,.art-c,.art-d,.art-e{background:#F4F5F7!important}

/* dark and navy boxes become grey */
.proof,section.proof,.quote-band,.inv-hub .quote-band,.inv-box.navy,.inv-page .inv-box.navy,
.bt-start,.bt-start.bt-warm,.inv-hub .bt-start,.inv-hub .bt-start.bt-warm{background:#E9ECF0!important;color:#15191E!important;border:0!important}
.proof h2,.proof h3,.proof strong,.proof b,.proof .num,.quote-band h2,.quote-band h3,.quote-band strong,
.inv-box.navy h4,.inv-box.navy strong,.inv-box.navy b,.bt-start h3,.bt-start strong,.bt-start b{color:#15191E!important}
.proof p,.proof span,.proof li,.proof small,.quote-band p,.quote-band span,.quote-band li,.inv-box.navy p,.inv-box.navy span,.inv-box.navy li,.bt-start p,.bt-start span{color:#3A434C!important}
.proof .sec-eyebrow,.quote-band .sec-eyebrow{color:#646E78!important}
.quote-band .btn.primary,.inv-box.navy .btn.primary,.bt-start .btn.primary{background:#15191E!important;color:#fff!important}
.quote-band .btn.secondary,.inv-box.navy .btn.secondary,.bt-start .btn.secondary{background:transparent!important;color:#15191E!important;border:1px solid #B9BDC2!important}
.inv-box.navy a,.bt-start a.go,.bt-start .go{color:#15191E!important}
.inv-box.navy .pill,.inv-box.navy a.pill,.bt-start .pill{background:#15191E!important;color:#fff!important}
.inv-band,.inv-hub .inv-band,section.inv-band{background:#E9ECF0!important;color:#15191E!important}
.inv-band h2,.inv-band h3,.inv-band strong,.inv-band b{color:#15191E!important}
.inv-band p,.inv-band span,.inv-band li,.inv-band small{color:#3A434C!important}
.inv-hub .inv-band .sec-eyebrow,.inv-hub #who .sec-eyebrow{color:#646E78!important}

/* services gateway */
.svc-gate--investor{background:#E9ECF0!important;color:#15191E!important}
.svc-gate--investor .gate-tag{color:#646E78!important}
.svc-gate--investor h2{color:#15191E!important}
.svc-hero .svc-gate--investor p,.svc-gate--investor li{color:#3A434C!important}
.svc-gate--investor li::before{color:#15191E!important}
.svc-gate--investor .gate-btn{background:#15191E!important;color:#fff!important}

/* homepage: grey blocks and a light data band */
.hn-svc-a{background:#E9ECF0!important;color:#15191E!important}
.hn-svc-a h3{color:#15191E!important}.hn-svc-a p{color:#3A434C!important}.hn-svc-a .hn-tag{color:#646E78!important}
.hn-svc-a .hn-btn{background:#15191E!important;color:#fff!important}
.hn-svc-a:hover .hn-btn{background:#2B2F36!important}
.hp-main #dpc{background:#F4F5F7!important}
.hp-main #dpc,.hp-main #dpc p,.hp-main #dpc .hp-dpc-sub{color:#3A434C!important}
.hp-main #dpc h2,.hp-main #dpc .hp-glance .g-val{color:#15191E!important}
.hp-main #dpc .hp-dpc-logo{filter:none;opacity:1}
.hp-main #dpc .pill-teal{background:#15191E!important;color:#fff!important}
.hp-main #dpc .pill-soft{background:#fff!important;color:#15191E!important;border-color:#D2D2CC!important}
.hp-main #dpc .hp-glance *{color:#3A434C}
.hp-main #dpc .hp-glance .g-label{color:#15191E}
.hp-main #dpc .hp-glance small{color:#646E78}
.hp-main #dpc .hp-glance .g-foot a{color:#15191E}
.quote-band a:not(.btn),.quote-band .qb-alt a,.proof a{color:#15191E!important}
.proof [class*="eyebrow"],.proof .label,.proof-label{color:#646E78!important}

/* tags, trust strip, resource band, hero card */
.inv-tool .t{background:#0F7A6E!important;color:#fff!important;border-radius:999px!important;padding:3px 10px!important}
.inv-news-card .t{background:none!important;padding:0!important;color:#0B5F55!important}
.trust-row{gap:16px!important;background:none!important}
.trust-row div{background:#F4F5F7!important}
.inv-band,.inv-hub .inv-band,section.inv-band{background:#fff!important}
.inv-band>.wrap,.inv-band .wrap{background:none!important}
.inv-band .inv-tool,.inv-band .inv-news-card{background:#F4F5F7!important}
.bt-start h2,.bt-start h3,.inv-box.navy h2,.inv-box.navy h3{color:#15191E!important}
.bt-start .go,.bt-start a:not(.pill):not(.btn){color:#15191E!important}
.inv-hero:not(.hp-hero) .blob,.inv-hub .inv-hero:not(.hp-hero) .blob{display:none!important}

/* heading inside the grey call-to-action band must be dark (older rules force white) */
html body main .quote-band h2,html body main .quote-band h3,html body main .quote-band div h2,html body .inv-hub section .quote-band h2{color:#15191E!important}
html body main .quote-band p,html body main .quote-band .qb-alt{color:#3A434C!important}

/* ---- Guides index (rebuilt 2026-10-25): its featured guide reuses the class name of the old guide-page feature box ---- */
.gd-top .gd-feature{display:block!important;background:none!important;color:inherit!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin-top:36px}
.gd-top .gd-feature *{color:revert}
.gd-top .gd-lead-title a{color:#15191E!important}
.gd-top .gd-lead-dek{color:#3A434C!important}
.gd-top .art-meta,.gd-top .art-meta time{color:#646E78!important}
.gd-mast .eyebrow{display:none}
.gd-mast .back{display:inline-block;margin-bottom:6px}
/* no ruler lines in the directory */
.gd-cat{border-top:0!important;padding-top:8px}
.gd-entry{border-bottom:0!important;padding:11px 0}
.gd-cat-head{margin-bottom:6px}
.gd-top,.gd-mid,.gd-dir{border:0!important}
.figure-lead,.figure-lead img{border-radius:0!important}

/* ---- Guides index: newspaper masthead and top story ---- */
.gd-paper{padding:44px 0 36px!important;background:#fff!important}
.gd-masthead{font-family:var(--serif);font-weight:700;font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.05;letter-spacing:-.02em;color:#15191E;margin:0;padding-bottom:14px;border-bottom:3px solid #15191E;white-space:nowrap;margin-bottom:30px}
.gd-paper-sub{font-family:var(--sans);font-size:.92rem;line-height:1.55;color:#646E78;margin:12px 0 30px;max-width:80ch}
.gd-story{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;align-items:center}
.gd-story .ed-img{display:block;margin:0!important}
.gd-story .ed-img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0}
.gd-story-body{display:flex;flex-direction:column;gap:12px}
.gd-story .gd-lead-title{margin:4px 0 0!important;max-width:none!important;font-size:clamp(1.7rem,3vw,2.5rem)!important;line-height:1.1}
.gd-story .gd-lead-dek{margin:0!important;max-width:none!important;font-size:1rem}
.gd-story-link{font-family:var(--sans);font-weight:600;font-size:.9rem;color:#15191E;text-decoration:none}
.gd-story-link:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media (max-width:900px){.gd-story{grid-template-columns:minmax(0,1fr);gap:22px}.gd-masthead{white-space:normal}}

/* homepage: market guides with photos */
.hn-gtop{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;align-items:center;margin-bottom:44px}
.hn-gimg{display:block;overflow:hidden;background:#EAEDF1}
.hn-gimg img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0!important;transition:transform .5s ease}
.hn-gtrio .hn-gimg img{aspect-ratio:16/9}
.hn-gtop:hover .hn-gimg img,.hn-gtrio article:hover .hn-gimg img{transform:scale(1.03)}
.hn-gbody{display:flex;flex-direction:column;gap:12px}
.hn-gbody h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.1;margin:2px 0 0}
.hn-gbody h3 a,.hn-gtrio h3 a{color:#15191E;text-decoration:none}
.hn-gbody p{font-family:var(--sans);font-size:.98rem;line-height:1.6;color:#3A434C;margin:0}
.hn-gtrio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.hn-gtrio article{display:flex;flex-direction:column;gap:8px}
.hn-gtrio .hn-gimg{margin-bottom:6px}
.hn-gtrio h3{font-family:var(--serif);font-weight:500;font-size:1.2rem;line-height:1.25;margin:0}
.hn-gbody h3 a:hover,.hn-gtrio h3 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media (max-width:900px){.hn-gtop{grid-template-columns:minmax(0,1fr);gap:20px}.hn-gtrio{grid-template-columns:minmax(0,1fr)}}

/* homepage analysis cards with photos */
.hn-an{align-items:start}
.hn-an .hn-aimg{display:block;overflow:hidden;background:#EAEDF1;margin-bottom:8px}
.hn-an .hn-aimg img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0!important;transition:transform .5s ease}
.hn-an a:hover .hn-aimg img{transform:scale(1.03)}

/* homepage analysis: heading on its own row, two cards side by side across the full width */
.hn-an{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
.hn-an .hn-an-h{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:16px}
.hn-an .hn-an-h span{max-width:none}
@media (max-width:700px){.hn-an{grid-template-columns:minmax(0,1fr)}.hn-an .hn-an-h{flex-direction:column;gap:6px}}