:root{color-scheme:light;font-family:Georgia,serif;color:#211b16;background:#f5f0e6}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,select,input,textarea{font:inherit}button{cursor:pointer;background:#173e35;color:white;border:1px solid #173e35;border-radius:5px;padding:.7rem 1rem}button:disabled{opacity:.45;cursor:default}a{color:#173e35}header{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;padding:1rem 1.4rem;background:#241611;color:#f8ebc8;border-bottom:3px solid #be9650}header>div{margin-right:auto}header strong,header span{display:block}header span{font-size:.85rem;margin-top:.25rem}header a{color:#f8ebc8}header button{border-color:#ad8c50}.page-picker{display:flex;gap:.5rem;align-items:center}select{padding:.6rem;max-width:100%;background:#fffcf5}.tools{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.5rem 1.4rem}.tools p{flex:1;min-width:220px}.tools button{background:transparent;color:#173e35}#team-editor{padding:1rem 1.4rem 1.35rem;border-block:1px solid #d8c89f;background:#fffdf7}.team-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.team-editor-heading h2{margin:.2rem 0}.team-editor-heading p{margin:.25rem 0 .8rem}.team-settings{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(280px,1.3fr);gap:.8rem;margin:.5rem 0 1rem}.team-settings label,.team-profile-fields label{display:grid;gap:.35rem;font-weight:700}.team-settings input,.team-settings textarea,.team-profile-fields input,.team-profile-fields textarea{width:100%;min-width:0;padding:.65rem;border:1px solid #aa9165;background:#fff}.team-settings textarea{min-height:5rem;resize:vertical}.team-profile-card{margin:.8rem 0;padding:1rem;border:1px solid #aa9165;background:#f8f3e8}.team-profile-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem}.team-profile-toolbar strong{margin-right:auto}.team-profile-toolbar button{padding:.5rem .7rem}.team-profile-toolbar .remove-profile{background:#6f2830;border-color:#6f2830}.team-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.team-profile-fields .wide{grid-column:1/-1}.team-profile-fields textarea{min-height:7rem;resize:vertical}.team-photo-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.team-photo-row img{width:90px;height:90px;object-fit:cover;border:1px solid #aa9165;background:#fff}.team-photo-row small{display:block;max-width:420px}#status{padding:.7rem 1.4rem;margin:0;background:#e8dfcb;min-height:2.8rem}iframe{display:block;width:100%;height:calc(100vh - 205px);min-height:500px;border:0;background:#f8f3e8}.login-card{max-width:440px;margin:8vh auto;padding:2rem;background:#fffaf0;border:1px solid #ba9857;border-radius:8px}.login-card img{width:90px;height:90px;object-fit:contain}.login-card label{display:grid;gap:.6rem}.login-card input{padding:.8rem;min-width:0;width:100%;margin-bottom:1rem}.login-card button{width:100%}@media(max-width:700px){.team-settings,.team-profile-fields{grid-template-columns:1fr}.team-profile-fields .wide{grid-column:auto}}@media(max-width:600px){header{padding:.8rem;gap:.6rem}header>div{width:100%}header button{padding:.6rem}.tools,#team-editor{padding:.5rem .8rem}.tools p{margin:.4rem 0}.team-editor-heading{align-items:flex-start;flex-direction:column}.team-editor-heading button{width:100%}iframe{height:65vh}.login-card{margin:2rem 1rem}}

/* Editor-management candidate controls */
#format-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.7rem 1.4rem;background:#fffdf7;border-block:1px solid #d8c89f;box-shadow:0 3px 12px #24161118}
#format-toolbar>strong{margin-right:.4rem;color:#173e35}#format-toolbar button{padding:.45rem .65rem;background:#fff;color:#173e35;border-color:#95713e;min-width:42px}#format-toolbar button:hover,#format-toolbar button:focus-visible{background:#173e35;color:#fff}#format-toolbar select,#format-toolbar input[type=color]{min-height:38px;border:1px solid #95713e;background:#fff}#format-toolbar label{display:flex;align-items:center;gap:.35rem;font:13px system-ui,sans-serif}#format-toolbar input[type=color]{width:42px;padding:2px}.editor-page-directory{padding:14px 22px;border-bottom:1px solid #d8c89f;background:#fffdf7}.editor-page-directory>strong{display:block;margin-bottom:10px;color:#193f35;font-size:1.05rem}.editor-page-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px}.editor-page-links a{display:flex;align-items:center;min-height:44px;padding:8px 11px;border:1px solid #95713e;border-radius:4px;background:#fff;color:#173f35;text-decoration:none;font-weight:700;line-height:1.2}.editor-page-links a:hover,.editor-page-links a:focus,.editor-page-links a[aria-current=page]{background:#173f35;color:#fff7df;outline:2px solid #bd8d36;outline-offset:1px}
@media(max-width:700px){#format-toolbar{position:static;padding:.65rem .8rem}#format-toolbar>strong{width:100%}.editor-page-directory{padding:12px}.editor-page-links{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-page-links a{font-size:.88rem}}
#revision-dialog{width:min(760px,calc(100% - 2rem));max-height:85vh;border:1px solid #95713e;border-radius:8px;padding:1.25rem;background:#fffdf7;color:#211b16}#revision-dialog::backdrop{background:#0d171bcc}.dialog-close{float:right}.dialog-close+*{clear:both}#revision-list{display:grid;gap:.5rem;max-height:45vh;overflow:auto;margin:1rem 0}#revision-list button{background:#fff;color:#173e35;text-align:left}.artwork-advanced{margin-top:1rem;border-top:1px solid #d8c89f;padding-top:.6rem}.artwork-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-top:.75rem}.artwork-grid label{display:grid;gap:.3rem}.artwork-grid input,.artwork-grid select{width:100%;padding:.45rem}.artwork-grid fieldset{min-width:0}.artwork-grid fieldset label{margin:.4rem 0}

/* Owner-requested larger, separated editor disclosure choices. */
:is(#visual-design-controls,#homepage-header-controls,#hero-background-controls){margin:10px 22px;padding:12px 16px!important;border:1px solid #aa9165!important;border-radius:6px;background:#fffdf7}
:is(#visual-design-controls,#homepage-header-controls,#hero-background-controls)>summary{min-height:56px;margin:-12px -16px;padding:14px 18px;font-size:18px;font-weight:700;line-height:1.5;color:#173e35;cursor:pointer;user-select:none;border-radius:5px}
:is(#visual-design-controls,#homepage-header-controls,#hero-background-controls)>summary:hover{background:#eee5d2}
:is(#visual-design-controls,#homepage-header-controls,#hero-background-controls)>summary:focus-visible{outline:3px solid #087dce;outline-offset:2px;background:#eee5d2}
:is(#visual-design-controls,#homepage-header-controls,#hero-background-controls)[open]>summary{margin-bottom:12px;border-bottom:1px solid #d8c89f;border-radius:5px 5px 0 0}
@media(max-width:700px){:is(#visual-design-controls,#homepage-header-controls,#hero-background-controls){margin:10px 12px}}

#format-toolbar #move-items[aria-pressed="true"]{background:#173e35;color:#fff;outline:2px solid #bd8d36}#format-toolbar #undo-item-move:disabled{opacity:.45}

/* Keep controls and the page being edited visible together. */
#editor-workspace{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);height:calc(100dvh - var(--editor-toolbar-height,70px));min-height:380px;scroll-margin-top:var(--editor-toolbar-height,70px);border-top:1px solid #d8c89f}
#editor-settings-pane{min-width:0;overflow:auto;overscroll-behavior:contain;border-right:1px solid #aa9165;background:#f5f0e6}
#editor-settings-pane :is(#visual-design-controls,#homepage-header-controls,#hero-background-controls){margin:10px 12px}
#editor-settings-pane :is(input,select,textarea){max-width:100%}
#editor-settings-pane fieldset{min-width:0}
#editor-preview-pane{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#eee5d2}
#editor-preview-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #d8c89f;background:#fffdf7}
#editor-preview-navigation button{padding:8px 12px}
#editor-preview-pane>#status{flex:none}
#editor-preview-pane>#preview{flex:1;min-height:0;height:0;width:100%;max-width:100%;margin-inline:auto}
@media(max-width:900px){#editor-workspace{display:block;height:auto;min-height:0}#editor-settings-pane{max-height:42dvh;border-right:0;border-bottom:1px solid #aa9165}#editor-preview-pane{height:65dvh;min-height:350px}}
#editor-settings-pane :is(.team-settings,.team-profile-fields){grid-template-columns:minmax(0,1fr)}#editor-settings-pane .team-profile-fields .wide{grid-column:auto}#editor-settings-pane .team-editor-heading{align-items:flex-start;flex-direction:column}#editor-settings-pane .team-photo-row{min-width:0}#editor-settings-pane .team-photo-row input{min-width:0;width:100%}

/* Explicit company position controls and design-control categories. */
.company-position{margin-top:16px;padding:12px;border:1px solid #aa9165}.company-position>legend,.company-position-device>legend{font-weight:700;color:#173e35}.company-position p{line-height:1.5}.company-position-device{margin:12px 0;padding:10px;background:#fffdf7;border:1px solid #d8c89f}.company-position-axis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.company-position-axis label{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}.company-position-axis input{width:90px;padding:8px}.company-position-axis button{min-height:44px;padding:8px}.design-control-heading{grid-column:1/-1;margin:12px 0 0;padding-top:12px;border-top:1px solid #d8c89f;font-size:1rem;color:#173e35}

/* Owner-selected layout: pages left, wide controls above the preview. */
#editor-workspace{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:minmax(260px,42dvh) minmax(360px,1fr);height:calc(100dvh - 12px);min-height:660px;scroll-margin-top:0}
#editor-workspace>.editor-page-directory{grid-column:1;grid-row:1/3;min-width:0;overflow:auto;overscroll-behavior:contain;padding:12px;border-right:1px solid #aa9165;border-bottom:0}
#editor-workspace .editor-page-links{grid-template-columns:minmax(0,1fr)}
#editor-settings-pane{grid-column:2;grid-row:1;border-right:0;border-bottom:1px solid #aa9165;max-height:none}
#editor-preview-pane{grid-column:2;grid-row:2;height:auto;min-height:0}
#editor-settings-pane>#format-toolbar{position:sticky;top:0;z-index:25}
#editor-settings-pane :is(.team-settings,.team-profile-fields){grid-template-columns:repeat(2,minmax(0,1fr))}
#editor-settings-pane .team-profile-fields .wide{grid-column:1/-1}
#editor-settings-pane .team-profile-fields textarea{min-height:5rem;line-height:1.5;resize:vertical;font-weight:400}
#editor-settings-pane .team-profile-fields textarea[data-member-bio]{min-height:18rem}
#editor-settings-pane .team-profile-fields input{font-weight:400;min-height:46px}
#editor-settings-pane .team-editor-heading{align-items:center;flex-direction:row}
.navigation-row-controls{margin:16px 0;padding:14px;border:1px solid #aa9165}
.navigation-row-controls>legend{font-weight:700;color:#173e35}
.navigation-row-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:12px 0}
.navigation-row-fields label{display:grid;gap:6px}
.navigation-row-fields :is(input,select){width:100%;min-height:44px;padding:8px}
@media(max-width:700px){#editor-workspace{display:flex;flex-direction:column;height:auto;min-height:0}#editor-workspace>.editor-page-directory{max-height:180px;border-right:0;border-bottom:1px solid #aa9165}#editor-workspace .editor-page-links{grid-template-columns:repeat(2,minmax(0,1fr))}#editor-settings-pane{max-height:52dvh}#editor-settings-pane :is(.team-settings,.team-profile-fields){grid-template-columns:minmax(0,1fr)}#editor-preview-pane{height:65dvh;min-height:350px}#editor-settings-pane .team-editor-heading{align-items:flex-start;flex-direction:column}}


/* Match the website viewport: page selection stays beside controls; preview spans the browser width. */
#editor-workspace>.editor-page-directory{grid-row:1}
#editor-preview-pane{grid-column:1 / -1}