/* 3D Wall Panels Ottawa — the page's own parts in the shell's language (hu-shell.css carries the rest). */
.panel{display:block}                                   /* the old tabs are gone; every page section is on the page */
.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;align-items:end;background:var(--paper-soft);border:1px solid var(--line);padding:1.2rem}
.calc-grid label{display:flex;flex-direction:column;gap:.3rem;font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}
.calc-grid input,.calc-grid select{width:100%;padding:.7rem .8rem;border:1px solid var(--line);background:#fff;font-family:'Inter',serif;font-size:1rem;color:var(--ink);text-transform:none;letter-spacing:0}
.calc-grid .check-field{flex-direction:row;align-items:center;gap:.55rem;font-family:'Inter',serif;font-size:.98rem;text-transform:none;letter-spacing:0;color:var(--ink)}
.calc-grid .check-field input{width:auto;accent-color:var(--brass)}
.calc-grid button,.primary-btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.88rem;padding:.8rem 1.5rem;border:1.5px solid transparent;background:var(--brass);color:var(--ink);cursor:pointer}
.primary-btn:hover{background:var(--brass-light)}
.secondary-btn{display:inline-flex;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.88rem;padding:.8rem 1.5rem;border:1.5px solid var(--ink);color:var(--ink)}.secondary-btn:hover{background:var(--ink);color:var(--paper)}
@media (max-width:880px){.calc-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.calc-grid{grid-template-columns:1fr}}
#wall-drawing{margin:1rem 0 0!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:0!important}
#wall-drawing svg{max-height:460px!important;width:auto!important;max-width:100%;margin:0 auto}
#wall-drawing figcaption{color:var(--ink-soft)!important}#wall-drawing text{font-family:'JetBrains Mono',monospace!important}
.result-card{display:none;margin-top:1rem;background:var(--ink);color:var(--paper);padding:1.2rem 1.4rem;border-left:3px solid var(--brass)}
.result-card.show{display:block}
.result-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line-on-dark);padding:.45rem 0}
.result-row:last-child{border-bottom:0}.result-row strong,.result-row span:last-child{color:var(--brass-light);font-family:'Oswald',sans-serif;letter-spacing:.04em}
.result-card .fine-print,.result-card small{color:rgba(255,255,255,.7);font-size:.85rem}
.summary-box{margin-top:1rem;background:var(--ink);color:var(--paper);padding:1.2rem 1.4rem;border-left:3px solid var(--brass)}
.checklist{display:grid;gap:.55rem;grid-template-columns:1fr 1fr}@media (max-width:760px){.checklist{grid-template-columns:1fr}}
.check-item{display:flex;align-items:flex-start;gap:.65rem;background:var(--paper-soft);border:1px solid var(--line);padding:.8rem;cursor:pointer}
.check-item:has(input:checked){border-color:var(--brass);background:#fff}.check-item input{margin-top:.3rem;accent-color:var(--brass)}.check-item div{flex:1}
.check-item strong{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;color:var(--ink)}.check-item small{display:block;color:var(--ink-soft);font-size:.86rem;margin-top:.15rem}
.card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1rem}@media (max-width:880px){.card-list{grid-template-columns:1fr}}
.kb-card,.service-card{background:var(--paper-soft);border:1px solid var(--line);padding:1.2rem}
.kb-card h3,.service-card h3{margin:0 0 .4rem;color:var(--denim)}.kb-card p,.service-card p{margin:0;font-size:.95rem;color:var(--ink-soft)}
.copy-block{white-space:pre-wrap;background:#fff;border:1px solid var(--line);padding:.9rem;color:var(--ink);font-family:'JetBrains Mono',monospace;font-size:.82rem;line-height:1.5}
.result-card .copy-block{background:rgba(255,255,255,.08);color:var(--paper);border-color:var(--line-on-dark)}
.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}@media (max-width:880px){.project-gallery{grid-template-columns:1fr}}
.project-card{background:var(--paper-soft);border:1px solid var(--line);overflow:hidden}
.project-card h3{margin:.8rem .9rem .2rem;color:var(--denim)}.project-card p{margin:0 .9rem .7rem;font-size:.92rem;color:var(--ink-soft)}
.project-images{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line)}.project-images a:first-child:nth-last-child(3){grid-column:1/-1}
.project-images img{display:block;width:100%;height:200px;object-fit:cover}
.project-tags{display:flex;flex-wrap:wrap;gap:.3rem;padding:0 .9rem .9rem}.project-tags span{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brass);border:1px solid var(--line);padding:.25rem .45rem}
.acoustic-builder{padding:1.2rem;background:var(--paper-soft);border:1px solid var(--line)}
.acoustic-builder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}@media (max-width:880px){.acoustic-builder-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.acoustic-builder-grid{grid-template-columns:1fr}}
.acoustic-builder-grid label{display:grid;gap:.3rem;font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}
.acoustic-builder-grid select{width:100%;padding:.7rem .8rem;border:1px solid var(--line);background:#fff;font-family:'Inter',serif;font-size:1rem;color:var(--ink);text-transform:none;letter-spacing:0}
.acoustic-result{margin-top:1rem;display:grid;grid-template-columns:1.1fr .9fr;gap:.9rem}@media (max-width:880px){.acoustic-result{grid-template-columns:1fr}}
.acoustic-result-copy small{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}
.acoustic-result-copy h3{margin:.3rem 0 .5rem;color:var(--denim)}.acoustic-result-copy ul{padding-left:1.1rem;margin:.6rem 0}.acoustic-result-copy li+li{margin-top:.3rem}
.acoustic-meter-card{background:var(--ink);color:var(--paper);padding:1rem 1.2rem;border-left:3px solid var(--brass)}
.acoustic-meter{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;align-items:center;margin:.5rem 0}.acoustic-meter label{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-light);grid-column:1/-1}
.acoustic-meter-track{height:.5rem;background:rgba(255,255,255,.15);overflow:hidden}.acoustic-meter-track span{display:block;height:100%;width:var(--score);background:var(--brass)}
.acoustic-meter output{font-family:'Oswald',sans-serif;color:var(--paper)}
.acoustic-meter-legend{font-size:.82rem;color:rgba(255,255,255,.7);margin-top:.6rem}
.acoustic-note{border-left:3px solid var(--rust);padding:.6rem .8rem;background:#fff;font-size:.9rem;margin-top:.8rem}
.acoustic-system-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:1rem}@media (max-width:880px){.acoustic-system-list{grid-template-columns:1fr 1fr}}@media (max-width:560px){.acoustic-system-list{grid-template-columns:1fr}}
.acoustic-system-card{background:var(--paper-soft);border:1px solid var(--line);padding:1.1rem}.acoustic-system-card small{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}
.acoustic-system-card h3{margin:.3rem 0 .4rem;color:var(--denim)}.acoustic-system-card p{margin:0;font-size:.92rem;color:var(--ink-soft)}
.motion-card:before{display:none}.is-visible.motion-card{transform:none}
.toast{position:fixed;left:50%;bottom:1rem;transform:translate(-50%,.5rem);opacity:0;background:var(--ink);border:1px solid var(--brass);color:var(--brass-light);padding:.6rem 1rem;font-family:'Oswald',sans-serif;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;transition:.18s;pointer-events:none;z-index:90}
.toast.show{opacity:1;transform:translate(-50%,0)}