/* AI Reports inherits the shared Mattear solution-page system. */
.solution-reports .hero::before,.solution-reports .hero::after { display:none; }
.solution-reports .hero { padding:6rem 0; }
.solution-reports .hero-grid { gap:3.5rem; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); }
.solution-reports h1 { font-size:clamp(2.6rem,4.6vw,4.6rem); line-height:1.03; }
.solution-reports .hero h1 span { color:var(--terra-600); }
.reports-preview { transform:none; border-radius:1.2rem; background:var(--paper); }
.reports-preview .visual-bar { background:var(--forest-700); color:var(--cream); }
.report-canvas { padding:1.4rem; }
.report-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.4rem; }
.report-heading>span { color:var(--forest-900); font-size:.9rem; font-weight:700; }
.report-heading small { color:var(--muted); font-size:.65rem; }
.report-kpis { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.report-kpis>div { padding:1rem; background:var(--cream); border:1px solid var(--line); border-radius:.7rem; }
.report-kpis span { display:block; font-size:.7rem; color:var(--muted); }
.report-kpis strong { display:block; margin-top:.5rem; font-size:2rem; color:var(--forest-700); letter-spacing:-.06em; }
.report-chart { margin-top:1.2rem; padding:1rem; border:1px solid var(--line); border-radius:.7rem; }
.report-chart>span { font-size:.7rem; color:var(--forest-800); font-weight:600; }
.report-bars { height:176px; display:flex; align-items:stretch; gap:12px; margin-top:1.2rem; }
.report-bars>div { position:relative; flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding-bottom:24px; }
.report-bars i { width:100%; max-width:38px; min-height:3px; height:calc(var(--bar-height)*.75); background:var(--forest-700); border-radius:4px 4px 0 0; }
.report-bars>div:last-child i { background:var(--terra-600); }
.report-bars b { font-size:.6rem; color:var(--muted); font-weight:500; margin-bottom:5px; }
.report-bars span { position:absolute; bottom:0; font-size:.6rem; color:var(--muted); }
.report-proof { display:flex; align-items:center; gap:.5rem; font-size:.7rem; color:var(--forest-700); margin-top:1.2rem; }
.report-disclaimer { margin-top:1rem; padding-top:.85rem; border-top:1px solid var(--line); font-size:.65rem; color:var(--muted); }
.report-use-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.report-use-cases h3 { font-size:1.2rem; line-height:1.5; }
.reports-principle { background:var(--forest-100); }
.reports-principle p:not(.section-label) { color:var(--forest-800); font-size:1.05rem; line-height:1.8; }
.reports-principle .text-link { display:inline-block; margin-top:1.5rem; color:var(--forest-800); font-weight:700; text-underline-offset:4px; }
.solution-reports .related-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:900px) { .solution-reports .hero-grid { grid-template-columns:1fr; gap:2.5rem; } .reports-preview { width:100%; max-width:540px; } .report-use-cases { grid-template-columns:1fr; } .solution-reports .hero { padding:3.5rem 0; } }
@media(max-width:600px) { .solution-reports .related-grid { grid-template-columns:1fr; } .report-canvas { padding:1rem; } .report-heading { align-items:flex-start; flex-direction:column; gap:.4rem; } .report-bars { gap:8px; } .report-kpis strong { font-size:1.7rem; } .solution-reports .nav-actions { gap:.6rem; } }
