/* Edition 03: a visual study room, not a catalogue of goods for sale. */
.room-feature{margin:36px 0 54px;padding:28px 32px;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--soft)}
.room-feature h2{font-size:clamp(28px,3vw,41px);margin:7px 0 10px}.room-feature p:not(.eyebrow){max-width:620px;font-size:13px;color:var(--muted)}.room-feature .button{flex-shrink:0}
.room-entry{display:inline-flex;min-height:44px;align-items:center;font-size:10px;letter-spacing:1px;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;background:transparent;border:0;padding:8px 0}
.room-intro{display:grid;grid-template-columns:1fr minmax(210px,.38fr);align-items:end;gap:50px;padding-bottom:38px}.room-intro h1{font-size:clamp(46px,5.2vw,76px);margin:15px 0 24px}.room-intro h1 em{color:var(--rose)}.nada .room-intro h1 em{color:var(--accent)}.room-intro .lede{font-size:15px;max-width:640px;color:var(--muted)}
.room-aside{border-left:1px solid var(--line);padding:4px 0 4px 25px;font-size:12px;color:var(--muted)}.room-aside strong{display:block;font:24px/1.2 var(--serif);color:var(--ink);margin-bottom:12px}.room-aside p+p{margin-top:12px}
.room-presets{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:10px 20px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.room-presets>span{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-right:auto;color:var(--muted)}.room-presets button{border:1px solid var(--line);padding:11px 15px;min-height:44px;background:transparent;font-size:11px}.room-presets button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.room-tools{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:space-between;align-items:center;margin-bottom:20px}.room-tools p{font-size:11px;color:var(--muted)}.room-tools button{font-size:11px;min-height:44px;padding:9px 12px;border:1px solid var(--line);background:transparent}.room-tool-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.room-tool-group span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-right:5px}.room-tools [data-room-background][aria-pressed=true]{background:var(--soft);border-color:var(--ink)}
.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.room-card{min-width:0;border:1px solid var(--line);background:var(--white)}.room-pick{padding:20px 22px;display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line)}.room-number{font:italic 28px/1 var(--serif);color:var(--accent)}.room-picker{flex:1;min-width:0}.room-picker label{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;display:block;margin-bottom:7px;color:var(--muted)}.room-picker select{width:100%;font-size:14px;min-height:44px;padding:8px 32px 8px 10px;background:var(--paper);border:1px solid var(--line);border-radius:0;color:var(--ink);text-overflow:ellipsis}.room-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.room-stage{position:relative;aspect-ratio:1.55;background:#e7e5df;overflow:hidden;touch-action:pan-y;outline-offset:-4px;isolation:isolate}.room-stage[data-backdrop=dark]{background:#171d19}.room-stage:focus-visible{outline:2px solid var(--accent)}.room-stage.is-zoomed{cursor:grab;touch-action:none}.room-stage.is-panning{cursor:grabbing}.room-stage img{width:100%;height:100%;max-width:none;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none;will-change:transform}.room-image-error{position:absolute;inset:15px;display:grid;place-content:center;text-align:center;background:var(--paper);padding:24px;font-size:13px}
.room-zoom{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.room-zoom label{font-size:10px;flex-shrink:0}.room-zoom input{flex:1;width:30px;min-width:30px;min-height:44px;accent-color:var(--ink)}.room-zoom output{font:12px var(--sans);min-width:34px}.room-zoom button{border:0;padding:10px 0 10px 5px;min-height:44px;background:none;font-size:10px;text-decoration:underline;text-underline-offset:4px}
.room-body{padding:24px}.room-body .eyebrow{font-size:9px;letter-spacing:1.6px;line-height:1.8}.room-body h2{font-size:clamp(25px,2.5vw,35px);margin:11px 0 14px}.room-description{font-size:13px;line-height:1.9;min-height:50px;color:var(--muted)}.room-credit{font-size:10px;line-height:1.7;color:var(--muted);margin-top:16px;min-height:35px}.room-credit a{text-decoration:underline;text-underline-offset:3px}.room-body .reference-actions{padding-top:14px;margin-top:18px;gap:20px;border-top:1px solid var(--line)}
.room-note{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.room-note label,.room-direction label{display:block;font-size:12px;margin-bottom:9px}.room-note label span{color:var(--muted);font-size:10px;margin-left:8px}.room-note textarea,.room-direction textarea{width:100%;resize:vertical;min-height:94px;display:block;padding:13px;font-size:14px;line-height:1.7;border:1px solid var(--line);background:var(--paper);border-radius:0}.room-input-foot{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.7;color:var(--muted);margin-top:6px}
.room-explanation{padding:22px 0 30px;font-size:11px;line-height:1.9;color:var(--muted)}.room-explanation strong{font-weight:400;color:var(--ink)}
.room-summary{padding:34px;border:1px solid var(--line);background:var(--soft);margin:6px 0 58px;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px}.room-summary h2{font-size:clamp(32px,3vw,44px);margin:12px 0 20px}.room-summary .room-summary-copy{font-size:13px;line-height:1.9;color:var(--muted);max-width:430px}.room-save-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 14px}.room-save-actions button{min-height:44px;padding:11px 15px;border:1px solid var(--line);background:var(--paper);font-size:10px;letter-spacing:1px;text-transform:uppercase}.room-save-actions button:first-child{border-color:var(--ink)}.room-note-status{font-size:11px;color:var(--ink);min-height:45px}.room-summary .room-data-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:14px}.room-direction textarea{background:var(--white)}.room-transfer{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:12px;line-height:1.8}.room-transfer input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:var(--ink)}.room-enquiry-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.room-enquiry-actions .button{flex:1}.room-enquiry-help{font-size:11px;line-height:1.8;margin-top:12px;color:var(--muted)}.room-context{border:1px solid var(--line);background:var(--soft);padding:18px;margin:20px 0}.room-context>p{font-size:12px;line-height:1.8}.room-context details{margin-top:12px;font-size:12px}.room-context summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.room-context pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 var(--sans);margin:5px 0 12px}.room-context button{font-size:11px;min-height:44px;border:0;background:none;text-decoration:underline;text-underline-offset:4px}
#room-clear-dialog{max-width:550px}.room-dossier{display:none}.room-success-note{margin-top:10px;font-size:11px;color:var(--muted)}
@media(max-width:850px){.room-intro{grid-template-columns:1fr;gap:25px}.room-aside{max-width:700px}.room-aside strong{font-size:21px}.room-summary{grid-template-columns:1fr;gap:30px}.room-intro h1{font-size:58px}.room-tools{align-items:flex-start}.room-presets>span{width:100%;margin-bottom:3px}}
@media(max-width:640px){.room-grid{grid-template-columns:1fr;gap:28px}.room-feature{padding:24px;display:block;margin:28px 0 35px}.room-feature .button{margin-top:22px}.room-intro{padding-bottom:30px}.room-intro h1{font-size:45px;letter-spacing:-1.5px}.room-intro .lede{font-size:14px}.room-presets{gap:8px}.room-presets button{font-size:10px;padding:10px 12px}.room-pick{padding:16px}.room-stage{aspect-ratio:1.2}.room-zoom{padding:8px 16px;gap:10px}.room-body{padding:21px}.room-description{min-height:0}.room-credit{min-height:0}.room-summary{padding:23px;margin-bottom:38px}.room-save-actions{gap:7px}.room-save-actions button{padding:10px 11px;flex-grow:1}.room-tool-group{gap:6px}.room-tools{gap:12px}.room-tools button{padding:9px;font-size:10px}.room-aside{padding-left:18px}.room-input-foot{font-size:10px}.room-note textarea,.room-direction textarea{font-size:16px}.room-picker select{font-size:16px}}
@media print{
 @page{size:A4 landscape;margin:12mm}
 body.room-printing>*:not(.room-dossier){display:none!important}
 body.room-printing{background:#fff!important;color:#151a16!important;font:10pt/1.5 Arial}
 body.room-printing .room-dossier{display:block!important;background:white;color:#151a16;padding:0}
 .dossier-head{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1px solid #999;padding-bottom:10px;margin-bottom:16px}.dossier-head h1{font:27pt/1.05 Georgia;letter-spacing:-1px;margin:0}.dossier-head p{font:8pt/1.6 Arial;text-align:right}.dossier-head small{font:8pt/1.5 Arial;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:6px}
 .dossier-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dossier-card{break-inside:avoid;border:1px solid #bbb;padding:12px;min-width:0}.dossier-card img{width:100%;height:51mm;object-fit:contain}.dossier-card .dossier-kind{font:7pt/1.5 Arial;letter-spacing:.5px;text-transform:uppercase;margin-top:10px}.dossier-card h2{font:20pt/1.12 Georgia;margin:6px 0 9px;letter-spacing:-.4px}.dossier-card p{font:9pt/1.6 Arial;margin:5px 0}.dossier-card .dossier-credit{font-size:7pt;color:#444}.dossier-observation{border-top:1px solid #ddd;margin-top:10px;padding-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.dossier-direction{break-inside:avoid;padding:12px 0;border-bottom:1px solid #aaa;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.dossier-direction h2{font:16pt Georgia;margin-bottom:8px}.dossier-footer{font:7.5pt/1.6 Arial;margin-top:10px;max-width:250mm}.dossier-footer p+p{margin-top:5px}
}

/* Allow the extra room entry to wrap below the original card actions, including 320px layouts. */
.reference-card .reference-actions{flex-wrap:wrap}.reference-actions .room-entry,.gallery-item-actions .room-entry{flex-basis:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere}