.instruction-guides{margin:24px 0 48px}.instruction-guides>label{display:block}.instruction-guides select,.instruction-guides textarea{display:block;width:100%;max-width:100%;margin:8px 0 20px;padding:12px;border:1px solid var(--brass);background:var(--cream);color:var(--green-deep);font:18px/1.5 var(--serif)}.instruction-guides textarea{min-height:220px;resize:vertical}.guide-edit>label{display:block;margin:22px 0}.instruction-guides .booking-card{margin-top:20px}.guide-upload>button{margin-top:20px!important}.instruction-guides details{margin-top:24px}.instruction-guides summary{cursor:pointer}.guest-guide-instructions{white-space:pre-wrap}.guest-guide-files{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.legacy-documents{border-top:1px solid #B6924E66;padding-top:24px;margin-top:40px}.legacy-documents>summary{font-size:26px;cursor:pointer}
.guide-preview{width:min(1120px,96vw);max-width:96vw;max-height:92vh;box-sizing:border-box;padding:24px;border:1px solid #B6924E;background:#20302A;color:#F0EADA;overflow:auto}.guide-preview::backdrop{background:#000b}.guide-preview-toolbar{text-align:center;border-bottom:1px solid #B6924E66;margin-bottom:24px}.guide-preview-toolbar h2{font:36px/1.15 var(--serif);margin:8px}.guide-preview-toolbar p{font:20px/1.5 var(--serif)}.guide-preview-toolbar .form-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.guide-preview [aria-pressed=true]{outline:2px solid #B6924E;outline-offset:3px}.guide-preview-page{width:100%;max-width:100%;box-sizing:border-box;margin:24px auto;background:#20302A;text-align:center}.guide-preview-page.is-mobile{width:390px}.guest-guide-card{box-sizing:border-box;max-width:100%;padding:24px;text-align:center;overflow-wrap:anywhere}.guest-guide-card h2{font:38px/1.2 var(--serif)}.guest-guide-instructions{font:21px/1.6 var(--serif);text-align:left}.guest-guide-photos img{display:block;width:100%;height:auto;border-radius:4px}.guest-guide-photos figure{margin:0 0 24px}.guest-guide-photos figcaption{font:18px/1.4 var(--serif);margin:12px 0}.guest-guide-files{justify-content:center}.guest-guide-files>div{max-width:100%}.guide-preview-apartments{font:24px/1.3 var(--serif)}@media(max-width:600px){.guide-preview{padding:12px}.guest-guide-card{padding:16px}.guest-guide-card h2{font-size:30px}}
.annotated-photo{position:relative;width:100%;overflow:hidden}.annotated-photo img{display:block;width:100%;height:auto;margin:0}.photo-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#20302A;color:#fff;border:2px solid #F0EADA;font:bold 16px/1 sans-serif;box-shadow:0 1px 6px #0009;pointer-events:none}.photo-marker.selected{background:#B6924E;color:#182722;outline:3px solid #fff}.photo-descriptions{text-align:left;font:20px/1.5 var(--serif);padding-left:28px}.photo-edit-card{margin:24px 0;padding:20px;border:1px solid #B6924E66}.photo-editor input{display:block;box-sizing:border-box;width:100%;padding:12px;margin:8px 0 16px;background:#F0EADA;color:#182722;font:18px/1.4 var(--serif)}.photo-edit-stage{cursor:crosshair;margin:20px 0}.photo-marker-edit{border-top:1px solid #B6924E66;padding:16px 0;display:flex;flex-wrap:wrap;gap:12px}.photo-marker-edit>label:first-child{flex:1 0 100%}.photo-marker-edit>label{flex:1 1 150px}.photo-editor .form-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.photo-editor label{font:20px/1.4 var(--serif)}
/* Shared original-site typography throughout the guide editor. */
.instruction-guides,.photo-editor{font-family:var(--serif);font-weight:400;-webkit-font-smoothing:antialiased}
.instruction-guides input,.instruction-guides select,.instruction-guides textarea,.photo-editor input{font:400 18px/1.5 var(--serif)}
.instruction-guides h2,.instruction-guides h3,.instruction-guides h4,.photo-editor h2,.photo-editor h3{font-family:var(--serif);font-weight:500}
.instruction-guides label,.photo-editor label{font:400 18px/1.5 var(--serif)}
.instruction-guides p,.photo-editor p{font-family:var(--serif);font-style:normal}
.photo-marker{font-family:var(--mono);z-index:2}
.photo-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible;filter:drop-shadow(0 1px 2px #000)}
.photo-arrows line{stroke:#F0EADA;stroke-width:3}.photo-arrows polygon{fill:#F0EADA}
/* Photo gallery uses the existing photographs/markers and unchanged instruction field. */
.guest-guide-photos{max-width:820px;margin:0 auto 32px}.guest-guide-photos .annotated-photo{border-radius:14px;isolation:isolate}.guest-guide-photos .annotated-photo img{border-radius:0}.guide-photo-key{background:transparent;border:0;border-radius:0;margin-top:14px;padding:20px;text-align:left}.guide-photo-key h3{font:500 24px/1.2 var(--serif);margin:0 0 16px}.guide-photo-key .photo-descriptions{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px 22px}.photo-descriptions li{display:flex;align-items:flex-start;gap:12px;font:20px/1.4 var(--serif)}.photo-key-number{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #F0EADA;background:#20302A;font:13px/1 var(--mono);margin-top:1px}
.guide-written-instructions{max-width:68ch;margin:32px auto;text-align:left;border-top:1px solid #B6924E55;padding-top:26px}.guide-written-instructions h3{font:500 30px/1.2 var(--serif);margin:0 0 18px}.guide-written-instructions .guest-guide-instructions{max-width:none;margin:0;line-height:1.65}
@media(max-width:500px){.guide-photo-picker{gap:9px}.guest-guide-card .guide-photo-choice{width:78px!important;max-width:78px!important}.guide-photo-choice img{width:66px;height:44px}.guide-photo-key{padding:16px}}

.guest-guide-photos figure{margin:0 0 30px}.guest-guide-photos figure:last-child{margin-bottom:0}

/* Approved editorial guest guide: forest photos and cream instruction panel. */
.guest-guide-card>h2{text-align:left;font-style:italic;font-size:clamp(38px,5vw,62px);border-bottom:1px solid #B6924E66;padding-bottom:26px;font-weight:500}
.guide-written-instructions{max-width:820px;background:#F0EADA;color:#20302A;border:0;border-radius:16px;padding:32px 36px;margin:40px auto 24px}
.guide-written-instructions .guest-guide-instructions{color:#20302A}.guide-photo-key .photo-key-number{background:#20302A;color:#F0EADA;border-color:#F0EADA}
@media(max-width:600px){.guide-written-instructions{padding:24px 20px;margin-top:26px}}

/* Centred guest guide content, shared by desktop, mobile and manager preview. */
.guest-guide-card>h2,.guest-guide-card .guide-written-instructions,.guest-guide-card .guest-guide-instructions,.guest-guide-card .guide-photo-key,.guest-guide-card .photo-descriptions{text-align:center}
.guest-guide-card .guide-photo-key .photo-descriptions{grid-template-columns:1fr}
.guest-guide-card .photo-descriptions li{flex-direction:row;align-items:flex-start;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:0 auto}
.guest-guide-card .photo-key-number{flex:0 0 30px;width:30px;box-sizing:content-box;margin:0}

.guest-guide-card .photo-descriptions li>span:last-child{min-width:0}

/* Tighter title-to-photograph spacing on both guide layouts. */
.guest-guide-card>h2{padding-bottom:18px;margin-bottom:22px}

/* Equal visible spacing around the key, without compounded panel/gallery margins. */
.guest-guide-card{--guide-key-gap:34px}
.guest-guide-card>h2{border-bottom:0}
.guest-guide-card .guest-guide-photos{margin-bottom:0}
.guest-guide-card .guide-photo-key{margin-top:var(--guide-key-gap);padding:0 20px}
.guest-guide-card .guest-guide-photos figure{margin-bottom:var(--guide-key-gap)}
.guest-guide-card .guest-guide-photos figure:last-child{margin-bottom:0}
.guest-guide-card .guest-guide-photos+.guide-written-instructions{margin-top:var(--guide-key-gap)}
@media(max-width:500px){.guest-guide-card{--guide-key-gap:30px}.guest-guide-card .guide-photo-key{padding:0 16px}}
.guide-preview-page.is-mobile .guest-guide-card{--guide-key-gap:30px}

/* Two-tone arrows remain visible on both light and dark appliance surfaces. */
.photo-arrows line{stroke-linecap:round}.photo-arrows line.arrow-outline{stroke:#20302A;stroke-width:6}.photo-arrows polygon{stroke:#20302A;stroke-width:2;stroke-linejoin:round;paint-order:stroke fill}

/* Inverted two-tone arrows: green centre with cream outline. */
.photo-arrows line{stroke:#20302A}.photo-arrows line.arrow-outline{stroke:#F0EADA}.photo-arrows polygon{fill:#20302A;stroke:#F0EADA}

/* Lighter two-tone arrow weight; number badges keep their original size. */
.photo-arrows line{stroke-width:2.25}.photo-arrows line.arrow-outline{stroke-width:4.5}.photo-arrows polygon{stroke-width:1.5}

/* Open the cream ring only where the arrow leaves the badge. */
.photo-marker.has-arrow{border-color:transparent}
.photo-marker.has-arrow::before{content:"";position:absolute;inset:-2px;border:2px solid #F0EADA;border-radius:50%;mask-image:conic-gradient(from calc(var(--arrow-angle,0deg) + 84deg),transparent 0deg 12deg,#000 12deg 360deg)}