#website-editor-section.inspire-editor .editor-content-step{min-width:0}
.inspire-editor-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.inspire-editor-nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:20px}
.inspire-editor-nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px 12px;background:#f7f6fa;border:1px solid #e9e5ef;border-radius:14px;color:#372743;cursor:pointer}
.inspire-editor-nav button.active{background:#fff0f7;border-color:#e0157a;box-shadow:0 0 0 1px #e0157a}
.inspire-editor-nav button:hover{background:#f4eef7}
.inspire-editor-nav button strong{display:block;font-size:14px;font-weight:750}
.inspire-editor-nav button small{display:block;margin-top:5px;font-size:11px;line-height:1.4;color:#70637c;font-weight:400}
.inspire-nav-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:white;color:#a40e59;font-size:22px}
.inspire-editor-panel{min-width:0}.inspire-editor-panel[hidden]{display:none!important}
.inspire-panel-heading{margin:0 0 22px}.inspire-panel-heading h3{margin:0;font-size:24px;letter-spacing:-.6px}.inspire-panel-heading p{margin:7px 0 0;font-size:14px;color:#716579;line-height:1.5}
.inspire-logo-card{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:20px;padding:22px;border:1px solid #e5deeb;background:#fbfafc;border-radius:18px;margin-bottom:28px;align-items:center}
.inspire-logo-card h4,.inspire-palette-heading h4{margin:0;font-size:18px;color:#362441}.inspire-logo-card p,.inspire-palette-heading p{font-size:13px;line-height:1.6;color:#75677d;margin:7px 0 15px}
.inspire-logo-card .editor-content-field{margin:0}.inspire-logo-card .image-upload-control{margin-top:5px}.inspire-logo-card .image-upload-control>input{font-size:12px}
.inspire-logo-preview{display:flex;align-items:center;justify-content:center;min-height:140px;background:white;border:1px dashed #d7c8e0;border-radius:15px;padding:16px}.inspire-logo-preview img{max-width:100%;max-height:130px;object-fit:contain}
.inspire-color-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 22px}
.inspire-color-card{min-width:0;background:white;border:1px solid #e5deeb;border-radius:15px;overflow:hidden}
#website-editor-section.inspire-editor input.inspire-color-swatch{display:block;width:100%;height:86px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;margin:0}
.inspire-color-swatch::-webkit-color-swatch-wrapper{padding:0}.inspire-color-swatch::-webkit-color-swatch{border:0}.inspire-color-swatch::-moz-color-swatch{border:0}
.inspire-color-copy{padding:14px}.inspire-color-copy label{display:block;font-size:13px;font-weight:750;color:#362441}.inspire-color-copy p{font-size:11px;line-height:1.45;min-height:32px;margin:6px 0 10px;color:#75677d}
#website-editor-section.inspire-editor input.inspire-color-hex{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.3px;width:100%;padding:9px 10px;border:1px solid #ded5e5;border-radius:8px;background:#faf8fc;color:#362441}
.inspire-palette-sample{padding:24px;background:var(--inspire-cream,#fff9f4);border:5px solid var(--inspire-blush,#ffe4f1);border-radius:18px;color:var(--inspire-ink,#2a1236)}
.inspire-palette-sample>span{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--inspire-pink,#e0157a);font-weight:700}.inspire-palette-sample h4{font-size:23px;margin:10px 0 8px;color:inherit}.inspire-palette-sample p{font-size:13px;line-height:1.5;color:inherit;margin:0 0 18px}
.inspire-palette-sample>div{display:flex;flex-wrap:wrap;gap:9px}.inspire-palette-sample>div>span{font-size:12px;font-weight:750;padding:11px 15px;border-radius:10px}
.inspire-sample-primary{background:var(--inspire-pink,#e0157a);color:white}.inspire-sample-accent{background:var(--inspire-orange,#f47a38);color:var(--inspire-ink,#2a1236)}.inspire-sample-secondary{background:var(--inspire-sky,#e4eeff);color:var(--inspire-blue,#4f8fea)}
.inspire-subgroup{border:1px solid #e5deeb;border-radius:14px;margin:0 0 12px;background:white;overflow:hidden}.inspire-subgroup>summary{padding:17px 18px;font-weight:700;color:#493450;cursor:pointer;list-style-position:inside}.inspire-subgroup>div{padding:4px 18px 18px}
.inspire-editor .editor-actions{margin-top:24px!important;border-top:1px solid #e5deeb;padding-top:20px!important}.inspire-editor button:focus-visible,.inspire-editor input:focus-visible,.inspire-editor summary:focus-visible{outline:3px solid #e0157a;outline-offset:3px}
@media(max-width:1000px){.inspire-editor-shell{grid-template-columns:200px minmax(0,1fr);gap:18px}.inspire-color-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.inspire-logo-card{grid-template-columns:1fr}.inspire-logo-preview{min-height:110px}.inspire-logo-preview img{max-height:85px}}
@media(max-width:820px){.inspire-editor-shell{grid-template-columns:1fr}.inspire-editor-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inspire-editor-nav button{padding:12px 10px;gap:8px}.inspire-editor-nav button small{display:none}.inspire-editor-nav button strong{font-size:12px}.inspire-nav-icon{flex-basis:26px;width:26px;height:26px;font-size:19px}.inspire-panel-heading h3{font-size:22px}.inspire-logo-card{padding:17px}.inspire-color-copy{padding:12px}.inspire-color-wall{gap:10px}.inspire-palette-sample{padding:18px}.inspire-subgroup>div{padding:4px 12px 14px}}

/* Comfortable touch targets without duplicate touch/click handlers. */
#website-editor-section.inspire-editor .editor-actions button,
.publish-progress-actions button{min-height:44px;touch-action:manipulation;}

/* Match touch keyboards and make tablet actions fit their content column. */
@media (max-width: 1100px) and (min-width: 761px) {
  #website-editor-section.inspire-editor .editor-actions {grid-template-columns:repeat(3,minmax(0,1fr));}
  #website-editor-section.inspire-editor .editor-action-copy {grid-column:1/-1;}
  #website-editor-section.inspire-editor .editor-actions button {min-width:0;width:100%;white-space:normal;}
}
@media (pointer: coarse), (max-width: 1024px) {
  #website-editor-section.inspire-editor input:not([type="color"]),
  #website-editor-section.inspire-editor textarea,
  #website-editor-section.inspire-editor select {font-size:16px;}
  .inspire-editor-nav button,
  #website-editor-section.inspire-editor .format-button,
  #website-editor-section.inspire-editor .image-upload-button {min-height:44px;}
}
@media (max-width: 420px) {
  .inspire-color-wall {grid-template-columns:minmax(0,1fr);}
}