:root{--ink:#243c3d;--muted:#758281;--paper:#f4f5f1;--green:#286658;--line:#dfe4de;--dark:#172b2d}*{box-sizing:border-box}body{margin:0;font:13px Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);overflow:hidden}button,select,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;background:transparent;border:1px solid var(--line);color:inherit;border-radius:6px;padding:9px 12px;transition:background .18s,border-color .18s}button:hover{background:#e7ede7;border-color:#a5b9ac}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #58937a;outline-offset:3px}button.active{background:#dfeae2;border-color:#8ba894;color:#1c5545}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:#d5e6a7;color:#203d32;border:0}.primary:hover{background:#e4f2c1}header{height:76px;background:var(--dark);color:#f1f3e9;display:flex;align-items:center;padding:0 26px;gap:35px;border-bottom:1px solid #304344}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:1px;min-width:230px}.brand-icon{color:#d7e8b1;font-size:37px;line-height:1}.brand-light{font-weight:normal;color:#b7c5bb}.brand small{display:block;font-size:8px;letter-spacing:2.2px;margin-top:6px;color:#93aaa4}.project-title{border-left:1px solid #3c5050;padding-left:26px;font-size:14px}.project-title span{display:block;font-size:11px;color:#9aacaa;margin-top:5px}.header-actions{display:flex;gap:10px;margin-left:auto}.header-actions button{border-color:#465b57}.header-actions button:not(.primary):hover{background:#304844}.workspace{display:flex;height:calc(100dvh - 76px)}aside{width:274px;flex-shrink:0;overflow:auto;background:#fcfcf9;border-right:1px solid var(--line);padding:24px 20px 0;scrollbar-width:thin}.side-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;font-weight:bold;color:#7a8b85}#closePanel{display:none}.project-card{padding:19px 0 18px;font-size:12px}.project-card small{display:block;margin:8px 0 0 13px;font-size:11px;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6f9271;margin-right:7px}section{border-top:1px solid var(--line);padding:19px 0}h2{font-size:10px;color:#8f9b94;font-weight:400;margin:0 0 16px;letter-spacing:1px}h2 span{color:#40544d;margin-left:10px;letter-spacing:0;font-size:12px;font-weight:600}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.view-grid button{height:65px;font-size:11px;text-align:left;background:#f6f7f2}.view-grid button.active{background:#e5eddf;border-color:#99b09a}.view-grid b{display:block;font-size:21px;line-height:24px;font-weight:400;margin-bottom:3px}.segmented{display:flex;background:#f0f2ec;padding:3px;border-radius:6px}.segmented button{flex:1;font-size:11px;padding:8px 1px;border-color:transparent}.segmented button.active{background:white;border-color:#d4ddd2;box-shadow:0 1px 3px #253e3610}.range-label{display:flex;justify-content:space-between;margin:18px 0 8px;font-size:11px}.range-label output{font-variant-numeric:tabular-nums;color:#69806b}input[type=range]{width:100%;accent-color:#4b735d;height:3px;cursor:pointer}.micro{font-size:10px;color:#88948a;line-height:1.6;margin-bottom:0}.toggle{display:flex;align-items:center;position:relative;margin:14px 0;font-size:11px;cursor:pointer}.toggle input{position:absolute;right:0;opacity:0;width:29px;height:20px;cursor:pointer}.toggle i{margin-left:auto;display:block;width:28px;height:16px;background:#dde3d9;border-radius:10px;pointer-events:none}.toggle i:after{content:'';display:block;width:12px;height:12px;border-radius:50%;background:white;margin:2px;box-shadow:0 1px 2px #0002;transition:transform .2s}.toggle input:checked+i{background:#53735d}.toggle input:checked+i:after{transform:translateX(12px)}.toggle input:focus-visible+i{outline:2px solid var(--green)}#roomList button{display:block;width:100%;border:0;text-align:left;padding:10px 4px;font-size:11px}#roomList span{color:#9aaba0;font-size:9px;display:inline-block;width:23px}#roomList small{display:block;font-size:10px;color:#8a968d;margin:4px 0 0 23px}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:11px}.field{display:block;font-size:11px;margin-top:16px}select{display:block;width:100%;margin-top:7px;background:#f3f5ef;border:1px solid var(--line);padding:8px;border-radius:5px;color:var(--ink)}.wide{width:100%;margin-top:18px;font-size:11px}.sidebar-foot{font-size:8px;letter-spacing:1px;line-height:1.6;padding:20px 0;color:#95a08f}.sidebar-foot small{display:block;font-size:9px;letter-spacing:0;margin-top:4px}main{flex:1;position:relative;min-width:0;overflow:hidden;background:#e9ece4}.viewport-header{position:absolute;top:30px;left:34px;right:30px;display:flex;align-items:center;z-index:4;pointer-events:none;justify-content:space-between}.eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:bold;color:#718172}h1{font-family:Georgia,serif;font-weight:normal;font-size:31px;margin:8px 0 0;letter-spacing:-1px}.view-chip{font-size:9px;letter-spacing:1px;border:1px solid #b9c8b6;border-radius:20px;padding:8px 11px;background:#f7f9efbd;color:#60735b}.view-chip i{display:inline-block;width:5px;height:5px;background:#628c54;border-radius:50%;margin-right:6px}#canvasWrap{position:absolute;inset:0}#scene{display:block;width:100%;height:100%;outline:0;touch-action:none}#labelLayer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.model-label{position:absolute;transform:translate(-50%,-50%);padding:5px 8px;white-space:nowrap;font-size:9px;letter-spacing:.4px;background:#f9fbf1dc;backdrop-filter:blur(3px);border:1px solid #a4b49d88;border-radius:4px;box-shadow:0 2px 8px #263c3910;color:#314d3b}.model-label.dim{background:#385b4b;color:white;font-size:10px}.model-label small{display:block;font-size:8px;color:#7d8a76;margin-top:3px}.view-tools{position:absolute;top:137px;left:28px;display:flex;flex-direction:column;background:#f9fbf4e8;border:1px solid #d4ddcc;border-radius:8px;box-shadow:0 4px 14px #203b2a09;padding:5px;z-index:5}.view-tools button{border:0;padding:8px 7px;font-size:19px;min-width:35px;position:relative}.view-tools button span{display:none;position:absolute;left:44px;top:6px;background:var(--dark);color:white;padding:8px;font-size:10px;white-space:nowrap;border-radius:5px}.view-tools button:hover span{display:block}.view-tools>span{height:1px;background:var(--line);margin:5px}.view-tools button.active{background:#dce7d3}#compass{position:absolute;right:32px;top:130px;display:flex;flex-direction:column;align-items:center;color:#73836b}#compass span{font-size:7px;letter-spacing:1px}#compass b{font-size:44px;font-family:Georgia;line-height:1.4;font-weight:400}#compass small{font-size:8px}#spaceCard{position:absolute;bottom:86px;right:26px;width:290px;background:#f9faf4ed;border:1px solid #d1dbca;border-radius:9px;padding:19px 20px;box-shadow:0 10px 30px #2845310c}#spaceCard h3{font:normal 23px Georgia,serif;margin:10px 0}#spaceCard p{font-size:11px;line-height:1.7;color:#75806e;margin:0 0 16px}.space-stats{display:flex;border-top:1px solid #dce3d5;padding-top:14px;align-items:center;gap:22px}.space-stats b{display:block;font-size:15px;font-weight:500}.space-stats small{display:block;font-size:7px;letter-spacing:.5px;margin-top:6px;color:#86907c}.space-stats button{margin-left:auto;font-size:10px;padding:8px;border-color:#c5d0ba;background:#e8efdc;max-width:67px;text-align:left}.bottom-bar{position:absolute;bottom:0;height:56px;left:0;right:0;border-top:1px solid #d3ddca;background:#f4f6edef;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:10px;color:#76836f;gap:10px}.bottom-bar i{margin:0 8px}.bottom-bar>div{display:flex;gap:6px}.bottom-bar button{font-size:10px;padding:8px 10px;white-space:nowrap}#panelBtn{display:none;pointer-events:auto}#toast{position:absolute;bottom:68px;left:50%;transform:translateX(-50%);background:#1e3930;color:#f7f9ee;border-radius:6px;padding:12px 18px;z-index:10;font-size:12px;max-width:85%;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#measureInfo{position:absolute;left:90px;bottom:84px;background:#254c3c;color:#f7f9ee;padding:13px;border-radius:6px;font-size:12px;max-width:250px}#walkControls{position:absolute;bottom:80px;left:30px;z-index:5}.walk-hint{font-size:10px;color:#445b4b;background:#f8faf0e8;border:1px solid #c5d3bc;padding:10px;border-radius:6px;margin-bottom:10px;max-width:230px;line-height:1.6}.dpad{width:140px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.dpad button{background:#f6f9efde;font-size:18px;touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}#planView{position:absolute;inset:100px 60px 74px 82px}#planView svg{width:100%;height:100%;filter:drop-shadow(0 3px 5px #213e3015)}[hidden]{display:none!important}dialog{border:1px solid #ced8c8;border-radius:12px;background:#fbfcf7;color:var(--ink);padding:30px;max-height:90dvh;width:min(1000px,94vw);box-shadow:0 30px 120px #132f3750}dialog::backdrop{background:#18312da3;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dialog-head h2{font:normal 30px Georgia,serif;color:var(--ink);letter-spacing:-.5px;margin:8px 0 0}.dialog-head button{font-size:20px;padding:3px 10px}.source-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}.drawing img{width:100%;border-radius:5px}.drawing p{font-size:10px;color:var(--muted)}.review h3{font-size:13px;font-weight:600;margin:0 0 13px}.review h3:not(:first-child){margin-top:23px}table{border-collapse:collapse;width:100%;font-size:11px}td{padding:8px 0;border-bottom:1px solid #e3e7db}td:last-child{text-align:right;font-variant-numeric:tabular-nums}.review ul{padding-left:16px;font-size:11px;line-height:1.7;color:#75816d}.review li{margin-bottom:10px}#exportDialog{max-width:520px}#exportDialog>p{font-size:12px;color:#788570;line-height:1.7}.export-options{display:grid;gap:9px;margin:22px 0}.export-options button,.export-options a{text-align:left;padding:17px;border:1px solid var(--line);border-radius:7px;position:relative;text-decoration:none;color:inherit}.export-options b{display:block;font-size:13px;font-weight:500}.export-options span{display:block;font-size:10px;color:#8b967f;margin-top:5px}.export-options i{position:absolute;right:18px;top:23px;font-style:normal;font-size:21px}
@media(min-width:1500px){#spaceCard{right:40px;bottom:95px;width:320px;padding:24px}.viewport-header{left:40px;top:38px}h1{font-size:37px}}
@media(max-width:1050px){header{padding:0 17px;gap:10px}.brand{min-width:240px}.project-title{display:none}aside{width:250px;padding:22px 15px 0}#spaceCard{width:250px;padding:15px;right:18px}#spaceCard h3{font-size:21px}#spaceCard .eyebrow{font-size:7px}.bottom-bar{padding:0 15px}.bottom-bar>span{max-width:200px;line-height:1.6}.viewport-header{left:27px}.space-stats{gap:17px}}

/* The drawer, canvas and bottom controls have independent touch regions. */
#panelBackdrop{display:none}button{touch-action:manipulation}aside,dialog{overscroll-behavior:contain}select,input:focus-visible{outline-color:var(--green)}
@media(max-width:760px),(max-width:1000px) and (max-height:500px){
 :root{--app-header:calc(60px + env(safe-area-inset-top,0px));--bottom-inset:env(safe-area-inset-bottom,0px)}
 header{height:var(--app-header);padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));gap:8px}
 .brand{min-width:0;font-size:16px;gap:7px}.brand-icon{font-size:28px}.brand small{font-size:6px;letter-spacing:1px}.project-title{display:none}.header-actions{gap:6px}.header-actions button{min-width:44px;min-height:44px;padding:8px}.header-actions span{display:none}
 .workspace{height:calc(100dvh - var(--app-header));height:calc(100svh - var(--app-header));height:calc(100dvh - var(--app-header))}
 aside{display:none;position:fixed;top:0;bottom:0;left:0;z-index:30;width:min(340px,calc(100vw - 44px));padding:calc(16px + env(safe-area-inset-top,0px)) 18px calc(24px + var(--bottom-inset));box-shadow:10px 0 30px #26392c30;overflow-y:auto;-webkit-overflow-scrolling:touch}
 aside.open{display:block}#panelBackdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:25;background:#122a2673;border:0;border-radius:0;backdrop-filter:blur(2px)}
 .side-heading{position:sticky;top:calc(-16px - env(safe-area-inset-top,0px));background:#fcfcf9;z-index:2;min-height:52px}#closePanel{display:block;min-width:44px;min-height:44px;border:0;font-size:26px}
 aside button,summary{min-height:44px}.toggle{min-height:44px;margin:4px 0;font-size:13px}.toggle input{width:44px;height:44px}.segmented button{font-size:13px}.field{font-size:13px}select,input[type=file]{font-size:16px;max-width:100%}select{min-height:44px}input[type=range]{height:36px;margin:0;touch-action:pan-y}.range-label{font-size:12px}.micro{font-size:11px}#roomList button{font-size:13px}#roomList small{font-size:11px}
 #panelBtn{display:block;min-width:44px;min-height:44px;background:#f8faf1e8;border-color:#c3d1b9;margin-right:10px}
 .viewport-header{top:10px;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));justify-content:flex-start;gap:0}.viewport-header>div{min-width:0}.viewport-header h1{font-size:21px;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewport-header .eyebrow{font-size:7px}.view-chip{display:none}
 #canvasWrap{inset:66px 0 calc(188px + var(--bottom-inset))}#compass{display:none}
 .view-tools{top:auto;bottom:calc(62px + var(--bottom-inset));left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));display:flex;flex-direction:row;justify-content:space-between;gap:2px;padding:3px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
 .view-tools button{min-width:44px;min-height:44px;flex-shrink:0;font-size:20px;padding:8px}.view-tools>span{width:1px;height:30px;flex-shrink:0;margin:7px 1px}.view-tools button span{display:none!important}
 #spaceCard{left:12px;right:12px;bottom:calc(122px + var(--bottom-inset));width:auto;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px}#spaceCard .eyebrow,#spaceCard p,.space-stats>div{display:none}#spaceCard h3{font-size:18px;margin:0;min-width:0}.space-stats{border:0;padding:0;flex-shrink:0}.space-stats button{min-height:44px;max-width:none;font-size:12px;padding:8px 10px}
 .bottom-bar{height:calc(56px + var(--bottom-inset));padding:0 max(12px,env(safe-area-inset-right,0px)) var(--bottom-inset) max(12px,env(safe-area-inset-left,0px));gap:8px}.bottom-bar>span{font-size:10px;line-height:1.4;max-width:150px}.bottom-bar>div{gap:4px}.bottom-bar button{min-height:44px;min-width:44px;padding:8px;font-size:11px}#fullscreen{display:none}
 #walkControls{bottom:calc(68px + var(--bottom-inset));left:14px}.dpad{width:164px;gap:6px}.dpad button{min-height:48px;font-size:22px;user-select:none;-webkit-user-select:none}.walk-hint{font-size:11px;max-width:240px;padding:8px}.walk-hint:empty{display:none}
 main[data-mode=walk] #spaceCard,main[data-mode=walk] .view-tools{display:none!important}main[data-mode=walk] #canvasWrap{bottom:calc(56px + var(--bottom-inset))}main[data-mode=plan] .view-tools{display:none}main[data-mode=plan] #canvasWrap{bottom:calc(62px + var(--bottom-inset))}
 #planView{inset:0 6px}#toast{bottom:calc(185px + var(--bottom-inset));font-size:12px;width:max-content;max-width:calc(100% - 32px)}#measureInfo{left:12px;right:12px;bottom:calc(188px + var(--bottom-inset));max-width:none;padding:10px;font-size:11px}.model-label{font-size:8px;padding:4px 6px}.model-label small{font-size:7px}
 dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - var(--bottom-inset));padding:18px;overflow:auto;overscroll-behavior:contain}.dialog-head{position:sticky;top:-18px;background:#fbfcf7;padding:12px 0;z-index:1;gap:10px;margin-bottom:12px}.dialog-head h2{font-size:25px}.dialog-head button{min-width:44px;min-height:44px;padding:5px;flex-shrink:0}.source-content{grid-template-columns:minmax(0,1fr);gap:24px}.drawing{min-width:0;width:100%;margin:0}.drawing p,.review ul{font-size:12px}.review td{font-size:11px;overflow-wrap:anywhere}.export-options button{padding-right:40px;min-height:64px}.export-options span{font-size:11px;line-height:1.5}
}
@media(max-height:500px) and (max-width:1000px){
 :root{--app-header:calc(48px + env(safe-area-inset-top,0px))}header{height:var(--app-header)}.brand small,.viewport-header .eyebrow{display:none}.viewport-header{top:4px}.viewport-header h1{font-size:19px}#canvasWrap{top:50px;bottom:calc(112px + var(--bottom-inset,0px))}#spaceCard{display:none!important}#walkControls{left:auto;right:12px;bottom:calc(60px + var(--bottom-inset,0px))}.walk-hint{display:none}.dpad{width:152px}.dpad button{min-height:44px}main[data-mode=walk] #canvasWrap{top:50px}dialog{max-height:calc(100dvh - 16px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.plan-picker{flex-shrink:0}.plan-picker select{margin:0;min-height:44px;padding:8px 10px;color:#f1f3e9;background:#273f3d;border-color:#536c63;width:98px;font-size:14px}.project-title{padding-left:16px}header{gap:18px}.project-card small{line-height:1.5}
@media(max-width:760px),(max-width:1000px) and (max-height:500px){header{gap:8px}.plan-picker select{width:78px;padding:8px 5px;font-size:16px}.header-actions{gap:4px}.brand{font-size:14px;gap:4px}.brand-icon{font-size:24px}}
@media(max-width:420px){.brand-icon,.brand small{display:none}.brand{font-size:13px;letter-spacing:0}.header-actions button{padding:8px}.plan-picker select{width:76px}}

/* Plan inspection stays available on narrow screens and without WebGL. */
#planView{touch-action:none;cursor:grab;outline-offset:-3px;overflow:hidden}#planView:active{cursor:grabbing}#planView:focus-visible{outline:2px solid var(--green)}
main[data-mode=plan] .view-tools #bird,main[data-mode=plan] .view-tools #top,main[data-mode=plan] .view-tools #front,main[data-mode=plan] .view-tools #rotate,main[data-mode=plan] .view-tools>span{display:none}
.toggle:has(input:disabled){opacity:.5;cursor:default}#stairReview{border-left:2px solid #bca66c;padding-left:8px;color:#6d6654}
@media(max-width:760px),(max-width:1000px) and (max-height:500px){main[data-mode=plan] .view-tools{display:flex;justify-content:center}main[data-mode=plan] #canvasWrap{bottom:calc(122px + var(--bottom-inset))}main[data-mode=plan] .bottom-bar>span{max-width:170px}}
@media(max-width:420px){.plan-picker select{width:86px}}
@media(max-height:500px) and (max-width:1000px){
 main[data-mode=plan] .viewport-header>div{display:none}
 main[data-mode=plan] #canvasWrap{top:4px;left:56px;right:72px;bottom:calc(56px + var(--bottom-inset,0px))}
 main[data-mode=plan] .view-tools{left:auto;right:12px;width:50px;bottom:calc(64px + var(--bottom-inset,0px));flex-direction:column;overflow:visible}
}

/* ---------------------------------------------------------------------------
   Inline SVG icons replace the Unicode glyph set. Measured on the deployment,
   15 of 16 symbols (U+25C8, U+2302, U+2659, U+25A6, U+2197, U+229E, U+25A5,
   U+FF0B, U+26F6, U+27F3, U+2301, U+25A3, U+25A7, U+2318, U+2630) fell back to
   the .notdef box, so every control read as an empty square. Sizing with 1em
   keeps the existing font-size rules working as icon sizes.
   --------------------------------------------------------------------------- */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.view-grid b .ic{stroke-width:1.5}
#compass b .ic{stroke-width:1.4}
.brand-icon{display:inline-flex;align-items:center}
.brand-icon .ic{stroke-width:1.9;color:#d7e8b1}
.header-actions button,.bottom-bar button,#reset,.space-stats button{display:inline-flex;align-items:center;gap:7px;justify-content:center}
.export-options i .ic{stroke-width:1.6}
.noscript{margin:0;padding:18px 22px;background:#fdf6e3;border-bottom:1px solid #d9c9a3;font-size:13px;line-height:1.7;color:#3f4a3c}
.noscript a{color:#285845}

/* ---------------------------------------------------------------------------
   Type and contrast. Fourteen of seventeen sampled styles failed WCAG 2.1 AA
   (worst 2.65:1) and several sat at 7-8 px, including the assumption copy that
   matters most. Body text is now >= 11 px and >= 4.5:1 on its own background.
   --------------------------------------------------------------------------- */
:root{--muted:#5f6b62}
.micro{font-size:11px;color:#5f6b62;line-height:1.65}
h2{font-size:11px;color:#5d6a63}
h2 span{color:#2f4337}
#roomList small{font-size:11px;color:#5f6b62}
#roomList span{color:#6d7f73}
.sidebar-foot{font-size:10px;color:#5e6a5f;letter-spacing:.8px}
.sidebar-foot small{font-size:10px;color:#6b7668}
.space-stats small{font-size:10px;color:#55604f;letter-spacing:.4px}
.eyebrow{font-size:10px;color:#53614f;letter-spacing:1.3px}
.bottom-bar{font-size:11px;color:#4f5a4a}
#spaceCard p{font-size:12px;color:#515b4b}
.project-card small{color:#5f6b62}
.drawing p{font-size:11px;color:#5a6453}
.review ul{font-size:12px;color:#4f5748}
.review td{font-size:12px}
.export-options span{font-size:11px;color:#5d6650}
#exportDialog>p{color:#505a49}
.view-chip{font-size:10px;color:#49593f}
.model-label{font-size:10px}
.model-label small{font-size:9px;color:#5e6b58}
#compass{color:#55604f}
#compass span{font-size:9px}
#compass small{font-size:9px}
.brand small{font-size:9px;color:#a8bbb4}
.walk-hint{font-size:11px;color:#364a3c}
.micro,.review li{overflow-wrap:break-word}

/* Dimension and conflict reporting. */
#stairReview{color:#56604e}
#stairReview.warn{color:#7d5a1d;border-left:2px solid #c9922f;padding-left:8px}
.review h4{font-size:12px;font-weight:600;margin:16px 0 10px;color:#3f5243}
.conflicts{padding-left:16px;font-size:12px;line-height:1.7;color:#7d5a1d}
.conflicts li{margin-bottom:10px}

/* ---------------------------------------------------------------------------
   Walkthrough chrome. These two rules existed only inside the phone
   breakpoint, so on desktop the walk hint sat exactly on top of the last
   camera-toolbar button and the hero card covered a third of the first-person
   view. They belong at every width.
   --------------------------------------------------------------------------- */
main[data-mode=walk] #spaceCard,main[data-mode=walk] .view-tools{display:none!important}
main[data-mode=walk] #compass{display:none}