@layer components{.recon-win{overflow:hidden}.recon-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--color-tint);color:var(--color-ink-2);font-size:var(--text-ui);font-weight:600;line-height:1.3}.recon-mark{flex:none;width:auto;height:.875rem}.recon-rows{padding:.25rem .875rem .625rem}.recon-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.1875rem .75rem;padding-block:.5625rem;border-bottom:1px solid var(--color-line);transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}.recon-row:last-child{border-bottom:0}.recon-what{font-size:var(--text-ui);font-weight:500;line-height:1.3}.recon-from{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.recon-amt{grid-row:1 / span 2;grid-column:2;font-size:.9375rem;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.recon-row.is-adj :is(.recon-what,.recon-amt){color:var(--color-ink-2);font-weight:500}.recon-row.is-tot{margin-top:.125rem;border-bottom:0}.recon-row.is-tot:before{content:"";position:absolute;inset:-1px 0 auto;height:1.5px;background:var(--color-ink);transform-origin:left;transition:transform var(--duration-move) var(--ease-out)}.recon-row.is-tot .recon-amt{font-size:1.25rem;letter-spacing:-.02em}.recon-ai{display:inline-flex;align-items:center;gap:.3125rem;height:1.375rem;padding:0 .4375rem 0 .1875rem;border-radius:var(--radius-inner);background:var(--color-tint);font-size:.75rem;font-weight:600;white-space:nowrap}.recon-ai small{color:var(--color-ink-2);font-size:inherit;font-weight:500}.recon-av{display:grid;place-items:center;width:1.0625rem;height:1.0625rem;border-radius:50%;background:var(--role);font-size:.625rem}.recon-src{color:var(--color-ink-2);font-size:.75rem}.recon-def{margin-top:.75rem;padding:.75rem .875rem .8125rem;transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}.recon-def-top{display:flex;align-items:center;gap:.5rem;color:var(--color-ink-2);font-size:.75rem;font-weight:600}.recon-def-top .ico{width:.875rem;height:.875rem;color:var(--color-brand)}.recon-term{margin-top:.375rem;font-size:1.125rem;font-weight:600;line-height:1.2;letter-spacing:-.012em}.recon-rule{margin-top:.25rem;font-size:var(--text-ui);line-height:1.4}.recon-ok{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.625rem;padding-top:.625rem;border-top:1px solid var(--color-line);color:var(--color-ink-2);font-size:.75rem;line-height:1.35;transition:opacity var(--duration-state) linear}.recon-ok .ico{flex:none;width:.75rem;height:.75rem;color:var(--color-brand);stroke-width:2}.recon-ok .role-chip{min-height:1.375rem;padding:.0625rem .4375rem;font-size:.75rem}:where(.motion) [data-recon]:not(.is-r1) .recon-row[data-r="1"],:where(.motion) [data-recon]:not(.is-r2) .recon-row[data-r="2"],:where(.motion) [data-recon]:not(.is-r3) .recon-row[data-r="3"],:where(.motion) [data-recon]:not(.is-r4) .recon-row[data-r="4"] :is(.recon-what,.recon-from,.recon-amt),:where(.motion) [data-recon]:not(.is-def) .recon-def{opacity:0;transform:translateY(6px)}[data-recon] .recon-row[data-r="4"] :is(.recon-what,.recon-from,.recon-amt){transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}:where(.motion) [data-recon]:not(.is-rule) .recon-row.is-tot:before{transform:scaleX(0)}:where(.motion) [data-recon]:not(.is-ok) .recon-ok{opacity:0}}