@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#252822;background:#f7f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}.topbar{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e6dc;background:#fbfcf8}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:16px;font-weight:700;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:.19em;color:#888f80;margin-top:5px}.mark{display:grid;place-items:center;width:40px;height:40px;background:#d7f46c;border-radius:50%;font-family:Georgia;font-size:20px;position:relative}.mark span{font:10px sans-serif;position:absolute;right:5px;top:5px}.top-right{display:flex;gap:20px;align-items:center;color:#737b6d;font-size:13px}main{width:min(1300px,88%);margin:0 auto;flex:1}.page-heading,.editor-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:76px 0 44px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#727a6b;display:flex;gap:9px;align-items:center}.dot{width:8px;height:8px;background:#b5d842;border-radius:50%;display:inline-block}h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.04;font-size:clamp(42px,5vw,65px);margin:18px 0 12px}h1 em{font-weight:400;color:#7d9f23}.period{color:#a9cf31}.page-heading p,.editor-heading p,.login p{margin:0;color:#80877a;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;border-radius:5px;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.primary{background:#c7ec53;color:#252b17;border:1px solid #c7ec53}.primary:hover{background:#b9df43}.secondary{background:#fff;border:1px solid #dfe3d8;color:#30362c}.secondary:hover{border-color:#98a48f}.list-header,.page-row{display:grid;grid-template-columns:1fr 180px 150px;align-items:center;gap:20px}.list-header{padding:0 25px 15px;color:#9aa093;font-size:10px;letter-spacing:.14em;font-weight:700}.page-row{background:#fff;border:1px solid #e8ebe2;margin-bottom:8px;padding:20px 24px;border-radius:5px;min-height:92px;cursor:pointer}.page-row:hover{border-color:#b9cd8d}.page-name{display:flex;align-items:center;gap:15px}.page-icon{background:#edf4dc;color:#778e40;width:45px;height:45px;display:grid;place-items:center;border-radius:4px;font-size:19px}.page-name strong{display:block;font-size:14px}.page-name small{display:block;margin-top:6px;color:#9a9f95;font-size:12px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#7d8771}.pill:before{content:'';width:7px;height:7px;background:#c4c9be;border-radius:50%}.pill.live{color:#63862b}.pill.live:before{background:#a8ce41}.date{font-size:12px;color:#92998d}.empty{padding:40px;color:#899182;background:white}.back{margin-top:40px;border:0;background:none;padding:8px 0;color:#7c8676;font-size:13px}.editor-heading{margin:23px 0 32px}.editor-heading h1{font-size:48px}.actions{display:flex;gap:8px;flex-wrap:wrap}.editor-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:18px}.main-column,aside{display:grid;gap:18px;align-content:start}.panel{background:#fff;border:1px solid #e9ebe3;border-radius:5px;padding:25px}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:24px}.panel-title h2{font-size:15px;margin:0 0 7px}.panel-title p{font-size:12px;color:#9aa093;margin:0;line-height:1.5}.panel-number{font-family:Georgia,serif;color:#c7d2b5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:11px;font-weight:700;color:#5f6859}.label-hint{font-weight:400;color:#a1a89d}input:not([type=file]),textarea{width:100%;border:1px solid #e0e5da;border-radius:4px;background:#fafbf8;color:#30352c;outline:none}input:not([type=file]){height:45px;margin-top:8px;padding:0 12px}input:focus,textarea:focus{border-color:#a4c74a;box-shadow:0 0 0 3px #dbefac66}.url-input{display:flex;align-items:center;border:1px solid #e0e5da;background:#fafbf8;border-radius:4px;margin-top:8px;padding:0 12px;color:#a1a99a}.url-input input{border:0;margin:0;background:transparent;padding:0 5px}.url-input input:focus{box-shadow:none}.url-input:focus-within{border-color:#a4c74a}.url-input:has(input:disabled){opacity:.6}textarea{display:block;min-height:390px;resize:vertical;padding:16px;font:12px/1.65 ui-monospace,monospace;tab-size:2}.upload-label{cursor:pointer}.asset-drop{min-height:104px;border:1px dashed #cbd4c3;border-radius:4px;background:#fafcf7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#839c4e;cursor:pointer;font-size:19px}.asset-drop strong{font-size:12px;color:#46513d}.asset-drop span{font-size:11px;color:#a1a99b;font-weight:400}.aside-note{color:#989f93;font-size:12px;line-height:1.6;margin:18px 0 0}.aside-note code{font-size:11px}.linkbox{display:flex;align-items:center;gap:4px;margin-top:8px;background:#f7f9f3;padding:10px;border-radius:4px}.linkbox a{font-size:11px;color:#5a792a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.linkbox button{border:0;background:none;color:#728468;font-size:18px}.text-button{border:0;background:none;color:#718064;padding:5px 0;font-size:12px}.danger{color:#a34d4d;margin-top:8px}.asset-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf0e9;padding:11px 0;font-size:12px;overflow-wrap:anywhere}.asset-row:first-child{margin-top:15px}.asset-row button{border:0;background:none;color:#a07373}.login{max-width:690px;margin:clamp(100px,18vh,200px) auto}.login h1{font-size:clamp(48px,7vw,80px)}.login p{font-size:17px;line-height:1.6;margin-bottom:28px}.login .hint{font-size:12px;margin-top:18px;color:#a37956}.login .button{min-width:230px;justify-content:space-between}footer{margin:85px 6% 0;padding:23px 0;border-top:1px solid #e4e6dc;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#a1a89a}footer b{color:#a1c936}#toast{position:fixed;right:25px;bottom:25px;background:#283023;color:white;padding:13px 18px;border-radius:5px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:750px){main{width:90%}.topbar{padding:0 5%}.page-heading,.editor-heading{align-items:start;flex-direction:column}.page-heading{margin-top:50px}.editor-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.list-header,.page-row{grid-template-columns:1fr auto}.list-header span:last-child,.date{display:none}.page-row{padding:15px}.account{display:none}footer span:last-child{display:none}textarea{min-height:300px}}@media(prefers-color-scheme:dark){:root{color:#e8ebdf;background:#1b201a}.topbar{background:#20261e;border-color:#363d33}.page-row,.panel,.secondary{background:#252c23;border-color:#3d4639;color:#eef0e7}input:not([type=file]),textarea,.url-input,.asset-drop,.linkbox{background:#1e241d;border-color:#414b3c;color:#e1e8d9}.page-icon{background:#39482e}.asset-drop strong{color:#d5e0ce}footer{border-color:#363d33}.brand{color:#e8ebdf}.mark{color:#20251a}}

/* Login stays within the existing product palette and leaves the editor shell untouched. */
.login {
  width: min(100%, 448px);
  max-width: none;
  margin: clamp(72px, 13vh, 152px) auto 48px;
}
.login-card {
  padding: 40px;
  border: 1px solid #d8ded1;
  border-radius: 14px;
  background: #fff;
}
.login-heading { display: flex; align-items: center; gap: 14px; }
.login-brandmark { display: flex; flex: 0 0 40px; align-items: center; }
.login-brandmark img { display: block; width: 40px; height: auto; }
.login .login-heading h1 {
  margin: 0;
  font-size: clamp(30px, 5vw, 36px);
  line-height: 1.1;
}
.login .login-description {
  margin: 24px 0;
  color: #566052;
  font-size: 15px;
  line-height: 1.6;
}
.login .login-action {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  font-size: 14px;
}
.login-action:focus-visible { outline: 3px solid #526b19; outline-offset: 3px; }
.login .hint { margin: 16px 0 0; color: #864c31; font-size: 13px; }
.login .hint:empty { display: none; }
.login-wordmark { display: flex; justify-content: center; margin-top: 24px; }
.login-wordmark img { width: 156px; height: auto; }
.login-logo-dark { display: none !important; }
@media (max-width: 480px) {
  .login { margin-top: 56px; }
  .login-card { padding: 24px; }
}
@media (prefers-color-scheme: dark) {
  .login-card { background: #252c23; border-color: #53604d; }
  .login .login-description { color: #c3cbbe; }
  .login .hint { color: #e3b797; }
  .login-action:focus-visible { outline-color: #d7f46c; }
  .login-logo-light { display: none !important; }
  .login-logo-dark { display: block !important; }
}