.rule-demo{gap:var(--gutter);display:grid}@media (min-width:900px){.rule-demo{grid-template-columns:1fr 1fr}}[data-ui].rule-specimen{background:var(--tone);min-height:clamp(400px,48vw,640px);transition:background-color .5s var(--ease-out), color .5s var(--ease-out);flex-direction:column;padding:clamp(20px,2.4vw,36px);display:flex}[data-ui] .rule-caption{font-weight:600}[data-ui] .rule-figure{margin-top:clamp(20px,3vw,44px);font-size:clamp(120px,16vw,260px);line-height:.8}[data-ui] .rule-sets{font-size:var(--step-lead);margin-top:20px;font-weight:600;line-height:1.25}[data-ui] .rule-sets .block{font-size:var(--step-body);margin-top:4px;font-weight:400}[data-ui] .rule-actions{flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:32px;display:flex}@media (max-width:899px){[data-ui].rule-specimen{min-height:0}}[data-ui] .rule-status{min-height:3em;color:var(--ink-2);margin-top:14px}.rule-demo[data-status=confirmed] .rule-table{background:var(--lime);color:var(--on-lime)}.rule-demo[data-status=rejected] .rule-proposed .rule-figure{text-decoration:line-through;text-decoration-thickness:.06em}[data-ui] .rule-rank{border-collapse:separate;border-spacing:0 2px;font-variant-numeric:tabular-nums;width:100%;margin-top:auto}[data-ui] .rule-rank th,[data-ui] .rule-rank td{text-align:right;padding:7px 0;font-weight:400}[data-ui] .rule-rank th:first-child{text-align:left}[data-ui] .rule-rank thead th{font-size:var(--step-small);opacity:.72}[data-ui] .rule-rank tbody th{font-weight:600}[data-ui] .rule-rank td{width:5.5rem}@media (prefers-reduced-motion:no-preference){.rule-count{animation:count-roll .6s var(--ease-expo)}.rule-demo[data-status=confirmed] .rule-rank tr[data-involved]{animation:row-settle .7s var(--ease-expo)}}@keyframes count-roll{0%{opacity:0;transform:translateY(30%)}}@keyframes row-settle{0%{opacity:.2;transform:translateY(10px)}}