.recital-demo{background:#fffdf9;border:1px solid #d8d4ca;border-radius:14px;overflow:hidden;color:#24231f}.rd-heading,.rd-limits{padding:clamp(1.2rem,3vw,2rem)}.rd-heading h2{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;font-weight:400;max-width:700px}.rd-heading p{max-width:780px}.rd-controls{padding:1.1rem clamp(1.2rem,3vw,2rem);background:#f4efe5;display:flex;flex-wrap:wrap;gap:1rem 3rem}.rd-controls fieldset{border:0;padding:0;margin:0;min-width:0;display:flex;flex-wrap:wrap;gap:.35rem 1rem}.rd-controls legend{font-weight:650;margin-bottom:.5rem}.rd-controls label{display:inline-flex;align-items:center;min-height:44px;gap:.4rem;cursor:pointer}.rd-controls input{accent-color:#913f32;width:18px;height:18px}.recital-demo :focus-visible{outline:3px solid #913f32;outline-offset:4px}.rd-grid{display:grid;grid-template-columns:1fr 1fr}.rd-order,.rd-result{padding:clamp(1.2rem,3vw,2rem);min-width:0}.rd-order h3,.rd-result h3,.rd-limits h3{font-size:1.1rem;margin-top:0}.rd-total{display:block;color:#676256;font-size:.85rem;font-weight:400;margin-top:.25rem}.rd-order ol{padding-left:1.5rem;margin-bottom:0}.rd-order li{padding:.7rem .5rem;border-bottom:1px solid #e4dfd4}.rd-order li:last-child{border:0}.rd-order span{display:block;color:#676256;font-size:.88rem;margin-top:.2rem}.rd-result{background:#f9f4eb;border-left:1px solid #e4dfd4}.rd-count{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;margin-top:0;color:#823426}.rd-result li{margin-block:.6rem;overflow-wrap:anywhere}.rd-result ul{padding-left:1.1rem}.rd-explain{border-top:1px solid #ded6c6;padding-top:1rem;color:#62594d}.rd-limits{border-top:1px solid #d8d4ca}.rd-limits p{max-width:790px}.rd-limits .fine{margin-bottom:0}.recital-demo noscript p{padding:1.2rem}@media(max-width:650px){.rd-grid{grid-template-columns:1fr}.rd-result{border-left:0;border-top:1px solid #e4dfd4}.rd-controls{display:block}.rd-controls fieldset+fieldset{margin-top:.8rem}}
.recital-demo{margin-block:1rem}@media(max-width:650px){.rd-result{grid-row:1;border-top:0;border-bottom:1px solid #e4dfd4}.rd-order{grid-row:2}}