/* ANNA TEN: Figma Xww8izaAaDep2zlXwDfi7p, brandbook pages 12–23. */
@font-face{font-family:'Romul';src:url('../fonts/romul.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Anna Sans';src:url('fonts/SFProDisplay-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Anna Sans';src:url('fonts/SFProDisplay-Light.woff2') format('woff2');font-weight:300 350;font-display:swap}
@font-face{font-family:'Anna Sans';src:url('fonts/SFProDisplay-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'Anna Sans';src:url('fonts/SFProDisplay-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Anna Sans';src:url('fonts/SFProDisplay-Bold.otf') format('opentype');font-weight:700 900;font-display:swap}
:root{--anna-noir:#0c0c0c;--anna-ivory:#f3f0eb;--anna-silver:#bfc0c2;--anna-graphite:#6f7379;--anna-wine:#5a2026;--anna-line:#d8d3cd;--anna-heading:'Romul','Times New Roman',serif;--smart-page-bg:var(--anna-ivory);--smart-sidebar-bg:var(--anna-ivory);--smart-sidebar-nav:#6f7379;--smart-sidebar-active:#e8e2da;--smart-sidebar-hover:#e8e2da;--smart-surface:#fbfaf7;--smart-surface-strong:#fff;--smart-surface-muted:#ece8e2;--smart-border:var(--anna-line);--smart-border-strong:#bfc0c2;--smart-primary:var(--anna-wine);--smart-primary-dark:#40171b;--smart-primary-bright:#6f3037;--smart-primary-soft:#eee2e0;--smart-chocolate:#0c0c0c;--smart-text:#0c0c0c;--smart-muted:#6f7379;--smart-shadow:0 6px 24px #0c0c0c06;--smart-shadow-hover:0 12px 32px #0c0c0c0d;--smart-radius:6px;--smart-radius-lg:8px;--tblr-primary:#5a2026;--tblr-primary-rgb:90,32,38;--tblr-body-font-family:'Anna Sans',Arial,sans-serif;--tblr-body-bg:#f3f0eb;--tblr-body-color:#0c0c0c}
html,body,body.layout-fluid,body.layout-fluid .page{background:var(--anna-ivory)!important;background-image:none!important;color:var(--anna-noir);font-family:'Anna Sans',Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
body.layout-fluid .page-wrapper{background:var(--anna-ivory)!important;background-image:none!important}
h1,h2,.h1,.h2{font-family:var(--anna-heading)!important;font-weight:400!important;letter-spacing:-.025em;line-height:1.15}
button,input,textarea,select{font-family:'Anna Sans',Arial,sans-serif}
a{color:var(--anna-wine)}a:hover{color:#40171b}
:focus-visible{outline:2px solid var(--anna-wine);outline-offset:4px}
body .navbar-vertical{background:var(--anna-ivory)!important;background-image:none!important;border-right:1px solid var(--anna-line)!important;box-shadow:none!important}
body .navbar-vertical .nav-link{color:var(--anna-graphite)!important;border-radius:3px!important;font-weight:400}
body .navbar-vertical .nav-item.active>.nav-link,body .navbar-vertical .nav-link:hover{color:var(--anna-wine)!important;background:#e8e2da!important;box-shadow:none!important}
body .sidebar-brand{padding:20px 0 28px;border-bottom:1px solid var(--anna-line);margin-bottom:16px}
body .sidebar-brand__cube{width:150px;height:auto;max-width:100%;filter:none}
body .sidebar-brand__sub{color:var(--anna-graphite);font-size:9px;letter-spacing:.25em;margin-top:12px}
body .page-body>.container-fluid{max-width:1500px;padding:2rem 3.5rem 4rem}
.anna-kicker{color:var(--anna-wine);font-size:10px;font-weight:500;letter-spacing:.22em;margin:0 0 24px}
body .main-welcome{margin-bottom:36px;align-items:center}
body .main-welcome__title,body .main-welcome__name{color:var(--anna-noir);font-size:clamp(26px,3vw,42px);font-family:var(--anna-heading);font-weight:400;line-height:1.18}
body .main-welcome__subtitle{color:var(--anna-graphite);font-size:16px;font-weight:300;margin-top:14px}
body .main-welcome__user{color:var(--anna-noir);background:transparent;border-color:var(--anna-line);box-shadow:none}
body .main-welcome__user-name,body .main-welcome__user-chevron{color:var(--anna-noir)}
body .current-course-selector{background:transparent;border:0;border-top:1px solid var(--anna-line);border-bottom:1px solid var(--anna-line);border-radius:0;box-shadow:none;padding:22px 0;margin:30px 0}
body .current-course-selector__title,body .current-course-selector__label{color:var(--anna-noir)}
body .current-course-selector__select{background:#fbfaf7;border:1px solid var(--anna-line);color:var(--anna-noir);border-radius:4px}
body .dash-card,body .available-courses__card,body .courses-list__card,body .module-accordion,body .profile-card,body .handouts-card,body .card{border:1px solid var(--anna-line);border-radius:6px;background:#fbfaf7;box-shadow:none}
body .dash-card{background-image:none!important;overflow:hidden;position:relative}
body .dash-card:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--anna-wine)}
body .dash-card__title,body .available-courses__name,body .courses-list__name{font-family:var(--anna-heading);font-weight:400}
body .available-courses__head,body .courses-list__head{border-top:1px solid var(--anna-line);padding-top:30px;margin-top:36px}
body .available-courses__title,body .courses-list__title,body .course-hero__title{color:var(--anna-noir);font-family:var(--anna-heading);font-weight:400}
body .available-courses__description,body .courses-list__description{color:var(--anna-graphite)}
body .courses-list__cover--fallback,body .available-courses__placeholder{background:linear-gradient(135deg,#bfc0c2,#f3f0eb)!important;background-image:linear-gradient(135deg,#bfc0c2,#f3f0eb)!important}
body .available-courses__progress-fill,body .progress-bar{background:var(--anna-wine)}
body .btn-primary,body .btn-smart-primary,body .auth-submit,body .dash-card__btn{background:var(--anna-wine)!important;background-image:none!important;color:var(--anna-ivory)!important;border-color:var(--anna-wine)!important;border-radius:4px;box-shadow:none!important}
body .btn-primary:hover,body .auth-submit:hover{background:#40171b!important}
body .mobile-topbar{background:var(--anna-ivory)!important;background-image:none!important;border-bottom:1px solid var(--anna-line);color:var(--anna-noir)!important;box-shadow:none!important}
body .mobile-topbar__brand{font-family:var(--anna-heading);color:var(--anna-noir)!important;letter-spacing:.12em;font-size:20px}
body .mobile-topbar__toggle,body .navbar-toggler{color:var(--anna-noir)!important;background:transparent!important}
body .auth-page{min-height:100svh;display:flex;align-items:center;justify-content:flex-end;padding:5vw 9vw;background:var(--anna-ivory);isolation:isolate;position:relative}
body .auth-page:before{content:'';position:absolute;inset:0 47% 0 0;z-index:-1;background:url('img/portrait.jpg') center/cover no-repeat}
body .auth-card{width:min(430px,100%);padding:48px 40px;border:1px solid var(--anna-line);border-radius:4px;box-shadow:0 16px 60px #0c0c0c08;background:#fbfaf7}
body .auth-logo{width:174px;height:auto;margin:0 auto 32px}
body .auth-field input{background:transparent;border:0;border-bottom:1px solid var(--anna-silver);border-radius:0;padding:12px 0;color:var(--anna-noir)}
body .auth-field label,body .auth-link{color:var(--anna-graphite)}
body .auth-submit{margin-top:20px;height:52px;border-radius:3px}
body .auth-link a{color:var(--anna-wine)}
.anna-public,.anna-public *,.anna-public *:before,.anna-public *:after{box-sizing:border-box}
.anna-public{margin:0;background:var(--anna-ivory);color:var(--anna-noir)}
.anna-nav{height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 6vw;border-bottom:1px solid var(--anna-line);gap:20px}
.anna-nav img{width:140px;height:auto}.anna-nav__links{display:flex;gap:30px;align-items:center}.anna-nav a{text-decoration:none;font-size:14px}
.anna-button{display:inline-flex;justify-content:center;align-items:center;gap:32px;padding:17px 26px;background:var(--anna-wine);color:var(--anna-ivory)!important;text-decoration:none;border:1px solid var(--anna-wine);font-size:14px;min-height:52px;transition:background .2s}.anna-button:hover,.anna-button:focus-visible,.anna-button:active{background:#40171b;color:var(--anna-ivory)!important;text-decoration:none}.anna-button--outline{background:transparent;color:var(--anna-wine)!important}.anna-button--outline:hover,.anna-button--outline:focus-visible,.anna-button--outline:active{background:var(--anna-wine);color:var(--anna-ivory)!important}.anna-button--disabled{opacity:.5;cursor:default}
.anna-hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.anna-hero__copy{padding:7vw 5vw 6vw 8vw;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.anna-hero h1{font-size:clamp(38px,4.5vw,72px);margin:0 0 25px;max-width:640px}.anna-hero p{font-weight:300;font-size:19px;line-height:1.6;max-width:460px;color:var(--anna-graphite);margin:0 0 34px}.anna-hero__image{overflow:hidden}.anna-hero__image img{width:100%;height:100%;object-fit:cover;object-position:53% center}.anna-section{padding:85px 8vw;border-top:1px solid var(--anna-line)}.anna-section h2{font-size:clamp(30px,3vw,48px);margin:0 0 35px}.anna-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.anna-features article{border-top:1px solid var(--anna-silver);padding-top:22px}.anna-features span{color:var(--anna-wine);font-size:12px;letter-spacing:.15em}.anna-features h3{font-weight:400;font-size:23px;margin:24px 0 14px}.anna-features p{color:var(--anna-graphite);font-size:17px;line-height:1.6;font-weight:300}.anna-tariffs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.anna-tariff{display:flex;flex-direction:column;align-items:flex-start;padding:40px;border:1px solid var(--anna-line);background:#fbfaf7}.anna-tariff h3{font-family:var(--anna-heading);font-size:32px;font-weight:400}.anna-tariff__price{font-size:32px;margin:12px 0}.anna-tariff small{display:block;font-size:14px;color:var(--anna-graphite);margin-top:8px}.anna-tariff__content{line-height:1.7;margin:20px 0 30px;flex:1}.anna-tariff .anna-button{width:100%}.anna-footer{padding:40px 8vw;display:flex;gap:24px;align-items:center;justify-content:space-between;background:var(--anna-noir);color:var(--anna-ivory);font-size:13px}.anna-footer a{color:var(--anna-ivory)}
@media(min-width:992px){body .navbar-vertical{width:244px}body .navbar-vertical~.page-wrapper{margin-left:244px}}
@media(max-width:991px){body .page-body>.container-fluid{padding:24px 22px 40px}body .auth-page{padding:40px 24px;justify-content:center}body .auth-page:before{inset:0;background-position:center;opacity:.15}body .auth-card{background:#fbfaf7f5}.anna-hero{min-height:auto;grid-template-columns:1fr}.anna-hero__copy{padding:55px 7vw}.anna-hero__image{height:450px;grid-row:1}.anna-nav{height:85px;padding:16px 6vw}.anna-nav__links{gap:16px}.anna-section{padding:50px 7vw}.anna-features{grid-template-columns:1fr;gap:24px}.anna-tariffs{grid-template-columns:1fr}.anna-footer{flex-wrap:wrap}}
@media(max-width:480px){body .auth-card{padding:34px 25px}.anna-nav__links a:first-child{display:none}.anna-hero__image{height:340px}.anna-tariff{padding:26px}.anna-nav img{width:115px}.anna-nav .anna-button{padding:12px 16px;min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Neutral reading surfaces throughout the student and management flows. */
body .page-wrapper::before{display:none!important}
body .navbar-vertical{border-radius:0!important}
body .page-wrapper h1,body .page-wrapper h2,body .page-wrapper h3,body .page-wrapper .h1,body .page-wrapper .h2{color:var(--anna-noir)!important}
body .course-hero{background:#fbfaf7!important;background-image:none!important;border:1px solid var(--anna-line)!important;box-shadow:none!important;border-radius:6px!important}
body .course-hero__description,body .course-hero__eyebrow{color:var(--anna-graphite)!important}
body .course-hero__btn--primary{background:var(--anna-wine)!important;background-image:none!important;color:var(--anna-ivory)!important;box-shadow:none!important}
body .section-title{color:var(--anna-noir)!important}
body .result-card{background:#fbfaf7;border:1px solid var(--anna-line);border-radius:6px;box-shadow:var(--smart-shadow)}
body .result-logo{width:174px;height:auto}
body .result-action{background:var(--anna-wine);border-radius:4px;box-shadow:none}
body .profile-hero,body .profile-card{background:#fbfaf7!important;background-image:none!important}
body .profile-page__subtitle,body .handouts-meta,body .notifications-page__back,body .hw-header__breadcrumb,body .hw-user-pill__name,body .hw-user-pill__chevron,body .hw-user-pill__avatar svg,body .main-welcome__user-avatar svg{color:var(--anna-graphite)!important}
body .handouts-back,body .handouts-back:hover{color:var(--anna-wine);background:transparent;border-color:var(--anna-line);border-radius:4px}
body .hw-notice{color:var(--anna-noir);background:#fbfaf7;border:1px solid var(--anna-line)}
body .hw-notice--revision{color:#785014;background:#f3e9d9;border-color:#d7bf91}
body .hw-notice--completed{color:#285d42;background:#e3ece5;border-color:#afc8b5}
body .hw-card,body .profile-panel,body .profile-sidebar{border:1px solid var(--anna-line);border-radius:6px;box-shadow:none}
