:root{font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif}
body{--forest:#183e36;--ink:#20332e;--muted:#59675f;--paper:#f4f3ed;--line:#d3dad3;--accent:#246654;--soft:#e9eee5;--highlight:#d8aa4d;--rail-text:#edf5ee;background:var(--paper);color:var(--ink)}
body[data-design="ink"]{--forest:#242b34;--ink:#242b34;--muted:#525964;--paper:#faf6ee;--line:#d7cec3;--accent:#a63e27;--soft:#eee7dd;--highlight:#a63e27}
body[data-design="ocean"]{--forest:#102c43;--ink:#102c43;--muted:#476173;--paper:#f1f7fa;--line:#c5d8df;--accent:#196858;--soft:#e1efef;--highlight:#9fe2d0}
body[data-design="plum"]{--forest:#382c40;--ink:#382c40;--muted:#69566b;--paper:#fff3e9;--line:#e2d0d6;--accent:#795065;--soft:#f0e4e8;--highlight:#f0b899}
.design-menu{padding:10px 24px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);font-size:13px}.design-menu label{margin:0;white-space:nowrap}.design-menu select{width:auto;min-height:38px;margin:0}.design-menu span{margin-left:auto}
.preview-nav{display:flex;gap:24px;align-items:center;padding:12px 24px;background:var(--paper);border-bottom:1px solid var(--line);font-size:14px}.preview-nav span{margin-left:auto;font-size:12px;color:var(--muted)}
.shell{min-height:calc(100vh - 110px)}.rail{color:var(--rail-text)}.rail p,.rail small,.rail nav a{color:var(--rail-text)}.rail button,.rail button.active{color:var(--rail-text)}.rail button.active,.rail button:hover,.manual-link:hover{background:rgba(255,255,255,.12)}.rail .brand{background:var(--header);max-width:100%}.brand sup{color:var(--brand-ink)}.outline{background:var(--soft)}.outline h3{color:var(--muted)}.revisionbar,.notice-inline,.library th{background:var(--soft);color:var(--ink)}.flag{background:var(--soft);color:var(--ink)}button:hover,.button:hover{background:var(--soft)}.primary:hover{background:var(--forest)}.primary{background:var(--accent);color:white}.lesson.active{border-color:var(--line)}input,textarea,select{border-color:var(--line)}.manual-link{display:none}.review-layout{grid-template-columns:minmax(0,1fr) 300px}.work,.canvas,.review-layout>*,.editor>*{min-width:0}
@media(max-width:1000px){.review-layout{grid-template-columns:1fr}.preview{height:480px}}
@media(max-width:720px){.design-menu{flex-wrap:wrap;padding:12px 16px;gap:8px}.design-menu select{flex:1;min-width:0}.design-menu span{width:100%;margin:0}.preview-nav{flex-wrap:wrap;padding:12px 16px;gap:12px 20px}.preview-nav span{width:100%;margin:0}.topbar{flex-wrap:wrap}.blockhead{flex-wrap:wrap}.actions #block-type{min-width:0;max-width:100%}.rail .brand img{width:150px}.pagehead h1{font-size:26px}}
/* The approved original type family stays constant across every palette. */
:root{--brand-font:'Avenir Next',Avenir,'Segoe UI',sans-serif;font-family:var(--brand-font)}
button,input,select,textarea{font-family:inherit}
.brand-filters{position:absolute;overflow:hidden;pointer-events:none}
body{--brand-ink:#183e36;--header:#f4f3ed}
body[data-design="ink"]{--brand-ink:#242b34;--header:#faf6ee}
body[data-design="ocean"]{--brand-ink:#102c43;--header:#f1f7fa}
body[data-design="plum"]{--brand-ink:#382c40;--header:#fff3e9}
header,.design-menu{background:var(--header);color:var(--brand-ink)}
.design-menu select{color:var(--brand-ink);border-color:var(--brand-ink)}
body[data-design="ink"] .brand img{filter:url(#logo-ink)}
body[data-design="ocean"] .brand img{filter:url(#logo-ocean)}
body[data-design="plum"] .brand img{filter:url(#logo-plum)}

.rail .brand img{max-width:calc(100% - 17px)}