/* insights-v1: one column width and one card style across every Insights page */
:root{--ins-col:840px}
/* Hub: same column as the guides, so the hero, intro and lists all line up */
html body main.hub{max-width:var(--ins-col);margin:0 auto;padding:0 20px 80px}
main.hub .answer{margin:0 0 34px}
/* Free tools: a calm two by two grid */
main.hub section.ft.ft-hub{padding:0;margin:0 0 30px;background:none!important;border:0!important}
main.hub .ft-head{max-width:none;margin:0 0 18px}
main.hub .ft-head .eyebrow{font-size:12.5px;letter-spacing:.12em;color:var(--gold-muted)}
main.hub .ft-head h2{font-size:26px;margin:0 0 6px}
main.hub .ft-head p{font-size:16px}
main.hub .ft-grid{grid-template-columns:1fr 1fr;gap:14px}
main.hub .ft-card{padding:22px 20px 20px}
main.hub .ft-lead h3{font-size:21px}
/* Search box */
main.hub .ins-tools{margin:0 0 8px;padding:20px 22px;border-radius:14px;background:#f7fafd}
main.hub .ins-tools input{max-width:none}
/* Groups: no full bands, a fine rule and a clear heading instead */
html body main.hub section.ins-group,html body main.hub section.ins-group.alt{background:none!important;border:0!important;border-top:1px solid var(--line)!important;margin:40px 0 0;padding:30px 0 0}
main.hub .ins-group h2{font-size:22px;margin:0 0 18px;letter-spacing:-.01em}
main.hub .ins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
main.hub .ins-cat{display:none}
html body main.hub .ins-card{gap:8px;padding:20px 20px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(18,74,140,.05)}
main.hub .ins-title{font-size:17px;line-height:1.35}
main.hub .ins-desc{font-size:14.5px;line-height:1.55;flex:1}
main.hub .ins-card:after{content:"Read the guide \2192";font-size:13.5px;font-weight:700;color:var(--gold-muted);margin-top:6px}
main.hub .ins-card.ins-tool:after{content:"Open the tool \2192"}
html body main.hub .ins-card:hover{border-color:var(--blue);box-shadow:0 10px 26px rgba(18,74,140,.12);transform:translateY(-2px)}
/* Guides: related and country links as equal-width cards */
html body main.doc nav.related ul{grid-template-columns:repeat(2,minmax(0,1fr))}
html body main.doc nav.related li a,html body main.doc nav.related a{display:flex!important;height:100%;box-sizing:border-box}
main.doc nav.related+nav.related{margin-top:16px}
main.doc .faqblock{margin-top:40px}
main.doc .doc-cta{margin-top:40px}
@media (max-width:640px){
  main.hub .ft-grid,main.hub .ins-grid,html body main.doc nav.related ul{grid-template-columns:1fr}
  main.hub .ft-head h2{font-size:23px}
  html body main.hub section.ins-group{margin-top:30px;padding-top:24px}
}
/* Free diagnostic card: sits in the same column, without a half-width band behind it */
html body main.doc section.diag-band,html body main.hub section.diag-band{background:none!important;border:0!important;padding:44px 0 8px}
main.doc section.diag-band .wrap,main.hub section.diag-band .wrap{max-width:none;padding:0}
main.doc>div[style*="border-left"]{margin:28px 0!important}