.rtc-tool{width:100%;max-width:64rem;margin:1.5rem auto 0}.rtc-panel,.rtc-result{border:1px solid var(--color-base-300);border-radius:var(--radius-box);background:var(--color-base-100);padding:clamp(1rem,3vw,1.5rem)}.rtc-panel{border-top:.35rem solid var(--color-primary);box-shadow:0 .6rem 1.8rem color-mix(in oklab,var(--color-base-content) 7%,transparent)}.rtc-result{border-width:2px;border-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 8%,var(--color-base-100));margin-top:1rem}.rtc-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.rtc-head h2,.rtc-result h2{margin:0;font-size:1.4rem;font-weight:800}.rtc-head p{margin:.35rem 0 0;line-height:1.6}.rtc-fields{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:start;gap:1rem;margin-top:1.25rem;display:grid}.rtc-field{flex-direction:column;gap:.4rem;min-width:0;font-weight:750;display:flex}.rtc-field small{min-height:2.5rem;font-weight:400;line-height:1.35}.rtc-input-unit{grid-template-columns:minmax(0,1fr) 7.5rem;display:grid}.rtc-input-unit .input{border-radius:var(--radius-field) 0 0 var(--radius-field)}.rtc-input-unit .select{border-radius:0 var(--radius-field) var(--radius-field) 0;border-left:0}.rtc-field .input,.rtc-field .select,.rtc-clear-wrap .btn,.rtc-mode label{height:44px;min-height:44px}.rtc-clear-wrap{align-items:flex-end;padding-top:1.9rem;display:flex}.rtc-clear-wrap .btn{min-width:6.5rem}.rtc-field .input,.rtc-field .select{width:100%;font-size:1rem}.rtc-error{color:var(--color-error);font-size:.88rem;line-height:1.35}.rtc-mode{flex-wrap:wrap;gap:.6rem;margin-top:1.15rem;display:flex}.rtc-mode label{border:1px solid var(--color-base-300);border-radius:var(--radius-field);cursor:pointer;align-items:center;gap:.5rem;min-width:12rem;padding:0 .85rem;display:inline-flex}.rtc-mode label:has(input:checked){border-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 18%,var(--color-base-100))}.rtc-kicker{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.8rem;font-weight:850}.rtc-empty{border-radius:var(--radius-box);background:var(--color-base-200);text-align:center;place-items:center;min-height:6rem;display:grid}.rtc-primary{border-radius:var(--radius-box);background:var(--color-primary);color:var(--color-primary-content);margin:1rem 0;padding:1rem}.rtc-primary span{font-size:.86rem;font-weight:700;display:block}.rtc-primary strong{overflow-wrap:anywhere;margin-top:.2rem;font-size:clamp(1.5rem,5vw,2.25rem);line-height:1.2;display:block}.rtc-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 1rem;display:grid}.rtc-metrics div{border-radius:var(--radius-box);background:var(--color-base-200);padding:.9rem}.rtc-metrics dt{min-height:2.5rem;font-size:.86rem}.rtc-metrics dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-size:1.15rem;font-weight:850}.rtc-note{border-left:.3rem solid var(--color-warning);margin:1rem 0;padding-left:.9rem;line-height:1.6}.rtc-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;display:flex}.rtc-result .rtc-copy .btn{min-width:13rem;padding-inline:1.5rem;font-size:1rem;font-weight:800;height:48px!important;min-height:48px!important}.rtc-copy [role=status]{min-height:1.5rem;margin:0}.rtc-guide{box-sizing:border-box;border-top:1px solid var(--color-base-300);text-align:start;width:100%;max-width:48rem;margin:3.5rem auto 2.5rem;padding-top:1.5rem}.rtc-guide h2{margin:2rem 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.35}.rtc-guide h3{margin:1.25rem 0 .55rem;font-size:1.125rem;font-weight:600}.rtc-guide p,.rtc-guide li{font-size:1rem;line-height:1.75}.rtc-guide p,.rtc-guide ol,.rtc-guide ul{margin:0 0 .8rem}.rtc-guide ol,.rtc-guide ul{padding-inline-start:1.4rem}.rtc-formula,.rtc-example{border:1px solid var(--color-base-300);background:var(--color-base-200);border-radius:.5rem;margin:.75rem 0;padding:1rem}.rtc-example h3{margin-top:0}@media (width<=48rem){.rtc-fields,.rtc-metrics{grid-template-columns:1fr}.rtc-field small,.rtc-metrics dt{min-height:0}.rtc-clear-wrap{padding-top:0}.rtc-clear-wrap .btn{width:100%}.rtc-guide{margin-top:2.5rem}}@media (width<=30rem){.rtc-copy .btn,.rtc-mode label{width:100%}.rtc-input-unit{grid-template-columns:minmax(0,1fr) 6.8rem}}