.dowel-app [hidden]{display:none!important}.dowel-app .tc-input-panel fieldset{border:0;border-bottom:1px solid #e4e7e2;padding:12px 0;margin:0}.dowel-app .tc-fields{display:grid;grid-template-columns:1fr;gap:7px}.dowel-app .tc-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,48%);align-items:center;gap:9px}.dowel-app .tc-field>span{font:13px/1.35 Arial;margin:0}.dowel-app .tc-field input,.dowel-app .tc-field select{font:13px Arial;height:33px;min-width:0;width:100%;padding:5px 7px}.dowel-app .tc-field small{font-size:11px}.dowel-app .tc-field>div{min-width:0}.dowel-app .tc-input-panel legend{font-size:23px;margin:0 0 7px}.dowel-app .tc-hint{font-size:12px;line-height:1.5}.dowel-app .tc-panel{padding:18px}.dowel-app .tc-scheme{align-self:start}.dowel-app .tc-live{font-size:11px}.dowel-app .beam-right-column>.tc-results{grid-row:auto;grid-column:auto;align-self:start;margin:0}.dowel-app .beam-right-column{gap:12px}.dowel-app .tc-report{grid-column:1/-1;grid-row:4}.dowel-app .tc-scheme svg{width:100%;height:auto;max-height:none}.dowel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid #e1e5df}.dowel-metrics>div{display:grid;gap:5px}.dowel-metrics span,.dowel-result-value span{font:12px Arial;color:#667168}.dowel-metrics b{font:17px Arial}.dowel-result-value{display:grid;gap:7px;padding:15px 0;border-bottom:1px solid #e4e7e2}.dowel-result-value strong{font:25px Georgia,serif;color:#244b32}.dowel-result-value small{font-size:12px;color:#58645c}.dowel-secondary{border:1px solid #ccd5c9;background:#f3f6ef;color:#294831;padding:9px 12px;border-radius:4px;font:13px Arial;cursor:pointer;margin:10px 0;width:100%}.dowel-secondary:hover{background:#e7efdf}.dowel-app .tc-status.partial{background:#fff3d8;color:#745215}.dowel-app .tc-verification .tc-failed td{background:#fff0eb;color:#b3261e!important;font-weight:600}.dowel-app #dowel-detail{border-top:1px solid #e1e5df;margin-top:16px;padding-top:16px}.dowel-app .tc-unit-row{margin:8px 0}.dowel-app .beam-coefficient-panel h2{font-size:25px}.dowel-app .tc-report-columns{display:block;width:100%;min-width:0}.tc-report-columns>section{display:block;width:100%;min-width:0;margin:0 0 20px;box-sizing:border-box;overflow-wrap:break-word}.tc-report-columns table{width:100%;max-width:100%;table-layout:auto}.dowel-app .tc-report table{width:100%;font-size:12px;border-collapse:collapse}.dowel-app .tc-report th,.dowel-app .tc-report td{padding:8px;border-bottom:1px solid #ddd;text-align:left}.dowel-app .tc-report h2{margin-top:25px}.dowel-app .tc-report svg{max-height:480px}.dowel-app .tc-report li{margin:7px 0}.dowel-app :focus-visible{outline:2px solid #47704c;outline-offset:2px}@media(max-width:1200px) and (min-width:761px){#timber-app.dowel-app{grid-template-columns:minmax(285px,36%) minmax(0,1fr)}.dowel-app>.beam-right-column{grid-column:2;grid-row:3}.dowel-app>.tc-input-panel{grid-row:2/4}.dowel-app>.tc-report{grid-row:4}}@media(max-width:760px){.dowel-app>.beam-right-column{grid-column:1;grid-row:4}.dowel-app>.tc-report{grid-row:5}.dowel-app .tc-report-columns{display:block;width:100%;min-width:0}.tc-report-columns>section{display:block;width:100%;min-width:0;margin:0 0 20px;box-sizing:border-box;overflow-wrap:break-word}.tc-report-columns table{width:100%;max-width:100%;table-layout:auto}.dowel-app .tc-panel{padding:14px}.dowel-app .tc-field>span{font-size:13px}.dowel-app .tc-field select{font-size:12px}}@media print{.dowel-app>.tc-input-panel,.dowel-app>.tc-scheme,.dowel-app>.beam-right-column,.dowel-app>.wood-calculator-nav,.dowel-app .tc-report-head{display:none!important}.dowel-app .tc-report{display:block!important}.dowel-app .tc-report[hidden]{display:none!important}.dowel-app .tc-report svg{max-height:350px}.dowel-app .tc-report tr{break-inside:avoid}}

#dowel-report #tc-report-content>svg{display:block;width:100%;height:auto;max-height:none}

.dowel-app .dowel-scheme-choices{margin:12px 0 22px}.dowel-app .dowel-scheme-choices svg{max-height:45px;height:45px}.dowel-app .dowel-scheme-choices button[aria-pressed="true"]{border-color:#52745a;background:#f0f5ec;color:#254a31}

.dowel-board-section{padding:14px 0 20px;border-bottom:1px solid #7c8387;margin-bottom:12px}.dowel-board-section h3{font:600 16px Arial;margin:0 0 14px}.dowel-board-section .section-dimension-pair{margin:0}

.dowel-app .dowel-bolt-steel{margin:0;text-align:right}

#timber-app.dowel-app .dowel-work-modes{display:grid;grid-template-columns:1fr;gap:8px;margin:4px 0 12px}
#timber-app.dowel-app .dowel-work-modes button{min-width:0;width:100%;padding:15px 16px;font:700 18px/1.35 Arial;text-align:left;white-space:normal;border:1px solid var(--theme-border,#ccd5c9);border-left-width:4px;border-radius:5px;cursor:pointer}
#timber-app.dowel-app .dowel-work-modes button[aria-pressed="true"]{border-color:var(--theme-accent,#47704c);color:var(--theme-accent,#244b32);background:var(--theme-soft,#eef3eb);box-shadow:inset 0 0 0 1px var(--theme-accent,#47704c)}
:root[data-site-theme] #timber-app.dowel-app .dowel-work-modes button[aria-pressed="true"]{color:var(--theme-accent);border-left-width:4px}

/* Align materials with the two section value boxes, and keep overlap label beside its value. */
#timber-app.dowel-app #dowel-form .dowel-material-row{display:block!important;width:var(--dowel-material-width,100%)!important;max-width:100%;margin-left:auto!important;box-sizing:border-box}
#timber-app.dowel-app #dowel-form .dowel-material-row>select{width:100%!important;max-width:100%;box-sizing:border-box}
#timber-app.dowel-app #dowel-form [data-fields="overlap"]>.tc-field{display:grid!important;grid-template-columns:minmax(0,1fr) var(--dowel-control-width,var(--numeric-field-width,110px))!important;align-items:center!important;gap:10px!important}
#timber-app.dowel-app #dowel-form [data-fields="overlap"]>.tc-field>span{margin:0!important;align-self:center;white-space:normal}
#timber-app.dowel-app #dowel-form [data-fields="overlap"]>.tc-field>div{margin:0!important;align-self:center}

/* Bolt controls share the standard numeric cell, including dynamically replaced count fields. */
#timber-app.dowel-app #dowel-form .tc-field:not([hidden]):has(:is([name="d"],[name="count"],[name="rowChoice"],[name="loadType"],[name="layout"])){display:grid!important;grid-template-columns:minmax(0,1fr) var(--dowel-control-width,var(--numeric-field-width,110px))!important;align-items:center!important;gap:10px!important}
#timber-app.dowel-app #dowel-form .tc-field:has(:is([name="d"],[name="count"],[name="rowChoice"],[name="loadType"],[name="layout"]))>span{grid-column:1!important;margin:0!important;white-space:normal;min-width:0}
#timber-app.dowel-app #dowel-form .tc-field:has(:is([name="d"],[name="count"],[name="rowChoice"],[name="loadType"],[name="layout"]))>:is(select,div){grid-column:2!important;grid-row:1!important;width:var(--dowel-control-width,var(--numeric-field-width,110px))!important;min-width:0!important;max-width:100%!important;height:var(--numeric-field-height,40px)!important;min-height:var(--numeric-field-height,40px)!important;margin:0!important;box-sizing:border-box;justify-self:end}

@media screen{#main.wood-workspace #timber-app.dowel-app #dowel-form{--dowel-control-width:140px}}