.content-main { max-width: 1280px; }
.content-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 16px; align-items: start; }
.content-pages { position: sticky; top: 90px; padding: 9px; border: 1px solid #dfe9f5; border-radius: 12px; background: #fff; }
.content-page-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 11px; border: 0; border-radius: 7px; background: transparent; color: #5f7890; font-size: 12px; text-align: left; }
.content-page-btn:hover { background: #f4f8ff; color: #1f5de0; }
.content-page-btn.is-active { background: #eaf2ff; color: #1f5de0; }
.content-page-btn span:last-child { color: #9bafc2; font-family: var(--mono); font-size: 9px; }
.content-editor { overflow: hidden; }
.content-editor-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 21px 23px 16px; border-bottom: 1px solid #eaf1f9; }
.content-editor-head h2 { margin: 4px 0 0; font-size: 24px; font-weight: 400; letter-spacing: -.03em; }
#content-form { display: grid; gap: 13px; padding: 20px 23px 23px; }
#content-html { font-family: var(--mono); font-size: 11px; line-height: 1.65; tab-size: 2; }
.content-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 13px; border-top: 1px solid #eaf1f9; }
#content-updated { color: #91a5b9; font-size: 10px; }
@media (max-width: 800px) { .content-layout { grid-template-columns: 1fr; } .content-pages { position: static; display: flex; flex-wrap: wrap; } .content-page-btn { width: auto; gap: 10px; } .content-page-btn span:last-child { display: none; } }
.global-editor { display: grid; gap: 13px; padding: 20px 23px 23px; }
.global-editor textarea { font-family: var(--mono); font-size: 11px; line-height: 1.65; }