/* The plan and four views are one bounded component; global site rules stay intact. */
.coordinated-multilevel{--coordinated-ink:var(--ink,#172c34);--coordinated-petrol:var(--petrol,#244c52);--coordinated-fog:var(--fog,#eef2f2);--coordinated-line:var(--line,#d7dfe0);--coordinated-muted:var(--muted,#52666b);color:var(--coordinated-ink);font-family:var(--body,sans-serif);min-inline-size:0;margin-block:0 56px}
main>.coordinated-multilevel{padding-inline:6.2%}
.coordinated-multilevel *{box-sizing:border-box}
.coordinated-multilevel__header{max-inline-size:900px;margin-block-end:28px}
.coordinated-multilevel__eyebrow{font-size:12px;font-weight:600;color:var(--coordinated-petrol);letter-spacing:.035em;margin:0 0 12px}
.coordinated-multilevel__header h2{font-family:var(--display,Georgia,serif);font-size:clamp(28px,3.2vw,46px);font-weight:400;line-height:1.2;letter-spacing:-.025em;margin:0 0 18px;overflow-wrap:anywhere}
.coordinated-multilevel__header>p:last-child{font-size:15px;line-height:1.85;color:var(--coordinated-muted);margin:0;overflow-wrap:anywhere}
.coordinated-multilevel__body{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:36px;align-items:start}
.coordinated-multilevel__plan-panel{min-inline-size:0;background:var(--coordinated-fog);padding:20px;border:1px solid var(--coordinated-line)}
.coordinated-multilevel__plan-panel>h3{font-size:16px;font-weight:500;margin:0;overflow-wrap:anywhere}
.coordinated-multilevel__north{font-size:11px;color:var(--coordinated-muted);margin:14px 0 4px;text-align:center}
.coordinated-multilevel__north>span{display:inline-block;margin-inline-end:5px}
.coordinated-multilevel__plan{display:block;inline-size:100%;block-size:auto;overflow:visible;background:#fff;direction:ltr}
.coordinated-multilevel__room{fill:#f7f9f9;stroke:var(--coordinated-line);stroke-width:.025}
.coordinated-multilevel__room--bridge{fill:#e5edeb;stroke:none}
.coordinated-multilevel__plan text{font-family:var(--body,sans-serif);fill:var(--coordinated-ink);pointer-events:none}
.coordinated-multilevel__outline{fill:none;stroke:var(--coordinated-ink);stroke-width:.12;stroke-linejoin:miter;pointer-events:none}
.coordinated-multilevel__opening{stroke:#fff;stroke-width:.18;pointer-events:none}
.coordinated-multilevel__opening--glazed{stroke:#7a999d;stroke-width:.07}
.coordinated-multilevel__room-link{cursor:pointer;outline:none}
.coordinated-multilevel__room-link:hover>.coordinated-multilevel__room{fill:#d8e5e4}
.coordinated-multilevel__room-link:focus-visible>.coordinated-multilevel__room{stroke:var(--coordinated-petrol);stroke-width:.10;fill:#d8e5e4}
.coordinated-multilevel__legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;list-style:none;padding:0;margin:16px 0 0;font-size:12px;line-height:1.5}
.coordinated-multilevel__legend li{min-inline-size:0}
.coordinated-multilevel__legend a,.coordinated-multilevel__legend-label{display:flex;align-items:center;gap:8px;min-block-size:44px;min-inline-size:0;overflow-wrap:anywhere}
.coordinated-multilevel__legend a{color:var(--coordinated-petrol);text-decoration:underline;text-underline-offset:3px}
.coordinated-multilevel__legend-label{color:var(--coordinated-muted)}
.coordinated-multilevel__legend-marker{font-variant-numeric:tabular-nums;font-size:11px;flex:none;min-inline-size:20px;text-align:center;border:1px solid var(--coordinated-line);background:#fff;line-height:24px}
.coordinated-multilevel__plan-help{font-size:12px;line-height:1.8;color:var(--coordinated-muted);margin:16px 0 0;overflow-wrap:anywhere}
.coordinated-multilevel__images{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;min-inline-size:0}
.coordinated-multilevel__image{min-inline-size:0;scroll-margin-block-start:115px;outline:none}
.coordinated-multilevel__image:target,.coordinated-multilevel__image:focus-visible{outline:2px solid var(--coordinated-petrol);outline-offset:6px}
.coordinated-multilevel__image h3{font-family:var(--display,Georgia,serif);font-size:clamp(21px,2.1vw,31px);font-weight:400;line-height:1.3;margin:0 0 14px;overflow-wrap:anywhere}
.coordinated-multilevel__image figure{margin:0;min-inline-size:0;background:var(--coordinated-fog)}
.coordinated-multilevel__image-link{display:block;inline-size:min(100%,var(--coordinated-native-width));max-inline-size:100%;margin-inline:auto}
.coordinated-multilevel__image img{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;object-fit:contain}
.coordinated-multilevel__image figcaption{position:static;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:12px 16px;background:none;color:var(--coordinated-muted)}
.coordinated-multilevel__image figcaption>a{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;color:var(--coordinated-petrol);font-size:12px;text-decoration:underline;text-underline-offset:4px}
.coordinated-multilevel .coordinated-multilevel__save{font-size:12px;min-block-size:44px;max-inline-size:100%;white-space:normal;text-align:start;overflow-wrap:anywhere;margin:0}
.coordinated-multilevel .coordinated-multilevel__save:disabled{opacity:1;background:var(--coordinated-fog);color:var(--coordinated-muted);border-color:var(--coordinated-line);cursor:not-allowed}
.coordinated-multilevel .coordinated-multilevel__save[aria-pressed=true]{background:var(--coordinated-petrol);border-color:var(--coordinated-petrol);color:#fff}
.coordinated-multilevel__footer{border-block-start:1px solid var(--coordinated-line);padding-block-start:24px;margin-block-start:32px}
.coordinated-multilevel__footer>p{font-size:14px;line-height:1.85;color:var(--coordinated-muted);max-inline-size:760px;margin:0 0 20px;overflow-wrap:anywhere}
.coordinated-multilevel__footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px}
.coordinated-multilevel__footer .button{max-inline-size:100%;min-block-size:48px;white-space:normal;text-align:start;overflow-wrap:anywhere}
.coordinated-multilevel__back{font-size:13px;min-block-size:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.coordinated-multilevel a:not(.coordinated-multilevel__room-link):focus-visible,.coordinated-multilevel button:focus-visible{outline:3px solid var(--coordinated-petrol);outline-offset:4px}
.coordinated-multilevel--style-summary .coordinated-multilevel__body{grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr)}
.coordinated-multilevel--style-summary .coordinated-multilevel__images{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.coordinated-multilevel--style-summary .coordinated-multilevel__image h3{font-family:var(--body,sans-serif);font-size:14px;line-height:1.5;margin-block-end:10px}
.coordinated-multilevel--style-summary .coordinated-multilevel__image figcaption{padding:6px 10px;gap:4px 10px}
.coordinated-multilevel[dir=rtl] .coordinated-multilevel__eyebrow{letter-spacing:0}
@media(max-width:1150px){main>.coordinated-multilevel{padding-inline:5%}.coordinated-multilevel__body{gap:24px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)}}
@media(max-width:900px){.coordinated-multilevel__body,.coordinated-multilevel--style-summary .coordinated-multilevel__body{grid-template-columns:minmax(0,1fr)}.coordinated-multilevel__plan-panel{max-inline-size:650px;inline-size:100%;margin-inline:auto}.coordinated-multilevel--style-summary .coordinated-multilevel__images{gap:20px}}
@media(max-width:580px){main>.coordinated-multilevel{padding-inline:6%}.coordinated-multilevel{margin-block-end:40px}.coordinated-multilevel__header{margin-block-end:22px}.coordinated-multilevel__plan-panel{padding:16px}.coordinated-multilevel__images,.coordinated-multilevel--style-summary .coordinated-multilevel__images{grid-template-columns:minmax(0,1fr);gap:28px}.coordinated-multilevel__image{scroll-margin-block-start:94px}.coordinated-multilevel__image figcaption{padding-inline:12px}.coordinated-multilevel__footer nav{align-items:stretch;flex-direction:column}.coordinated-multilevel__footer .button{inline-size:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.coordinated-multilevel *{scroll-behavior:auto;transition:none}}

.coordinated-multilevel__level{margin-block-start:22px;min-inline-size:0}
.coordinated-multilevel__level>h4{font-size:15px;margin:0;font-weight:600}
.coordinated-multilevel__void{stroke:#bac9c5;stroke-width:.025}
.coordinated-multilevel__room--bridge{fill:#dce7e3}
.coordinated-multilevel__stair{fill:none;stroke:#52666b;stroke-width:.025;pointer-events:none}
.coordinated-multilevel__stair-direction{stroke:#244c52;stroke-width:.045}
.coordinated-multilevel__marker{font-weight:600}
.coordinated-multilevel__void-key{flex:none;inline-size:20px;block-size:24px;background:repeating-linear-gradient(135deg,#fff,#fff 4px,#bac9c5 4px,#bac9c5 5px);border:1px solid var(--coordinated-line)}
.coordinated-multilevel__plan{direction:ltr;transform:none}

/* 1.0.2: the stair room is a functional zone, with a distinct upper aperture. */
.coordinated-multilevel .coordinated-multilevel__stair-aperture{fill:#d4e0db;stroke:#a17c55;stroke-dasharray:.12 .07}

/* Scoped contrast correction for the existing dark footer. */
.coordinated-multilevel .coordinated-multilevel__footer>p{color:var(--coordinated-fog)}
.coordinated-multilevel .coordinated-multilevel__footer .button.secondary{color:var(--coordinated-fog);border-color:var(--coordinated-fog);background:transparent}
.coordinated-multilevel .coordinated-multilevel__footer :is(a,button):focus-visible{outline-color:var(--coordinated-fog)}