.drill-modes{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 32px;border-bottom:1px solid #ccd5df;padding-bottom:16px}.rb-body .drill-modes button{padding:15px 24px;background:white;border:1px solid #b9c5d1;color:#19344d;font:inherit;cursor:pointer;border-radius:3px}.rb-body .drill-modes button[aria-selected=true]{color:white;background:#19344d;border-color:#19344d}.rb-body #panel-traditional[hidden],.rb-body #panel-geometric[hidden],.dt-illustration [hidden]{display:none!important}.dt-heading{max-width:900px;margin-bottom:30px}.dt-heading h2{margin-bottom:14px}.dt-heading p{line-height:1.7}.dt-direct{display:inline-block;margin-top:12px;font-size:13px;color:#b71e2b}.dt-layout{display:grid;grid-template-columns:minmax(280px,0.85fr) minmax(0,1.65fr);gap:34px;align-items:start}.dt-form{border:1px solid #dce3e8;padding:25px;background:#fff}.dt-field{margin-bottom:22px}.dt-field label{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:15px}.dt-field label span{font-size:12px;color:#667787}.rb-body .dt-field input,.rb-body .dt-field select{display:block;width:100%;padding:12px;margin-top:9px;background:#fff;border:1px solid #aebdca;border-radius:3px;color:#19344d;font:inherit;min-height:46px}.dt-field p,.dt-angles p{font-size:12px;line-height:1.6;color:#617386;margin:7px 0 0}.dt-field:focus-within label{color:#c51f31}.dt-form :focus-visible,.drill-modes :focus-visible,.dt-results :focus-visible{outline:3px solid #c51f31;outline-offset:3px}.dt-angles{border:0;padding:0;margin:0}.dt-angles legend{font-size:14px;font-weight:600;margin-bottom:10px}.dt-angles>div{display:flex;gap:8px}.dt-angles button{flex:1;padding:11px;border:1px solid #c0ccd6;background:#fff;color:#19344d;cursor:pointer}.dt-angles button[aria-pressed=true]{background:#19344d;color:white}.dt-reset{border:0;background:none;text-decoration:underline;color:#19344d;cursor:pointer;padding:6px 0}.dt-form #dt-error{color:#bd1527;font-size:13px;min-height:1em}.dt-figure{margin:0;position:sticky;top:100px;background:#f6f8fa;border:1px solid #dce3e8}.dt-illustration{position:relative;width:100%;aspect-ratio:3/2;background:#fff}.rb-body .dt-illustration img{display:block;width:100%;height:100%;object-fit:contain}.dt-illustration svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dt-illustration g{fill:none;stroke:#ed1936;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px white)}.dt-figure figcaption{padding:20px 24px}.dt-caption-title{font-weight:700;color:#c51f31;font-size:16px;margin:0 0 8px}.dt-figure #dt-highlight-description{font-size:15px;line-height:1.6;margin:0}.dt-example-note{font-size:12px!important;line-height:1.65;color:#647487;margin:15px 0 0!important}.dt-results{margin-top:38px}.dt-results-heading p{font-size:14px;color:#647487}.dt-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.dt-result-card{border:1px solid #cbd6df;padding:20px}.dt-result-card.is-active{border:2px solid #19344d;padding:19px}.dt-result-card h4{font-size:25px;margin:0 0 15px}.dt-result-card button{width:100%;text-align:left;background:#fff;border:0;border-top:1px solid #e2e7eb;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;color:#19344d;cursor:pointer;font:inherit}.dt-result-card button span{font-size:12px;max-width:65%}.dt-result-card button strong{font-size:17px;white-space:nowrap}.dt-volume-note{font-size:13px;line-height:1.7;color:#647487}.dt-depth-warning{font-size:12px;color:#a5182c}.dt-result-card button:hover{color:#c51f31}@media(max-width:800px){.dt-layout{grid-template-columns:1fr}.dt-figure{position:static;grid-row:1}.dt-results-grid{grid-template-columns:1fr}.dt-illustration{max-height:390px}.dt-form{padding:20px}.drill-modes button{flex:1;min-width:140px;font-size:13px!important;padding:12px!important}.dt-figure figcaption{padding:16px}.dt-result-card button span{font-size:14px}}@media print{.drill-modes,.dt-reset,.dt-direct{display:none}.dt-figure{position:static}.dt-layout{grid-template-columns:1fr 1.5fr}.dt-results-grid{grid-template-columns:repeat(3,1fr)}}

.dt-mobile-preview{display:none}@media(max-width:800px){.dt-mobile-preview{display:inline-block;margin-top:9px;padding:8px 0;border:0;background:none;color:#b71e2b;font-size:12px;text-decoration:underline;cursor:pointer}.dt-figure{scroll-margin-top:20px}}

.dt-progress{font-size:14px;font-weight:600;color:#19344d;margin:0 0 22px}.dt-field{position:relative;padding:12px;border:1px solid transparent;border-radius:4px}.dt-field.is-next{border-color:#c51f31;background:#fff8f8}.dt-field.is-next:before{content:"";position:absolute;left:-10px;top:19px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid #c51f31}.dt-field.is-complete{border-color:#d4e3df}.dt-field.is-pending{opacity:.55}.dt-field select:disabled{cursor:not-allowed}.dt-field.is-next label{color:#b71e2b}

.rb-body .dt-calculate{display:block;width:100%;border:1px solid #c51f31;border-radius:4px;background:#c51f31;color:#fff;padding:15px 18px;font:inherit;font-weight:700;cursor:pointer;margin:14px 0 8px}.rb-body .dt-calculate:hover:not(:disabled){background:#a71929}.rb-body .dt-calculate:disabled{background:#e5e9ed;border-color:#e5e9ed;color:#667787;cursor:not-allowed}.dt-calculate-hint{font-size:13px;line-height:1.6;color:#617386;margin:0 0 16px}.dt-results[hidden]{display:none!important}.dt-results{scroll-margin-top:110px}.dt-results h3:focus{outline:none}

.rdc-output[hidden],.rdc a[hidden]{display:none!important}.rdc-field.is-next{border:1px solid #c51f31;background:#fff8f8;border-radius:4px;padding:14px}.rdc-field.is-pending{opacity:.55}.rdc-progress{font-weight:600;color:#19344d}.rdc-submit-hint{font-size:13px;color:#617386}.rdc-output{scroll-margin-top:110px}

.rdc-layout{grid-template-columns:minmax(270px,.8fr) minmax(0,1.6fr);grid-template-areas:"inputs preview" "inputs results";align-items:start}.rdc-inputs{grid-area:inputs}.rdc-preview{grid-area:preview;position:sticky;top:90px;z-index:2;background:white;padding:20px;align-self:start}.rdc-output{grid-area:results}.rdc-preview-status{font-size:13px;line-height:1.5;margin:0 0 10px;color:#19344d}.rdc-preview.is-example .rdc-preview-status{border-left:3px solid #c51f31;padding-left:10px}.rdc-preview .rdc-diagram-note{font-size:12px;padding:10px;margin:0}.rdc-output h4{font-size:24px;margin:10px 0}.rdc-preview .rdc-canvas svg{max-height:46vh}.rdc-layout:has(.rdc-output:not([hidden])) .rdc-preview{position:static}@media(max-width:900px){.rdc-layout{grid-template-columns:1fr;grid-template-areas:"preview" "inputs" "results"}.rdc-preview{top:0;padding:8px 12px;border-bottom:1px solid #ccd5df}.rdc-preview .rdc-canvas svg{height:24vh;min-height:130px}.rdc-preview .rdc-legend,.rdc-preview .rdc-diagram-note,.rdc-preview .rdc-geometry-note{display:none}.rdc-preview-status{font-size:11px;margin:0 0 5px}.rdc-inputs{display:block}.rdc-inputs .rdc-field{margin-bottom:22px}.rdc-field{scroll-margin-top:38vh}}

.rdc-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rdc .rdc-presets button{min-height:48px;padding:10px 6px;font-size:15px}.rdc-field input::placeholder{font-size:14px;font-weight:400;color:#667787}.rdc-metrics .rdc-operator-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rdc-operator-results>div{background:#f3f6f8;border:1px solid #dce2e9;border-top:3px solid #c51f31;padding:18px!important;border-radius:4px}.rdc-operator-results dt{font-size:15px;font-weight:600}.rdc-operator-results dd{font-size:32px}.rdc-operator-results p,.rdc-operator-settings{font-size:13px;line-height:1.6}.rdc-output .rdc-live{min-height:0}.rdc-output .rdc-live:empty{display:none}@media(max-width:480px){.rdc-metrics .rdc-operator-results{grid-template-columns:1fr}}

/* Shared interaction style with the construction-joint calculator. */
.dt-field{padding:0;border:0;margin-bottom:22px}.rdc-field:focus-within label{color:#c51f31}.rdc-field:focus-within input[type=text]{border-color:#c51f31}.rdc-form-status{font-size:13px;line-height:1.6;color:#617386}.rdc-preview{position:static}.rdc-layout{grid-template-rows:auto 1fr}.rdc-output{padding-top:0}.rdc-preview-status{font-size:12px}.rdc-preview .rdc-canvas svg{max-height:440px}.rdc-inputs{background:#f8fafb}.dt-form{background:#f8fafb}.rdc-presets button{border-radius:3px}.rdc-output h4{font-size:23px}.rdc{margin-top:0}@media(max-width:900px){.rdc-preview{position:static}.rdc-preview .rdc-canvas svg{height:auto;max-height:350px}.rdc-field{scroll-margin-top:100px}}