:root { --platform-blue: #167046; --platform-cyan: #bde968; --platform-navy-deep: #10281f; }
.platform-nav { align-items: flex-start; flex-wrap: wrap; gap: .75rem 2rem; }
.platform-nav-actions { flex-wrap: wrap; }
.platform-wordmark small { font-size: .8125rem; }
.cms-pages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 2rem; }
.cms-page { color: var(--platform-ink); text-decoration: none; transition: border-color .15s ease; }
.cms-page:hover { border-color: var(--platform-blue); }
.cms-page h2 { font-size: 1.2rem; margin: .5rem 0; }
.cms-page p { color: var(--platform-muted); }
.cms-page > span:last-child { font-size: .875rem; font-weight: 750; color: var(--platform-blue); }
.cms-filters { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; margin: 1.25rem 0; }
.cms-filters a { background: var(--platform-soft); padding: .65rem .9rem; border-radius: .6rem; color: var(--platform-ink); text-decoration: none; }
.cms-filters a[aria-current] { color: white; background: var(--platform-blue); }
.cms-editor-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(15rem, 1fr); gap: 1.5rem; align-items: start; }
.cms-editor-help { color: var(--platform-muted); position: sticky; top: 1rem; }
.cms-editor-help h2 { color: var(--platform-ink); }
.cms-editor-layout .errorlist { color: var(--platform-danger); }
@media(max-width: 60rem) { .cms-pages { grid-template-columns: repeat(2, minmax(0, 1fr)); }.cms-editor-layout { grid-template-columns: 1fr; }.cms-editor-help { position: static; } }
@media(max-width: 36rem) { .cms-pages { grid-template-columns: 1fr; }.form-actions { flex-wrap: wrap; }.page-heading h1 { font-size: 2rem; overflow-wrap: anywhere; } }
@media(prefers-reduced-motion: reduce) { .cms-page { transition: none; } }