@font-face{font-family:Against;src:url('brand/against-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#f4f5f3;--paper:#fff;--ink:#142823;--muted:#626663;--line:#d8dfdb;--accent:#28403d;--navy:#142823;--mint:#dce4dd}
body{font-family:'Segoe UI',Arial,sans-serif;color:#142823}
h1,h2,h3,.course-cover h3{font-family:Against,Georgia,serif;font-weight:400;letter-spacing:0;line-height:1.35}
h1{font-size:clamp(27px,2.6vw,38px)}h2{font-size:21px}h3{font-size:23px}
.brand{display:flex;align-items:center}.brand-logo{display:block;width:158px;height:auto;max-height:95px;object-fit:contain}
.sidebar{background:#fff}.sidebar>.brand{margin-bottom:10px;justify-content:center}.navlink.active,.navlink:hover{background:#e7ece8;color:#142823}.avatar{background:#e7ece8}
.topbar{color:#757573}.study-banner{background:#142823;border-radius:4px;border-top:4px solid #28403d}.study-banner h2{font-size:27px}.study-banner p{color:#d6dfd9}
.banner-progress{border-color:#757573}.banner-progress strong{color:#fff}.button,.button.light{background:#28403d;color:white;border-radius:4px}.button.light{background:#f4f5f3;color:#142823}.button.secondary{color:#28403d}
.course-card{border-radius:4px}.course-cover{background:#28403d}.cover-blue{background:#142823}.course-card:nth-child(3n) .course-cover{background:#262826}.cover-caption{color:#d8dfdb}.cover-mark{color:#ffffff0b}.course-info a{color:#28403d}
.pill{background:#edf0ed;color:#28403d}.panel{border-radius:6px}.lesson-item.selected{background:#e7ece8;color:#142823}.lesson-list-head h2{font-size:18px}.lesson-title h1{font-size:25px}.save-bar{background:#142823}
.login-story{background:#142823;padding:48px 64px}.login-story>.brand{align-self:flex-start;background:white;padding:18px 25px;border-radius:3px}.login-story .brand-logo{width:180px;max-height:120px}.login-story h1{font-family:Against,Georgia,serif;font-size:clamp(38px,4vw,60px);line-height:1.35}.login-story em{color:#dbe1dc}.login-story p{color:#c9d2cc}.form-wrap h2{font-size:29px}.login-form .eyebrow{color:#28403d}.story-footer{color:#b8c5bb}
@media(max-width:720px){.brand-logo{width:110px;max-height:60px}.sidebar>.brand{margin:0}.login-story{padding:28px}.login-story .brand-logo{width:130px}.login-story h1{font-size:38px}.lesson-title h1{font-size:22px}}