/* Batch 02: T04 investigative patterns — additive to Batch 01 CSS */
.investigative-hero .hero-copy .lead{max-width:690px}
.investigative-hero .hero-actions{margin-top:27px}
.note-line{background:#f1f1f1;border-left:4px solid var(--blue);padding:14px 18px;font-size:14px;margin:22px 0 0}
.verification-strip{background:var(--yellow);border:2px solid #111;padding:18px 20px;font-size:15px;margin-top:24px}
.interactive-panel{border-width:3px;box-shadow:7px 7px 0 #111}
.interactive-panel .answer{max-width:820px}
.tool-intro{display:flex;justify-content:space-between;gap:15px;background:#111;color:#fff;padding:14px 16px;margin:20px 0 14px}
.tool-intro span{font-size:13px;max-width:370px}
.tool-checklist fieldset{border:0;padding:0;margin:0}
.tool-checklist legend{font-weight:850;font-size:16px;margin:7px 0 12px}
.tool-checklist label{display:flex;gap:12px;align-items:flex-start;background:#f4f4f4;border:1px solid #b8b8b8;padding:12px 14px;margin-bottom:9px;font-weight:650;cursor:pointer}
.tool-checklist input[type=checkbox]{accent-color:var(--blue);width:22px;height:22px;flex:none;margin:1px 0 0}
.tool-status{font-weight:800;margin:16px 0}
.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.tool-actions .btn{box-shadow:3px 3px 0 #111}
.scope-tool{margin-top:24px;border:2px solid #111;padding:20px;background:#f8f8f8}
.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}
.tool-fields label{font-size:14px;font-weight:850}
.tool-fields select{width:100%;display:block;min-height:48px;border:2px solid #111;background:#fff;color:#111;padding:10px;margin-top:7px}
.tool-output{background:#fff;border-left:5px solid var(--blue);padding:16px;margin:20px 0;font-size:15px}
.tool-output p:last-child{margin-bottom:0}
.tool-output ul{padding-left:20px;margin:10px 0}
.tool-output li{margin-bottom:9px}
.tool-output h3{font-size:1.35rem;margin:0 0 10px}
.material-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.material-cards>div{border:2px solid #111;padding:20px;background:#f5f5f5}
.material-cards h3{font-size:1.27rem}
.material-cards p{font-size:15px;line-height:1.6;margin:0}
@media(max-width:820px){.investigative-hero.hero{gap:28px}.tool-intro{display:block}.tool-intro span{display:block;margin-top:5px}}
@media(max-width:580px){.tool-fields,.material-cards{grid-template-columns:1fr}.scope-tool{padding:14px}.tool-actions{flex-direction:column}.tool-actions .btn{width:100%}.tool-checklist label{padding:12px}.interactive-panel{box-shadow:4px 4px 0 #111}}
@media print{.site-header,.header-cta,.mobile-menu,.enquiry-section,.site-footer,.tool-actions,.hero-actions,.quick-panel{display:none!important}.blue-wrap{background:#fff!important;color:#111}.hero h1,.hero,.hero .eyebrow,.breadcrumbs,.breadcrumbs a{color:#111!important}.content-panel,.sources,.related{box-shadow:none!important;break-inside:avoid}.read-grid{display:block}.hero{display:block}.hero-media{display:none}}

/* Prevent investigative tables from forcing the mobile grid wider than viewport. */
.read-grid>* ,.content-stack,.content-stack>*,.side-column{min-width:0}

/* Brand name and intrinsic hero panel: no fixed gradient that cuts off tall mobile heroes. */
.site-header .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.site-header .brand img{width:50px;height:50px;max-height:50px}
.brand-name{font-size:14px;line-height:1.16;color:#fff;font-weight:900;letter-spacing:-.02em;max-width:145px}
.blue-wrap{background:#f6f6f6}
.top-banner{position:relative;isolation:isolate}
.top-banner::before{content:"";position:absolute;inset:0 calc((100vw - 100%)/-2);background:var(--blue);z-index:-1}
@media(max-width:820px){.site-header .brand img{width:44px;height:44px}.brand-name{font-size:12px;max-width:125px}}
@media print{.top-banner::before{background:#fff!important}}

@media(max-width:580px){.investigative-hero .hero-media figure{display:none}.investigative-hero .hero-media{padding-top:0}.investigative-hero .hero-proof{margin-top:0}}
