/* The plan and four views are one bounded component; global site rules stay intact. */
.coordinated-layout{--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-layout{padding-inline:6.2%}
.coordinated-layout *{box-sizing:border-box}
.coordinated-layout__header{max-inline-size:900px;margin-block-end:28px}
.coordinated-layout__eyebrow{font-size:12px;font-weight:600;color:var(--coordinated-petrol);letter-spacing:.035em;margin:0 0 12px}
.coordinated-layout__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-layout__header>p:last-child{font-size:15px;line-height:1.85;color:var(--coordinated-muted);margin:0;overflow-wrap:anywhere}
.coordinated-layout__body{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:36px;align-items:start}
.coordinated-layout__plan-panel{min-inline-size:0;background:var(--coordinated-fog);padding:20px;border:1px solid var(--coordinated-line)}
.coordinated-layout__plan-panel>h3{font-size:16px;font-weight:500;margin:0;overflow-wrap:anywhere}
.coordinated-layout__north{font-size:11px;color:var(--coordinated-muted);margin:14px 0 4px;text-align:center}
.coordinated-layout__north>span{display:inline-block;margin-inline-end:5px}
.coordinated-layout__plan{display:block;inline-size:100%;block-size:auto;overflow:visible;background:#fff;direction:ltr}
.coordinated-layout__room-shape{fill:#f7f9f9;stroke:var(--coordinated-line);stroke-width:.025}
.coordinated-layout__room-shape--court{fill:#e5edeb;stroke:none}
.coordinated-layout__plan text{font-family:var(--body,sans-serif);fill:var(--coordinated-ink);pointer-events:none}
.coordinated-layout__outline{fill:none;stroke:var(--coordinated-ink);stroke-width:.12;stroke-linejoin:miter;pointer-events:none}
.coordinated-layout__opening{stroke:#fff;stroke-width:.18;pointer-events:none}
.coordinated-layout__opening--glazed{stroke:#7a999d;stroke-width:.07}
.coordinated-layout__room-link{cursor:pointer;outline:none}
.coordinated-layout__room-link:hover>.coordinated-layout__room-shape{fill:#d8e5e4}
.coordinated-layout__room-link:focus-visible>.coordinated-layout__room-shape{stroke:var(--coordinated-petrol);stroke-width:.10;fill:#d8e5e4}
.coordinated-layout__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-layout__legend li{min-inline-size:0}
.coordinated-layout__legend a,.coordinated-layout__legend-label{display:flex;align-items:center;gap:8px;min-block-size:44px;min-inline-size:0;overflow-wrap:anywhere}
.coordinated-layout__legend a{color:var(--coordinated-petrol);text-decoration:underline;text-underline-offset:3px}
.coordinated-layout__legend-label{color:var(--coordinated-muted)}
.coordinated-layout__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-layout__plan-help{font-size:12px;line-height:1.8;color:var(--coordinated-muted);margin:16px 0 0;overflow-wrap:anywhere}
.coordinated-layout__images{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;min-inline-size:0}
.coordinated-layout__image{min-inline-size:0;scroll-margin-block-start:115px;outline:none}
.coordinated-layout__image:target,.coordinated-layout__image:focus-visible{outline:2px solid var(--coordinated-petrol);outline-offset:6px}
.coordinated-layout__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-layout__image figure{margin:0;min-inline-size:0;background:var(--coordinated-fog)}
.coordinated-layout__image-link{display:block;inline-size:min(100%,var(--coordinated-native-width));max-inline-size:100%;margin-inline:auto}
.coordinated-layout__image img{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;object-fit:contain}
.coordinated-layout__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-layout__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-layout .coordinated-layout__save{font-size:12px;min-block-size:44px;max-inline-size:100%;white-space:normal;text-align:start;overflow-wrap:anywhere;margin:0}
.coordinated-layout .coordinated-layout__save:disabled{opacity:1;background:var(--coordinated-fog);color:var(--coordinated-muted);border-color:var(--coordinated-line);cursor:not-allowed}
.coordinated-layout .coordinated-layout__save[aria-pressed=true]{background:var(--coordinated-petrol);border-color:var(--coordinated-petrol);color:#fff}
.coordinated-layout__footer{border-block-start:1px solid var(--coordinated-line);padding-block-start:24px;margin-block-start:32px}
.coordinated-layout__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-layout__footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px}
.coordinated-layout__footer .button{max-inline-size:100%;min-block-size:48px;white-space:normal;text-align:start;overflow-wrap:anywhere}
.coordinated-layout__back{font-size:13px;min-block-size:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.coordinated-layout a:not(.coordinated-layout__room-link):focus-visible,.coordinated-layout button:focus-visible{outline:3px solid var(--coordinated-petrol);outline-offset:4px}
.coordinated-layout--style-summary .coordinated-layout__body{grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr)}
.coordinated-layout--style-summary .coordinated-layout__images{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.coordinated-layout--style-summary .coordinated-layout__image h3{font-family:var(--body,sans-serif);font-size:14px;line-height:1.5;margin-block-end:10px}
.coordinated-layout--style-summary .coordinated-layout__image figcaption{padding:6px 10px;gap:4px 10px}
.coordinated-layout[dir=rtl] .coordinated-layout__eyebrow{letter-spacing:0}
@media(max-width:1150px){main>.coordinated-layout{padding-inline:5%}.coordinated-layout__body{gap:24px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)}}
@media(max-width:900px){.coordinated-layout__body,.coordinated-layout--style-summary .coordinated-layout__body{grid-template-columns:minmax(0,1fr)}.coordinated-layout__plan-panel{max-inline-size:650px;inline-size:100%;margin-inline:auto}.coordinated-layout--style-summary .coordinated-layout__images{gap:20px}}
@media(max-width:580px){main>.coordinated-layout{padding-inline:6%}.coordinated-layout{margin-block-end:40px}.coordinated-layout__header{margin-block-end:22px}.coordinated-layout__plan-panel{padding:16px}.coordinated-layout__images,.coordinated-layout--style-summary .coordinated-layout__images{grid-template-columns:minmax(0,1fr);gap:28px}.coordinated-layout__image{scroll-margin-block-start:94px}.coordinated-layout__image figcaption{padding-inline:12px}.coordinated-layout__footer nav{align-items:stretch;flex-direction:column}.coordinated-layout__footer .button{inline-size:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.coordinated-layout *{scroll-behavior:auto;transition:none}}