.deck-badge{display:inline-block;color:#ffb47f;font-size:12px;margin-bottom:10px}.deck-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.deck-controls .field label{font-size:12px;text-transform:none;letter-spacing:0;color:var(--c-text)}.deck-controls .inp{min-height:46px;padding:10px 12px}.deck-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.deck-options{border-top:1px solid var(--c-border);padding-top:14px;margin-top:18px}.deck-options summary{font-size:14px;font-weight:600;cursor:pointer;margin-bottom:16px}.deck-options .deck-two{display:contents}.deck-help{font-size:12px;line-height:1.65;color:var(--c-muted);margin-top:10px}.deck-reset{background:var(--c-bg);border:1px solid var(--c-border);padding:10px 14px;border-radius:7px;color:var(--c-navy);margin-top:14px;font-size:13px;min-height:44px}.error{color:#b42318;font-size:12px;display:block;margin-top:4px}.inp[aria-invalid=true]{border-color:#b42318;background:#fff7f5}.deck-invalid{border-color:#b42318;color:#b42318}.deck-results{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.deck-stat{background:white;border:1px solid var(--c-border);padding:16px 12px;border-radius:10px}.deck-stat:first-child{background:var(--c-navy);color:white}.deck-stat span{display:block;font-size:12px}.deck-stat strong{display:block;font-size:27px;font-weight:650;margin:5px 0}.deck-stat small{font-size:11px;opacity:.75}.deck-plan-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.deck-plan h2{font-size:17px}.deck-plan-head p{font-size:12px;color:var(--c-muted);margin-top:4px}.deck-toggle{display:flex;gap:3px;background:var(--c-bg);padding:4px;border-radius:8px}.deck-toggle button{padding:9px 12px;border:0;border-radius:5px;background:transparent;min-height:40px;color:var(--c-navy)}.deck-toggle button[aria-pressed=true]{background:var(--c-navy);color:white}.deck-plan svg{width:100%;height:auto;margin:12px 0;background:#f9f8f4;border-radius:8px}.deck-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.deck-legend span{display:flex;gap:6px;align-items:center}.deck-legend i{width:14px;height:10px;display:inline-block;border-radius:2px}.deck-legend .wood{background:#c99461}.deck-legend .joist{background:#31455c}.deck-legend .support{background:#e8650a;border-radius:50%;width:10px}.deck-legend .joint{height:0;border-top:2px dashed #e8650a}.deck-shopping{margin-top:16px}.deck-shopping table{width:100%;border-collapse:collapse;font-size:14px}.deck-shopping th{text-align:left;font-weight:500}.deck-shopping td{text-align:right;font-weight:600}.deck-shopping th,.deck-shopping td{padding:11px 0;border-bottom:1px solid var(--c-border)}.deck-shopping small{display:block;color:var(--c-muted);font-weight:400;font-size:12px}.deck-cost{font-size:18px;margin-top:16px;color:var(--c-navy)}.deck-content{font-size:15px;line-height:1.8}.deck-content h2{font-size:23px;line-height:1.3;margin-bottom:18px;color:var(--c-navy)}.deck-content h3{font-size:17px;margin:24px 0 8px}.deck-content p{margin-bottom:12px}.deck-content ol{padding-left:22px}.deck-content li{padding:5px 0}.deck-content a:not(.calc-card){color:#b74e05;text-decoration:underline}.deck-formula{padding:16px;background:var(--c-bg);border-left:3px solid var(--c-accent);border-radius:5px;font-weight:600}.deck-sources{font-size:13px;color:var(--c-muted)}.deck-faq details{border-bottom:1px solid var(--c-border);padding:14px 0}.deck-faq summary{cursor:pointer;font-weight:600;line-height:1.5}.deck-faq p{margin:12px 0 0;color:#535353}.deck-content .cards-grid{padding:0}.deck-content .card-name{font-size:15px}.deck-content .card-desc{margin:0}.deck-output{min-width:0}.deck-page :focus-visible{outline:3px solid #e8650a;outline-offset:3px}.deck-page [hidden]{display:none!important}@media(max-width:1000px){.deck-layout{grid-template-columns:300px minmax(0,1fr)}.deck-results{grid-template-columns:repeat(2,1fr)}.deck-plan-head{align-items:flex-start;flex-direction:column}}@media(max-width:740px){.deck-layout{grid-template-columns:1fr}.deck-controls{padding:18px}.deck-plan-head{flex-direction:row;flex-wrap:wrap}.deck-content h2{font-size:21px}.deck-plan{padding:14px}.deck-stat strong{font-size:25px}.deck-content{font-size:14px}}@media print{.nav,.deck-controls,.deck-reset,.deck-toggle,.footer,.deck-content,.deck-badge,.tool-breadcrumb{display:none!important}.deck-layout{display:block}.app-wrap{padding:0}.page-hero{padding:12px;background:white}.page-hero h1,.page-hero p{color:black}.deck-results{grid-template-columns:repeat(4,1fr)}.deck-stat:first-child{background:white;color:black}.deck-plan svg{max-height:380px}.panel{box-shadow:none;break-inside:avoid}.deck-shopping{break-inside:avoid}body{background:white;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.deck-page .deck-options[open] .deck-two{display:grid}
@media(max-width:740px){#deckSvg text{font-size:25px}.deck-plan-head{gap:10px}}
.deck-stepper{display:flex;border:1.5px solid var(--c-border);border-radius:7px;overflow:hidden;background:var(--c-bg)}
.deck-stepper .inp{border:0;border-radius:0;min-width:0;padding:10px 4px;text-align:center;appearance:textfield;-moz-appearance:textfield}
.deck-stepper input::-webkit-inner-spin-button{appearance:none}
.deck-stepper button{width:32px;flex:0 0 32px;border:0;background:transparent;color:var(--c-navy);font-size:20px;min-height:44px}
.deck-stepper button:hover{background:#fce8d9;color:var(--c-accent)}
.deck-controls form{display:grid;gap:14px}
.deck-controls .field{margin:0;min-width:0}
.deck-two{gap:14px 12px}
.deck-two .field{display:flex;flex-direction:column}
.deck-two .field label{min-height:0;flex:1;display:flex;align-items:flex-end;margin-bottom:6px}
.deck-controls .error:empty{display:none}
.deck-controls .deck-options{margin:0;padding-top:14px}
.deck-controls .deck-options summary{margin:0}
.deck-controls .deck-options[open]>.deck-two{margin-top:14px}
.deck-controls .deck-reset{margin-top:0}
.deck-stepper button:first-child{border-right:1px solid var(--c-border)}
.deck-stepper button:last-child{border-left:1px solid var(--c-border)}
.deck-stepper button{background:#eeede8}
.deck-choices{display:flex;gap:6px}.deck-choices button{flex:1;min-width:0;min-height:46px;border:1px solid var(--c-border);border-radius:7px;padding:8px;background:var(--c-bg);color:var(--c-navy);font-size:12px}
.deck-choices button[aria-pressed=true]{border-color:var(--c-accent);background:#fff1e6;color:#a94400}
@media(min-width:741px){.deck-controls{position:sticky;top:78px;max-height:calc(100dvh - 96px);overflow-y:auto;scrollbar-width:thin}}
@media print{.deck-controls{position:static;max-height:none}}
.deck-plan + .deck-results{margin-top:16px;margin-bottom:0}
.deck-print-plans{display:none}
#costSummary{border-top:1px solid var(--c-border);padding-top:14px;margin-top:14px}
#costSummary h3{font-size:15px;margin-bottom:10px;color:var(--c-navy)}
.deck-cost-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.deck-cost-lines>div{background:var(--c-bg);border-radius:6px;padding:10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:13px}
.deck-cost-total{margin-top:12px;font-size:24px;font-weight:650;color:var(--c-navy)}
.deck-cost-total small{font-size:14px;font-weight:400}
@page{size:A4 landscape;margin:10mm}
@media print{
 .deck-page .deck-plan{display:none}
 .deck-page .deck-print-plans{display:grid;grid-template-columns:1fr 1fr;gap:8mm;break-inside:avoid}
 .deck-print-plans figure{margin:0;min-width:0;border:1px solid var(--c-border);border-radius:6px;padding:4px}
 .deck-print-plans figcaption{font-size:12px;font-weight:600;color:var(--c-navy);text-align:center}
 .deck-print-plans svg{width:100%;height:60mm;display:block}
 #costSummary{padding-top:5px;margin-top:5px;break-inside:avoid}
 #costSummary h3{font-size:10px;margin-bottom:4px}
 .deck-cost-lines{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .deck-cost-lines>div{font-size:10px;padding:4px}
 .deck-cost-total{font-size:16px;margin-top:4px}
 .deck-cost-total small{font-size:10px}
 html,body.deck-page{display:block;min-height:0!important;height:auto;background:#fff}
 .deck-page .main-content{min-height:0!important;display:block;flex:none}
 .deck-page .app-wrap{display:block;padding:0;margin:0;max-width:none}
 .deck-page .panel{padding:10px;border-radius:6px;box-shadow:none}
 .deck-page .deck-plan-head{display:block}
 .deck-page .deck-plan h2{font-size:15px}
 .deck-page .deck-plan-head p{font-size:10px;margin-top:2px}
 .deck-page .deck-plan svg{height:80mm;max-height:80mm;width:100%;margin:4px 0}
 .deck-page #deckSvg text{font-size:15px}
 .deck-page .deck-legend{font-size:10px;gap:12px}
 .deck-page .deck-help{font-size:10px;line-height:1.35;margin-top:5px}
 .deck-page .deck-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0 0;break-inside:avoid}
 .deck-page .deck-stat{padding:8px;border-radius:6px}
 .deck-page .deck-stat strong{font-size:21px;margin:2px 0}
 .deck-page .deck-stat span,.deck-page .deck-stat small{font-size:10px}
 .deck-page .deck-shopping{margin-top:8px}
 .deck-page .panel__title{font-size:10px;margin-bottom:5px;padding-bottom:5px}
 .deck-page .deck-shopping table{font-size:11px;line-height:1.3}
 .deck-page .deck-shopping th,.deck-page .deck-shopping td{padding:5px 0}
 .deck-page .deck-shopping small{font-size:9px;line-height:1.3}
}
.deck-guide.info-section{padding:20px 0 0}
.deck-guide .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.deck-guide .grain-box p+p{margin-top:10px}
.deck-guide .deck-tip-note{margin-top:16px}
@media(max-width:1000px){.deck-guide .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.deck-guide .steps,.deck-guide .grain-visual{grid-template-columns:1fr}.deck-guide .grain-info{padding:20px}}