.dko-configurator{max-width:1080px;margin:32px auto;font-family:inherit;color:#222}.dko-form{display:grid;gap:18px}.dko-heading{padding:26px 28px;background:#1d252c;color:#fff;border-radius:12px}.dko-heading h2{color:#fff;margin:0 0 8px;font-size:28px}.dko-heading p{margin:0;opacity:.92}.dko-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;margin-bottom:8px!important;color:#ff8a00}.dko-card{border:1px solid #d8dde2;border-radius:12px;background:#fff;padding:22px 24px;margin:0}.dko-card legend{font-weight:700;font-size:18px;padding:0 8px}.dko-card legend span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f57c00;color:#fff;margin-right:7px;font-size:14px}.dko-grid{display:grid;gap:18px}.dko-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dko-field{display:flex;flex-direction:column;gap:8px;font-weight:600}.dko-field label{font-weight:400}.dko-field input[type=number],.dko-field select{width:100%;min-height:42px;border:1px solid #b7c0c8;border-radius:6px;padding:8px 10px;background:#fff}.dko-field small,.dko-profile-hint small{font-weight:400;color:#5b666e;line-height:1.45}.dko-profile-hint{align-self:end;padding:11px 14px;border-radius:6px;background:#f5f7f8;border-left:4px solid #f57c00;min-height:76px;justify-content:center}.dko-label{display:block;font-weight:700;margin-bottom:6px}.dko-choice-row{margin-top:20px;padding-top:16px;border-top:1px solid #e4e8eb}.dko-choice-row label,.dko-field>label:not(.dko-field){margin-right:18px}.dko-actions{display:flex;gap:12px;align-items:center}.dko-primary{background:#ef7800!important;border-color:#ef7800!important;color:#fff!important;min-height:44px;padding:0 20px;font-weight:700}.dko-message{min-height:22px;font-weight:600}.dko-message.is-error{color:#b42318}.dko-message.is-success{color:#067647}.dko-result{border:1px solid #d8dde2;border-radius:12px;overflow:hidden;background:#fff}.dko-result-head{padding:22px 24px;background:#f3f6f7}.dko-result-head h3{margin:0 0 4px}.dko-result-head p{margin:0;color:#56616a}.dko-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dbe1e5}.dko-summary-grid>div{padding:14px 18px;background:#fff}.dko-summary-grid span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#67737b}.dko-summary-grid strong{display:block;margin-top:4px}.dko-warnings{margin:18px 24px;padding:12px 16px;border-left:4px solid #c2410c;background:#fff7ed;color:#7c2d12}.dko-warnings p{margin:4px 0}.dko-items{padding:16px 24px}.dko-item{display:grid;grid-template-columns:minmax(250px,2fr) minmax(180px,1.2fr) minmax(120px,.7fr);gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid #e6eaed}.dko-item-head{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#68737b;font-weight:700}.dko-item small{display:block;color:#5d6770;margin-top:4px;line-height:1.4}.dko-item>div:last-child{text-align:right;font-weight:700}.dko-incomplete{background:#fff8f7}.dko-total{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#1d252c;color:#fff;font-size:17px}.dko-total strong{font-size:22px}.dko-incomplete-message{margin:18px 24px;padding:12px 16px;border-left:4px solid #b42318;background:#fff5f5;color:#8d1b13}.dko-acknowledgements{padding:0 24px}.dko-ack{display:flex;gap:10px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #e6eaed;line-height:1.45}.dko-ack input{margin-top:4px}@media(max-width:700px){.dko-grid-2,.dko-summary-grid{grid-template-columns:1fr}.dko-card{padding:16px}.dko-item{grid-template-columns:1fr;gap:6px}.dko-item-head{display:none}.dko-item>div:last-child{text-align:left}.dko-total{align-items:flex-start;flex-direction:column;gap:4px}.dko-heading{padding:22px 18px}}
.dko-measure-guide{display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1.35fr);gap:18px;margin-top:20px;padding:18px;border:1px solid #d8dde2;border-radius:8px;background:#f8fafb}.dko-measure-guide__text strong{display:block;margin-bottom:8px}.dko-measure-guide__text ul{margin:0;padding-left:20px;color:#4f5c65;line-height:1.5}.dko-measure-guide__svg{width:100%;height:auto;min-height:205px;color:#ef7800}.dko-roof-line{fill:none;stroke:#24303a;stroke-width:4;stroke-linejoin:round}.dko-dim-line{fill:none;stroke:currentColor;stroke-width:2}.dko-overhang-line{fill:none;stroke:#8d5517;stroke-width:2}.dko-svg-title{font-size:18px;font-weight:700;fill:#24303a}.dko-svg-label{font-size:12px;fill:#4f5c65}.dko-notes{margin:18px 24px;padding:12px 16px;border-left:4px solid #0f6b78;background:#f0f9fb;color:#174e57}.dko-notes p{margin:4px 0}@media(max-width:700px){.dko-measure-guide{grid-template-columns:1fr}.dko-measure-guide__svg{min-height:auto}}

.dko-variation-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:8px}.dko-variation-option{display:flex;flex-direction:column;gap:5px;font-weight:600}.dko-variation-option select{width:100%;font-weight:400}