.recon-sample{padding-block:48px 58px;border-bottom:1px solid var(--line)}
.recon-sample h2{font-size:clamp(29px,3.2vw,40px);font-weight:550;margin-bottom:12px}
.recon-sample>div>p{max-width:710px;color:var(--muted)}
.recon-scroll{overflow-x:auto;margin-top:28px;border:1px solid var(--line);border-radius:8px;background:#fff}
.recon-table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px}
.recon-table caption{text-align:left;padding:18px 20px;background:#f0f2fc;color:var(--ink);font-weight:600}
.recon-table th,.recon-table td{padding:15px 20px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.recon-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.recon-table td small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.recon-table td:last-child,.recon-table th:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.recon-table .credit{color:#256b53;font-weight:700}.recon-table .debit{color:var(--ink);font-weight:700}
.recon-sample .recon-note{font-size:12px;margin:14px 0 0}
.recon-scope{padding-block:44px}
.recon-scope h2{font-size:30px;font-weight:550;margin-bottom:14px}
.recon-scope p{max-width:730px;color:var(--muted)}
.recon-scope ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;list-style:none;padding:0;margin:25px 0 0}
.recon-scope li{border-left:3px solid var(--copper);padding:4px 0 4px 16px;font-size:14px}
.recon-scope li strong{display:block;color:var(--ink);margin-bottom:5px}
.recon-scope li span{color:var(--muted)}
@media(max-width:650px){
  .recon-sample{padding-block:34px 40px}.recon-scroll{margin-top:20px;overflow:visible}
  .recon-table,.recon-table tbody,.recon-table caption{display:block;min-width:0}
  .recon-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .recon-table tr{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:14px 16px;border-top:1px solid var(--line)}
  .recon-table td{border:0;padding:0}
  .recon-table td:first-child{grid-column:1;grid-row:1;color:var(--muted);font-size:12px}
  .recon-table td:nth-child(4){grid-column:2;grid-row:1}
  .recon-table td:nth-child(2){grid-column:1/-1;grid-row:2}
  .recon-table td:nth-child(3){grid-column:1/-1;grid-row:3;color:var(--muted);font-size:12px}
  .recon-scope{padding-block:34px}.recon-scope ul{grid-template-columns:1fr}
}
