/* Window Ottawa — the page's own parts in the shell's language (hu-shell.css carries the rest). Window's one accent is its blue. */
:root{--accent:#2878a8}
.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}@media (max-width:560px){.field-grid{grid-template-columns:1fr}}
form label{display:block;font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}
form input:not([type=checkbox]),form select,form textarea{display:block;width:100%;margin-top:.3rem;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}
form label:has(> input[type=checkbox]){display:flex;gap:.55rem;align-items:center;font-family:'Inter',serif;font-size:.98rem;text-transform:none;letter-spacing:0;color:var(--ink);margin-top:.8rem}
form input[type=checkbox]{accent-color:var(--accent)}
#diagnostic-form,#window-planner{background:var(--paper-soft);border:1px solid var(--line);padding:1.2rem}
.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:start}@media (max-width:880px){.diagnostic-grid{grid-template-columns:1fr}}
.wo-draw{background:#fff!important;border:1px solid var(--line)!important;border-radius:0!important}
.wo-draw figcaption{color:var(--ink-soft)!important;font-family:'JetBrains Mono',monospace;font-size:.72rem!important}
.wo-draw text,.wo-elev text{font-family:'JetBrains Mono',monospace}
.wo-elev .tag{font-family:'JetBrains Mono',monospace!important;border-radius:0!important;text-transform:uppercase}
.result{background:var(--ink);color:var(--paper);padding:1.2rem 1.4rem;border-left:3px solid var(--accent)}
.result:empty{display:none}.result h3{color:var(--brass-light);margin-bottom:.4rem}.result p{color:rgba(255,255,255,.88)}.result ul{padding-left:1.1rem;color:rgba(255,255,255,.88)}.result strong{color:var(--brass-light)}
.result.warning{border-left-color:var(--rust)}
#window-planner h3{margin:1.4rem 0 .6rem}
.opening-list{display:grid;gap:.7rem}
.opening{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr auto;gap:.6rem .8rem;align-items:end;background:#fff;border:1px solid var(--line);padding:.9rem}
.opening label:has(> input[type=checkbox]){grid-column:span 1;margin-top:.2rem;font-size:.9rem}
.opening .remove{font-family:'Oswald',sans-serif;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid var(--ink);background:transparent;color:var(--ink);padding:.6rem .8rem;cursor:pointer;height:fit-content}.opening .remove:hover{background:var(--ink);color:var(--paper)}
@media (max-width:760px){.opening{grid-template-columns:1fr 1fr}.opening label:first-child{grid-column:1/-1}}
#add-opening{margin-top:.8rem}
#window-planner textarea{margin-top:.3rem}#window-planner > label{margin-top:1rem}
.summary{margin-top:1rem;background:var(--ink);color:var(--paper);padding:1.2rem 1.4rem;border-left:3px solid var(--accent);display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem 1.2rem}
.summary>div span{display:block;font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-light)}
.summary>div strong{font-family:'Oswald',sans-serif;font-size:1.6rem;line-height:1.1}
.summary ul,.summary p,.summary .actions{grid-column:1/-1}.summary ul{margin:0;padding-left:1.1rem;color:rgba(255,255,255,.88)}.summary p{color:rgba(255,255,255,.75);font-size:.9rem;margin:0}
@media (max-width:560px){.summary{grid-template-columns:1fr}}
.actions{display:flex;gap:.75rem;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.88rem;padding:.8rem 1.5rem;border:1.5px solid transparent;cursor:pointer;background:none;color:var(--ink);text-align:center}
.button.primary{background:var(--brass);color:var(--ink)}.button.primary:hover{background:var(--brass-light)}
.button.secondary{border-color:var(--ink);color:var(--ink)}.button.secondary:hover{background:var(--ink);color:var(--paper)}
.summary .button.secondary{border-color:var(--line-on-dark);color:var(--paper)}.summary .button.secondary:hover{border-color:var(--brass);color:var(--brass-light);background:none}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}@media (max-width:880px){.tool-grid{grid-template-columns:1fr}}
.tool-card{background:var(--paper-soft);border:1px solid var(--line);padding:1.2rem;display:flex;flex-direction:column}
.tool-card>span{font-family:'Oswald',sans-serif;color:var(--accent);font-size:1.4rem;line-height:1}.tool-card h3{margin:.5rem 0 .4rem;color:var(--denim)}.tool-card p{font-size:.95rem;color:var(--ink-soft);flex:1}
.tool-card a,.tool-card .link-button{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--rust);background:none;border:0;padding:0;cursor:pointer;text-align:left}
.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}@media (max-width:880px){.guide-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.guide-grid{grid-template-columns:1fr}}
.guide-grid article{background:var(--paper-soft);border:1px solid var(--line);padding:.9rem 1rem;display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start}
.guide-grid article span{font-family:'Oswald',sans-serif;color:var(--brass);font-weight:700}.guide-grid article h3{margin:0;font-size:.9rem;letter-spacing:.04em;color:var(--ink)}
dialog{border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:1.6rem;max-width:min(560px,calc(100vw - 2rem));border-radius:var(--radius)}
dialog::backdrop{background:rgba(31,42,51,.7)}dialog h2{margin-right:2rem}dialog ul{padding-left:1.1rem}dialog label{display:block;margin-top:.8rem;font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}dialog input[type=number]{display:block;width:100%;margin-top:.3rem;padding:.7rem .8rem;border:1px solid var(--line);background:#fff;font-family:'Inter',serif;font-size:1rem;color:var(--ink)}dialog label:has(input[type=checkbox]){display:flex;gap:.5rem;align-items:center;font-family:'Inter',serif;font-size:.98rem;text-transform:none;letter-spacing:0;color:var(--ink)}#egress-result{margin-top:1rem;padding:.9rem 1rem;background:var(--ink);color:var(--paper);border-left:3px solid var(--accent)}#egress-result:empty{display:none}dialog small{display:block;margin-top:.8rem;font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--ink-soft)}
.close-dialog{position:absolute;right:.8rem;top:.8rem;border:0;background:var(--brass);color:var(--ink);width:2.2rem;height:2.2rem;border-radius:999px;font-size:1.2rem;cursor:pointer}
#check-egress{margin-top:1rem}