.cror-example{min-width:0;margin:1.6rem 0;padding:clamp(1rem,3vw,1.7rem);border:1px solid #c3cdbd;border-radius:.5rem;background:#f3f5ec;color:#243329}
.cror-example .cror-kicker{display:block;font:650 .69rem/1.3 var(--sans,system-ui,sans-serif);letter-spacing:.12em;color:#486449}
.cror-example figcaption h3{margin:.35rem 0 .8rem}
.cror-example p{margin:.65rem 0;overflow-wrap:break-word}
.cror-example .cror-laws{margin:1rem 0;border-block:1px solid #c3cdbd}
.cror-laws>div{padding:.45rem 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.15rem .7rem}
.cror-laws>div+div{border-top:1px solid #dee4d8}
.cror-laws dt{font-weight:550}.cror-laws dt b{padding-inline-end:.3rem}
.cror-laws dd,.cror-values dd{margin:0;font-variant-numeric:tabular-nums}
.cror-example .cror-controls{margin:1.1rem 0;padding-top:.5rem}
.cror-controls fieldset{border:0;min-width:0;margin:.6rem 0;padding:0}
.cror-controls legend{padding:0;font-size:.92rem;font-weight:650}
.cror-controls fieldset>div{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.3rem}
.cror-controls label{display:inline-flex;gap:.45rem;align-items:center;min-height:2.75rem;max-width:100%;box-sizing:border-box;padding:.3rem .7rem;border:1px solid #899b87;border-radius:.3rem;background:white;cursor:pointer;font:500 .88rem/1.35 var(--sans,system-ui,sans-serif)}
.cror-controls label:has(input:checked){background:#e1ecdf;border-color:#3e5c44}
.cror-controls label:focus-within{outline:2px solid #245a46;outline-offset:2px}
.cror-controls small{display:block;font-size:.8rem}.cror-controls input{margin:0;accent-color:#345b43}
.cror-result{margin:.8rem 0;padding:.8rem 1rem;border-inline-start:3px solid #668365;background:white}
.cror-result>strong{font-size:.94rem}
.cror-example .cror-values{display:flex;gap:.45rem 1rem;flex-wrap:wrap;margin:.6rem 0}
.cror-values dt{font:550 .78rem/1.4 var(--sans,system-ui,sans-serif);color:#536458}
.cror-values dd{font-size:1rem;color:#243b2c}.cror-result p:last-child{margin-bottom:0}
.cror-example .cror-scope{margin:1rem 0 0;border-block-start:1px solid #c3cdbd;padding-top:.7rem;font-size:.92rem}
.cror-example [hidden]{display:none!important}
@media(max-width:600px){.cror-laws>div{grid-template-columns:1fr;padding:.6rem 0}.cror-controls fieldset>div{gap:.5rem}.cror-result{padding:.75rem}.cror-example .cror-values{gap:.4rem .8rem}}
@media print{.cror-example [data-cror-state][hidden]{display:block!important}.cror-example .cror-controls{display:none!important}.cror-result{break-inside:avoid}.cror-example{break-inside:auto}}