.q4-usage{color:#191816;margin:24px 0;padding:24px 0;border-block:1px solid #e5ded2;text-align:left;scroll-margin-top:160px}
.q4-usage h3{font:400 27px/1.2 var(--heading-font-family,Georgia,serif);letter-spacing:0;margin:0 0 12px}
.q4-usage p{font-size:14px;line-height:1.6;margin:0 0 16px}
.q4-usage strong{font-weight:600}
.q4-usage label{display:block;font-size:13px;line-height:1.5}
.q4-usage select{display:block;width:100%;background:#fff;color:inherit;border:1px solid #cfc5b4;border-radius:0;padding:12px;font:inherit;margin-top:8px;min-height:44px}
.q4-usage__inputs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}
.q4-usage input[type=range]{display:block;width:100%;height:44px;margin-top:8px;accent-color:#8b7136}
.q4-usage output{font-weight:600;margin-left:8px;font-variant-numeric:tabular-nums}
.q4-usage__scroll{max-width:100%;overflow:auto}
.q4-usage table{border-collapse:collapse;width:100%;min-width:480px;font:13px/1.5 var(--text-font-family,Arial,sans-serif);font-variant-numeric:tabular-nums}
.q4-usage th,.q4-usage td{padding:12px 10px;text-align:left;border-bottom:1px solid #e5ded2;white-space:normal}
.q4-usage thead th{font-weight:600;background:#f6f3ed}.q4-usage tbody th{font-weight:400}
.q4-usage tr[data-travel=true]{background:#f6f3ed}
.q4-usage .q4-usage__note{font-size:11px;color:#655d52;margin:18px 0 0}.q4-usage .q4-usage__explanation{margin:18px 0 10px}
.q4-usage a{font-size:13px;color:inherit;text-decoration:underline;text-underline-offset:4px}
.q4-usage :is(a,select,input,.q4-usage__scroll):focus-visible{outline:2px solid #8b7136;outline-offset:4px}
.q4-usage .q4-usage__hint{font-size:11px;color:#655d52;margin-bottom:6px}
.td-comparison .q4-usage{margin:16px 0;padding:20px 0}.td-comparison .q4-usage h3{font-size:23px}
@media(max-width:440px){.q4-usage__inputs{gap:16px;grid-template-columns:1fr 1fr}.q4-usage h3{font-size:24px}}
@media(max-width:600px){.q4-usage table{min-width:0}.q4-usage thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.q4-usage tbody{display:block}.q4-usage tr{display:grid;grid-template-columns:1fr 1fr;padding:14px 12px;gap:10px 16px;border-bottom:1px solid #e5ded2}.q4-usage td,.q4-usage tbody th{border:0;padding:0}.q4-usage tbody th{grid-column:1/-1;font-size:15px;font-weight:600;text-transform:none}.q4-usage td::before{content:attr(data-label);display:block;font-size:10px;line-height:1.4;color:#655d52;margin-bottom:3px}.q4-usage .q4-usage__hint{display:none}.q4-usage__scroll{overflow:visible}}