/* T9 Method: "How far can I trust the guides?"
   A: numbered process. B: method rail. C: process steps reveal. */
.mt-tag{margin:16px 0 0;font:600 var(--wp--preset--font-size--heading-s)/1.4 var(--heading);color:var(--ochre-text)}
.sx-tiles.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mt-trust{margin:0 0 28px}
.mt-trust li>p:first-child{margin:0 0 6px;font:600 19px/1.3 var(--heading);color:var(--navy)}
.t-method .is-process .sx-steps>li::before{color:var(--navy)}
.t-method .is-independence{padding:24px 24px 12px;background:var(--card);border-top:3px solid var(--navy)}
.t-method .is-independence+.sx-sec{border-top:0}
.hb-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:end}
.hb-side .sx-fig{margin:0 0 32px}
.hb-side img{aspect-ratio:4/3;object-fit:cover;width:100%}
@media (max-width:960px){
  .sx-tiles.is-4{grid-template-columns:1fr 1fr}
  .hb-hero{grid-template-columns:1fr;gap:0}
  .hb-side .sx-fig{margin:0 0 20px}
}
@media (max-width:520px){.sx-tiles.is-4{grid-template-columns:1fr}}
/* The hero picture is shown whole (the Harnesses size table since 2026-11-03), never cropped. */
.hb-side .sx-fig img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}