.staff-page { max-width:none; margin:0; padding:0; background:#f7f8fa; }
.staff-page button,.primary-button { font:inherit; font-size:14px; border:1px solid #d9dde5; border-radius:7px; padding:9px 13px; background:white; color:#171d2d; cursor:pointer; text-decoration:none; }
.primary-button,.staff-page button.primary-button { background:#ff8718; border-color:#ff8718; font-weight:700; }
.staff-page button:disabled { opacity:.5; cursor:wait; }
.staff-page .site-header { padding:16px 32px; background:white; }
#account { display:flex; gap:16px; align-items:center; font-size:13px; }
#account[hidden],#workspace[hidden],#signin[hidden],#controls[hidden] { display:none; }
.signin-card { max-width:500px; margin:100px auto; padding:40px; background:white; border:1px solid #e3e6ed; border-radius:14px; }
.signin-card h1 { font-size:36px; margin:12px 0; }
.signin-card p { color:#616878; line-height:1.7; }
.signin-card .primary-button { display:inline-block; margin:16px 0; }
.eyebrow { font-size:11px; letter-spacing:.12em; font-weight:750; color:#687082; margin:0; }
#workspace { display:grid; grid-template-columns:290px minmax(0,1fr); min-height:calc(100vh - 84px); }
aside { padding:26px 20px; border-right:1px solid #e3e6ed; background:white; }
aside h2 { font-size:16px; margin:0 0 16px; }
.staff-page input { width:100%; box-sizing:border-box; border:1px solid #d9dde5; border-radius:7px; padding:11px 12px; font:inherit; font-size:14px; color:#171d2d; background:white; }
#articles { margin-top:16px; display:flex; flex-direction:column; gap:5px; }
#articles button { text-align:left; font-size:13px; border-color:transparent; background:transparent; }
#articles button.selected { background:#f0f2f6; border-color:#d9dde5; font-weight:700; }
.edit-panel { max-width:1100px; width:100%; box-sizing:border-box; margin:0 auto; padding:32px 40px; }
.editor-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:28px; }
.editor-heading h1 { font-size:24px; margin:8px 0 0; }
.editor-heading a { white-space:nowrap; font-size:13px; }
#controls>label { font-size:12px; font-weight:700; display:block; margin-bottom:8px; }
#title { font-size:18px; font-weight:700; margin-bottom:18px; }
.toolbar { display:flex; gap:5px; flex-wrap:wrap; padding:10px; border:1px solid #d9dde5; border-radius:8px 8px 0 0; background:white; }
.toolbar button { padding:7px 9px; font-size:12px; }
#body { min-height:380px; background:white; border:1px solid #d9dde5; border-top:0; border-radius:0 0 8px 8px; padding:28px; outline:none; overflow-wrap:anywhere; }
#body:focus { box-shadow:0 0 0 2px #171d2d18; }
#body img { max-width:100%; }
#body .link-to-page { pointer-events:none; }
.save-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 0; }
.save-bar>div { display:flex; gap:8px; }
#status { font-size:13px; color:#626a79; }
#history { font-size:13px; padding:16px 0; border-top:1px solid #e3e6ed; }
#versions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
#link-dialog { padding:28px; border:1px solid #d9dde5; border-radius:12px; width:min(420px,80vw); }
#link-dialog h2 { margin:0 0 20px; }
#link-dialog form>div { display:flex; gap:8px; justify-content:flex-end; margin-top:20px; }
.breadcrumb .staff-link { margin-left:auto; }
@media(max-width:850px) { #workspace { grid-template-columns:1fr; } aside { border-right:0; border-bottom:1px solid #e3e6ed; } #articles { max-height:190px; overflow:auto; } .edit-panel { padding:24px 18px; } .staff-page .site-header { padding:14px 18px; } #email { display:none; } .signin-card { margin:40px 18px; padding:28px; } .save-bar { flex-direction:column; align-items:flex-start; } }