/* Drawing sheet and controls for the LiDAR article. */
.drawing-board {
  --ink:#23352d; --muted-ink:#506158; --hair:#d3d8cb; --sheet:#f9f8f2;
  color:var(--ink); background:#f4f5ed; border:1px solid #cbd0bd;
  margin-top:36px; text-align:left; isolation:isolate;
}
.drawing-board *, .drawing-board *::before, .drawing-board *::after {box-sizing:border-box}
.drawing-board [hidden] {display:none!important}
.drawing-mast {display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 30px 23px;border-bottom:1px solid var(--hair)}
.drawing-kicker,.drawing-small-label,.sheet-bar,.sheet-foot,.drawing-board button,.drawing-board select,.layer-chip,.scene-report ul,.drawing-key {font-family:Arial,Helvetica,sans-serif}
.drawing-board .drawing-kicker,.drawing-board .drawing-small-label {
  color:var(--muted-ink);font-size:10px;line-height:1.3;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin:0;
}
.drawing-kicker span {display:inline-block;width:16px;height:3px;vertical-align:middle;background:#89a27a;margin:-2px 4px 0 0}
.drawing-mast h3 {font-weight:400;font-size:clamp(26px,2.8vw,43px);line-height:1.08;letter-spacing:-.045em;margin:9px 0 7px;color:var(--ink)}
.drawing-mast p:not(.drawing-kicker) {max-width:770px;font-size:13px;line-height:1.55;color:var(--muted-ink);margin:0}
.drawing-board button,.drawing-board select {font-size:13px;color:var(--ink);cursor:pointer}
.drawing-board button:focus-visible,.drawing-board select:focus-visible,.layer-chip:focus-within,.plan-window:focus-visible,.drawing-key summary:focus-visible {outline:2px solid #684e8f;outline-offset:3px}
.drawing-board .drawing-expand {border:1px solid #aeb8a6;background:transparent;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-height:40px;padding:6px 12px;font-size:12px;font-weight:600}
.drawing-expand [aria-hidden] {font-size:20px;line-height:1}
.drawing-layers,.scene-bar {display:flex;align-items:center;flex-wrap:wrap;gap:9px 10px;padding:14px 30px;border-bottom:1px solid var(--hair)}
.drawing-layers>.drawing-small-label,.scene-bar>.drawing-small-label {width:62px}
.layer-chip {position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;min-height:36px;border:1px solid #bec7b8;background:#fbfbf5;border-radius:4px;cursor:pointer;font-size:13px;line-height:1.2;color:var(--muted-ink)}
.layer-chip input {position:static;appearance:auto;accent-color:var(--swatch);width:16px;height:16px;margin:0;padding:0;cursor:pointer}
.layer-chip:has(input:checked) {color:var(--ink);border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 6%,#fbfbf5)}
.scene-bar {background:#edece5}
.scene-choices {display:flex;flex-wrap:wrap;gap:5px}
.scene-choices button {font-size:12px;border:1px solid transparent;border-radius:3px;background:transparent;min-height:34px;padding:6px 11px}
.scene-choices button:hover,.drawing-expand:hover {background:#e6e9dc}
.scene-choices button[aria-pressed=true] {background:#374b40;color:white;border-color:#374b40}
.scene-season {margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:var(--muted-ink)}
.scene-season select {min-height:32px;background:var(--sheet);border:1px solid #aeb6a8;border-radius:3px;padding:3px 6px}
.drawing-paper {background:var(--sheet)}
.sheet-bar,.sheet-foot {padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#58665b;font-size:11px;line-height:1.38}
.sheet-bar b {font-size:9px;letter-spacing:.12em;color:#334a3b}
.sheet-bar i {font-style:normal;color:#a4ab9c;margin:0 7px}
.drawing-zoom {display:flex;align-items:center;gap:3px}
.drawing-zoom button {background:transparent;border:1px solid #bdc6ba;border-radius:3px;min-width:31px;height:29px;line-height:1;font-size:18px}
.drawing-zoom button:disabled {opacity:.42;cursor:default}
.drawing-zoom output {font-size:11px;min-width:4.2ch;text-align:center}
.plan-window {width:100%;aspect-ratio:1040/620;overflow:auto;overscroll-behavior:contain;scrollbar-color:#a4b19d #eeeee5;scrollbar-width:thin}
.plan-window svg#apartment-coordination {width:100%;height:auto;max-width:none;display:block}
.sheet-foot {border-top:1px solid #e2e5d9;font-size:10px}
.paper-base {width:13px;height:5px;display:inline-block;margin-right:5px;border-block:1px solid #7d897b;background:repeating-linear-gradient(125deg,#dde1d4 0 2px,#8d9887 2px 3px)}
.scene-report {display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,2fr);gap:20px;padding:20px 28px;border-top:1px solid var(--hair);background:#e9efe5}
.scene-report h4 {font-weight:400;font-size:24px;line-height:1.1;letter-spacing:-.03em;margin:6px 0 0;color:var(--ink)}
.scene-report ul {margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.scene-report li {border-left:2px solid #8ba383;padding-left:9px;font-size:12px;line-height:1.4;color:var(--muted-ink)}
.scene-report li strong {display:block;color:var(--ink);font-size:12px;font-weight:700}
.drawing-key {padding:0 28px;border-top:1px solid var(--hair);color:var(--ink);background:#f4f5ed}
.drawing-key summary {cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;min-height:42px;font-size:12px;font-weight:600}
.drawing-key summary::-webkit-details-marker {display:none}
.drawing-key[open] summary span {transform:rotate(180deg)}
.key-content {padding-bottom:12px}
.key-row {display:flex;gap:14px;align-items:baseline;padding:5px 0;color:var(--muted-ink);font-size:11px}
.key-row>strong {width:105px;flex:none;color:var(--ink);font-size:11px}
.key-entries {display:flex;align-items:center;flex-wrap:wrap;gap:7px 16px}
.key-entries>span {display:inline-flex;align-items:center;gap:5px}
.key-entries b {font-size:10px;color:#35493e}
.key-entries svg {height:17px;width:17px;color:#9b5d0c}
.key-line {display:inline-block;width:23px;height:0;border-top:2px solid}
.key-line.el {border-color:#9b5d0c;border-top-style:dashed}
.key-line.tm {border-color:#18796d}.key-line.tr {border-color:#478c79;border-top-style:dashed}
.key-line.vm {border-color:#2774a3;border-top-style:dashed}.key-line.ve {border-color:#985c85;border-top-style:dotted}
.key-line.af {border-color:#347aa6}.key-line.acs {border-color:#ad4e41;border-top-style:dashed}
.key-line.sc {height:2px;border:0;background:repeating-linear-gradient(90deg,#666851 0 8px,transparent 8px 11px,#666851 11px 13px,transparent 13px 16px)}
.key-dot {width:9px;height:9px;border-radius:50%;background:#397153}.key-dot.dim {background:#b2b5a9}
.key-empty {font-size:12px;line-height:1.5;color:var(--muted-ink)}
#apartment-coordination .blind-level {fill:#59466c;font:600 10.5px Arial,sans-serif}
.domo-active-icons rect {fill:#f5faf1;stroke:#65896c;stroke-width:1}
.domo-active-icons text,.domo-hvac-tag text {fill:#2d553d;stroke:none;font:600 11px Arial,sans-serif}
.domo-hvac-tag rect {fill:#fffcf4;stroke:currentColor}
.domo-hvac-tag text {fill:currentColor;text-anchor:middle;font-size:10px}
.domo-air {color:#a45925}.drawing-board[data-hvac="freddo"] .domo-air {color:#35779a}
.drawing-board .powered-down {opacity:.19;filter:grayscale(1)}
.drawing-board .essential-circuit {opacity:1}
.drawing-dialog {width:min(1580px,98vw);max-width:none;max-height:96dvh;padding:0;border:0;background:var(--sheet,#f9f8f2);margin:auto;overflow:auto}
.drawing-dialog::backdrop {background:rgba(15,27,23,.76)}
.drawing-dialog .drawing-board {margin:0;border:0}
.drawing-dialog .drawing-mast {position:sticky;top:0;z-index:1;background:#f4f5ed}
.drawing-dialog .plan-window {max-height:71dvh}
.process-cloud {margin:0;min-width:0}
.process-cloud img {display:block;width:100%;height:auto}
.process-cloud figcaption {display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:8px;font-size:11px;line-height:1.4;color:#526254}
.process-cloud figcaption a {color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.cloud-photo {display:block;cursor:zoom-in}
@media(max-width:800px){
 .drawing-mast {gap:14px;padding:19px 17px}
 .drawing-layers,.scene-bar {padding:12px 17px}
 .scene-season {margin-left:0}
 .drawing-mast h3 {font-size:28px}
 .drawing-layers>.drawing-small-label,.scene-bar>.drawing-small-label {width:auto;margin-right:4px}
 .scene-report {grid-template-columns:1fr;gap:12px;padding:15px 17px}
 .drawing-key {padding-inline:17px}
}
@media(max-width:580px){
 .drawing-board {margin:23px -2vw 0}
 .drawing-mast {align-items:flex-start;flex-wrap:wrap;padding:16px 13px}
 .drawing-mast p:not(.drawing-kicker) {font-size:12px}
 .drawing-board .drawing-expand {min-height:33px;padding:3px 8px;font-size:11px}
 .drawing-layers,.scene-bar {padding:10px 12px;gap:6px}
 .drawing-layers>.drawing-small-label,.scene-bar>.drawing-small-label {width:100%;font-size:9px}
 .layer-chip {padding:5px 8px;min-height:34px;font-size:12px}
 .scene-choices {gap:2px}.scene-choices button {padding:5px 7px;font-size:11px}
 .scene-season {font-size:11px}
 .sheet-bar,.sheet-foot {padding:7px 10px;font-size:9px}
 .sheet-bar {gap:3px}.sheet-bar i {margin:0 2px}
 .drawing-zoom button {min-width:30px}
 .plan-window {aspect-ratio:1.43}
 .sheet-foot {font-size:9px}
 .scene-report ul {grid-template-columns:1fr}
 .key-row {display:block}.key-entries {margin-top:5px;gap:5px 12px}
 .drawing-dialog .drawing-mast {position:static}
 .drawing-dialog .drawing-board {margin:0}
}

.drawing-key .key-note {flex-basis:100%;margin:0;max-width:88ch;font:11px/1.55 Arial,Helvetica,sans-serif;color:#55675a}

/* Full-width drawing in the integrated-design article. */
.integrated-board{margin-block:50px 70px;scroll-margin-top:110px}
.integrated-board>h2{font-size:clamp(30px,4vw,54px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:14px 0 20px}
.integrated-board-intro{max-width:850px;font-size:16px;line-height:1.75}
.integrated-board-note{max-width:900px;font-size:12px;line-height:1.7;color:#506158;margin:20px 0 0}
.integrated-board .drawing-board{border-radius:12px;overflow:hidden}
@media(max-width:580px){.integrated-board{margin-block:32px 48px}.integrated-board-intro{font-size:14px}.integrated-board .drawing-board{margin-inline:0}}