/* A quiet report sheet, shared by the desktop scroll story and mobile examples. */
.report-frame,.mobile-report{background:#f8faf8;border:1px solid #e2e8e3;border-radius:10px;box-shadow:0 18px 44px -34px #1c302b30;overflow:hidden}
.report-header{padding:28px 34px 0;border:0;display:block}
.sample-label{font-size:.8125rem;font-weight:400;letter-spacing:0;color:#708076}
.report-panels{display:grid}
.report-panel{padding:25px 34px 30px;background:transparent;transform:translateY(9px);transition:opacity .4s ease,transform .55s ease}
.report-panel h3{margin:0 0 27px;font-size:2.125rem;font-weight:400;line-height:1.12;letter-spacing:-1.25px;color:var(--ink)}
.report-scope{font-size:.875rem;color:#728277;line-height:1.5;margin:0 0 18px}
.finding-list,.report-leaks,.report-steps{list-style:none;margin:0;padding:0}
.finding-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e0e7e1;font-size:.9375rem;line-height:1.5}
.finding-list li:last-child,.report-leaks li:last-child{border-bottom:0;padding-bottom:0}
.finding-state{font-size:.8125rem;flex-shrink:0;font-weight:400;line-height:1.5}
.finding-state.attention{color:#a15237}
.finding-state.passed{color:#648370}
.report-steps{position:relative;margin:0 0 26px}
.report-steps:before{content:"";position:absolute;left:9px;top:26px;bottom:26px;width:1px;background:#d6e0d8}
.report-steps li{position:relative;display:flex;align-items:center;gap:19px;min-height:52px;padding:12px 0;font-size:.9375rem;line-height:1.5}
.report-step-number{font: .75rem 'Courier New',monospace;color:#7c8d81;background:#f8faf8;position:relative;padding:5px 0;flex:0 0 20px}
.report-steps li:nth-child(2) .report-step-number{color:#a15237}
.report-priority{border-left:2px solid #edb29a;padding-left:17px}
.report-priority>span{font-size:.8125rem;line-height:1.5;color:#a15237}
.report-priority p{font-size:.9375rem;line-height:1.5;margin:5px 0 0;color:var(--ink)}
.report-leaks li{padding:18px 0 22px;border-bottom:1px solid #e0e7e1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.report-leaks li>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.report-leak-source{font-size:.9375rem;line-height:1.5}
.report-leak-account{font-size:.8125rem;line-height:1.5;color:#728277;overflow-wrap:anywhere}
.report-leaks .finding-state{padding-top:2px}
.report-footer{padding:20px 34px 24px;border-top:0;display:flex;justify-content:space-between;align-items:center;gap:20px}
.report-footer>span{font: .75rem 'Courier New',monospace;color:#7c8c80;letter-spacing:0}
.report-dots{gap:6px}
.report-dots i,.report-dots i.active{width:26px;height:2px;border-radius:2px;background:#dce5de;transition:background .4s}
.report-dots i.active{background:#dca88f}
@media(max-width:1100px){.report-header{padding:26px 26px 0}.report-panel{padding:23px 26px 27px}.report-panel h3{font-size:1.875rem}.report-footer{padding:17px 26px 23px}.finding-list li{gap:12px;font-size:.875rem}.report-steps li{gap:15px;font-size:.875rem}}
@media(max-width:760px){.mobile-report .report-header{padding:24px 24px 0;background:transparent;border:0}.mobile-report .report-panel{padding:23px 24px 27px;background:transparent}.mobile-report .report-panel h3{font-size:1.875rem;line-height:1.12;letter-spacing:-1px;margin-bottom:25px}.mobile-report .report-scope{font-size:.875rem;margin-bottom:14px}.finding-list li{padding:18px 0;font-size:.875rem;gap:14px}.finding-state{font-size:.75rem}.report-steps li{font-size:.875rem;min-height:51px}.report-leak-source{font-size:.9375rem}.report-leak-account{font-size:.8125rem}.report-leaks li{gap:12px}.mobile-report{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.report-panel,.report-dots i{transition:none}}