.content-list{display:grid;gap:8px;margin-bottom:28px}
.content-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:15px 16px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.content-row:hover,.room-row:hover{border-color:#8aa7a4}
.content-row.selected{background:var(--soft);border-color:var(--sea);box-shadow:0 0 0 1px var(--sea)}
.content-row>span:first-child{min-width:0}.content-row strong{display:block;font-size:14px}.content-row small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4}.content-row>span:last-child{font-size:22px}
.rooms-label{margin-top:4px}
.field{display:block;margin:18px 0}.field>span,.photo-label>span{display:block;font-size:13px;font-weight:650;margin-bottom:7px}
.field>input,.field>textarea,.list-item>input,.photo-label>input{display:block;width:100%;border:1px solid #a8b9b8;border-radius:9px;background:#fff;color:var(--ink);padding:12px 13px;line-height:1.45;outline:none;font:inherit}
.field>textarea{resize:vertical;min-height:88px}.field>input:focus,.field>textarea:focus,.list-item>input:focus,.photo-label>input:focus{border-color:var(--sea);box-shadow:0 0 0 1px var(--sea)}
.field>small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.section-hint{color:var(--muted);font-size:13px;margin:-9px 0 18px}.price-input b{padding-right:18px;color:var(--muted);font-size:17px}
.list-editor{margin:22px 0}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.list-heading h4{font-size:14px;margin:0}.list-heading span{font-size:12px;color:var(--muted)}
.list-items{display:grid;gap:10px}.list-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:start;padding:11px;background:var(--paper);border:1px solid var(--line);border-radius:10px}
.list-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--soft);font-size:11px;font-weight:700;margin-top:8px}
.list-actions{grid-column:2;display:flex;align-items:center;gap:7px}.list-actions button{min-width:40px;min-height:38px;border:1px solid var(--line);background:var(--surface);border-radius:7px}.list-actions .remove-item{margin-left:auto;padding-inline:12px;color:#854438}
.add-list-item{width:100%;min-height:44px;border:1px dashed #8ea9a7;background:var(--soft);border-radius:9px;margin-top:10px;font-weight:650}
.rule-editor-list{display:grid;gap:14px}.rule-editor{border:1px solid var(--line);border-radius:12px;padding:8px 16px 4px;background:var(--paper)}.rule-editor legend{padding:4px 8px;background:var(--sea);color:#fff;border-radius:99px;font-size:11px;font-weight:700}
.protected-note{display:flex;flex-direction:column;gap:4px;padding:15px 17px;margin-top:22px;background:var(--soft);border-radius:10px;font-size:12px}.protected-note span{color:var(--muted)}
.photo-label{display:block;margin:12px 0 4px}.photo-label>span{font-size:12px}
.text-preview{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.text-preview>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--sea);margin-bottom:8px}.text-preview h3{font:600 27px/1.1 'Cormorant Garamond',Georgia,serif;margin-bottom:13px}.text-preview p{font-size:13px;line-height:1.6;margin-top:8px}.text-preview>strong{display:inline-block;margin-top:14px;color:var(--sea)}
.rating-preview{font-size:28px!important}.rating-preview small{font-size:12px;font-weight:400}.preview-card ul{font-size:12px;padding-left:18px;margin:12px 0}.preview-card>div>span{font-size:11px;color:var(--muted);text-transform:uppercase}.preview-card .preview-price{display:block;margin-top:14px}.preview-card .preview-price small{display:block;margin-top:5px;white-space:normal}.editor .field-section:last-of-type{border-bottom:0}
@media(max-width:760px){.content-row{padding:15px 14px}.content-row strong{font-size:14px}.content-row small{font-size:12px}.rooms-label{margin-top:26px}.list-item{grid-template-columns:26px minmax(0,1fr);padding:9px}.list-actions{flex-wrap:wrap}.list-actions .remove-item{margin-left:0}.field>input,.field>textarea,.list-item>input,.photo-label>input{font-size:16px}.editor-heading h2{overflow-wrap:anywhere}}
.photo-undo { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 16px; padding: 12px 14px; border: 1px solid #b8d9d9; border-radius: 14px; background: #edf8f7; color: #173d3c; font-size: .88rem; line-height: 1.35; }
.photo-undo button { flex: 0 0 auto; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--deep); font: inherit; font-weight: 800; cursor: pointer; }
.dialog-heading .icon-button{margin-left:auto}
.text-preview .map-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.text-preview .map-links a{display:flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:11px 15px;border:1px solid var(--sea);border-radius:8px;background:var(--sea);color:#fff;font-size:14px;line-height:1.4;text-decoration:none;text-align:center;overflow-wrap:anywhere}
.text-preview .map-links a+a{background:transparent;color:var(--sea)}

/* The editor keeps the site's palette while prioritising form readability. */
.workspace>*{min-width:0}
.content-row strong{font-size:15px;line-height:1.4}
.content-row small{font-size:12px;line-height:1.5}
.field>span,.photo-label>span{font-size:14px;line-height:1.5}
.field>small,.section-hint{font-size:13px;line-height:1.55}
.field>input,.field>textarea,.list-item>input,.list-item>textarea,.photo-label>input{font-size:16px;min-width:0}
.list-item>textarea{display:block;width:100%;min-height:50px;resize:vertical;field-sizing:content;overflow-wrap:anywhere;border:1px solid #a8b9b8;border-radius:9px;background:#fff;color:var(--ink);padding:12px 13px;line-height:1.45;font:inherit}
.list-item>textarea:focus{border-color:var(--sea);box-shadow:0 0 0 1px var(--sea)}
.list-actions button{min-width:44px;min-height:44px;padding:7px 10px}
.list-actions .remove-item{font-size:14px}
.list-actions .remove-item:only-child{margin-left:0}
.list-heading{gap:12px}.list-heading h4{line-height:1.45}
.rule-editor{min-width:0;margin:0}
.rule-editor legend{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.field-section[id]{scroll-margin-top:16px}
.editor-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line)}
.editor-toolbar .back{display:block;margin:0;padding:8px 6px;min-height:44px}
.editor-toolbar #show-preview-top{min-height:44px;border:1px solid #8ea9a7;border-radius:8px;background:var(--soft);padding:9px 13px;font-size:14px;font-weight:650}
.editor-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:14px 20px;border-bottom:1px solid var(--line)}
.editor-jumps button{min-height:44px;max-width:100%;padding:9px 13px;border:1px solid #8ea9a7;border-radius:8px;background:var(--paper);font-size:14px;font-weight:650;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.editor-jumps button:hover{background:var(--soft);border-color:var(--sea)}
.editor-actions{padding:12px 20px;background:var(--surface);z-index:2}
.editor-actions .primary{min-height:48px;padding:11px 15px}
.editor-actions p{font-size:12px;line-height:1.4;margin-top:6px}
.editor-reset{padding:2px 16px 12px;text-align:center}
.editor-reset .reset-button{min-height:44px;padding:12px 16px;margin:8px auto 0;font-size:13px;max-width:100%;white-space:normal}
#draft-overview{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 24px;padding:15px 18px;border:1px solid #9ab6b3;border-radius:12px;background:var(--soft);font-size:14px;line-height:1.5}
#pending-change-count{font-weight:650}
#review-all{width:auto;min-height:44px;padding:9px 14px;border:1px solid var(--sea);border-radius:8px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:650}
.editor-heading h2,.dialog-heading h2{overflow-wrap:anywhere}
#editor-title:focus{outline:none}
textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #b18445;outline-offset:3px}
.photo-undo{flex-wrap:wrap}.photo-undo button{min-height:44px;padding:8px 0}
dialog{overflow-y:auto;overflow-wrap:anywhere}
.dialog-heading>div{min-width:0}
.change-details{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.change-details>h3{font-size:16px;line-height:1.45;margin-bottom:10px}
.change-group,.section-result{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:0 12px;min-width:0}
.change-group>summary,.section-result>summary{cursor:pointer;font-size:15px;font-weight:650;min-height:44px;padding:11px 0;line-height:1.45;overflow-wrap:anywhere}
.section-result[open]{padding-bottom:12px}
.change-entry{padding:15px 0;border-bottom:1px solid var(--line);min-width:0}
.change-entry h3,.change-entry h4{font-size:14px;line-height:1.5;margin:0 0 8px;overflow-wrap:anywhere}
.change-values{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;font-size:14px;line-height:1.55}
.change-before,.change-after{min-width:0;padding:10px 12px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}
.change-before{background:var(--paper)}
.change-after{background:var(--soft);border:1px solid #a9c4c0}
.change-before>strong,.change-after>strong{display:block;font-size:12px;font-weight:700;margin-bottom:5px}
.change-photos{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.change-photos figure{min-width:0;flex:0 1 90px}
.change-photos img{display:block;width:88px;height:68px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}
.change-photos figcaption{font-size:12px;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1050px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:20px}.shell{width:calc(100% - 40px)}.editor-heading,.field-section{padding-inline:20px}}
@media(max-width:760px){
  .content-row strong{font-size:15px}.content-row small{font-size:13px}
  .list-item{grid-template-columns:24px minmax(0,1fr);gap:7px;padding:9px}
  .list-item>textarea{font-size:16px;line-height:1.45}
  .list-actions{gap:7px}.list-actions .remove-item{margin-left:auto}
  .editor-toolbar{padding:8px 14px}.editor-toolbar #show-preview-top{flex:0 1 auto}
  .editor-heading{padding-top:18px}
  .editor-jumps{gap:7px}.editor-jumps button{flex:1 1 auto;padding:9px 11px}
  .editor-actions{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  #draft-overview{align-items:flex-start;padding:13px 15px}
  #review-all{width:100%}
  .change-values{font-size:14px}.change-before,.change-after{padding:10px}
}
@media(max-width:380px){.editor-toolbar{gap:6px}.editor-toolbar #show-preview-top{font-size:13px;padding-inline:10px}.field-section{padding-inline:16px}.editor-heading{padding-inline:16px}.list-actions .remove-item{margin-left:0}.rule-editor{padding-inline:12px}}
.illustration-preview{display:block;width:100%;max-width:650px;padding:0;overflow:hidden;border:1px solid var(--line,#c9d5d6);border-radius:12px;background:#fff;cursor:zoom-in}
.illustration-preview img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}
.illustration-controls{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.illustration-controls button{min-height:44px;padding:11px 16px;white-space:normal;line-height:1.4}
@media(max-width:760px){.illustration-controls button{flex:1 1 180px}}
