.brand-logo{display:block;width:64px;height:64px;object-fit:contain;border-radius:6px}
.brand{gap:11px}
.brand>span{font-family:'Lora',Georgia,serif;font-size:23px;letter-spacing:-.055em;font-weight:500}
.brand small{font-family:'Plus Jakarta Sans',sans-serif;font-size:8px;font-weight:500;letter-spacing:.3em;margin-top:6px}
.footer-top .brand-logo{width:58px;height:58px}
.footer-top .brand>span{font-size:22px}
h1,h2{font-weight:400;letter-spacing:-.035em}
h3,h4{font-family:'Plus Jakarta Sans',sans-serif;font-weight:550;letter-spacing:-.035em;line-height:1.4}
.hero h1{letter-spacing:-.045em;line-height:1.19}
.hero-copy>p{font-size:14px;line-height:1.9}
.hero .eyebrow{font-size:9px}
.nav nav{font-size:11px}
.section-heading h2{line-height:1.25}
.course-card h3{line-height:1.5;letter-spacing:-.04em}
.course-card-body>p{line-height:1.9}
.course-card-bottom>strong{font-family:'Plus Jakarta Sans',sans-serif}
.certificate-sheet .brand-logo{width:70px;height:70px}
.certificate-sheet .brand>span{font-size:25px}
.certificate-sheet .learner-name{font-weight:500}
@media(max-width:620px){
  .brand-logo{width:53px;height:53px}
  .brand>span{font-size:22px}
  .brand small{font-size:7px}
  .footer-top .brand-logo{width:55px;height:55px}
  .hero-copy>p{font-size:13px}
  .hero h1{font-size:clamp(32px,8.8vw,44px);line-height:1.22}
  .course-card h3{font-size:21px}
  .certificate-sheet .brand-logo{width:58px;height:58px}
  .certificate-sheet .brand>span{font-size:22px}
}
/* A comfortable reading scale for both the public site and learning areas. */
body{font-size:16px}
.utility{font-size:11px}
.nav nav,.nav-actions{font-size:14px}
.button{font-size:14px;min-height:50px}
.button-small{font-size:13px;min-height:44px}
.text-link{font-size:14px}
.eyebrow{font-size:12px}
.eyebrow.small{font-size:11px}
.hero .eyebrow{font-size:11px}
.hero-copy>p{font-size:17px;max-width:520px;line-height:1.85}
.hero-actions .text-link{font-size:14px}
.hero-note{font-size:12px}
.hero h1{font-size:clamp(40px,4.3vw,64px)}
.visual-caption,.visual-side{font-size:9px}
.visual-float strong{font-size:14px}
.visual-float div>span{font-size:11px}
.promise-bar span{font-size:13px}
.section-heading h2{font-size:40px}
.section-heading p{font-size:15px}
.course-card h3{font-size:23px;min-height:70px}
.course-card-body>p{font-size:14px;min-height:54px}
.course-meta{font-size:12px}
.course-card-bottom>.text-link{font-size:13px}
.course-card-bottom>strong{font-size:21px}
.art-badge{font-size:10px}
.catalog-footnote{font-size:11px}
.topics-row .eyebrow{font-size:10px}
.topics-row h3{font-size:24px}
.topic-links a{font-size:13px}
.how-intro>p{font-size:16px;max-width:390px}
.steps h3{font-size:19px}
.steps p{font-size:15px;max-width:440px}
.resource-preview h3{font-size:23px}
.resource-preview .eyebrow{font-size:10px}
.resource-preview .text-link{font-size:13px}
.cta-panel h2{font-size:40px}
.cta-panel p{font-size:15px}
.footer-top>div>p,.footer-top>div:not(:first-child)>a{font-size:13px}
.footer-note>span,.footer-bottom{font-size:11px}
.preview-strip{font-size:11px}
.page-intro>p{font-size:16px}
.filter-heading h3{font-size:18px}
.filter-panel label,.filter-panel select{font-size:13px}
.filter-heading a{font-size:12px}
.search-input input{font-size:13px}
.filter-panel .button{font-size:13px}
.results-heading{font-size:13px}
.results-heading span:last-child{font-size:12px}
.catalog-grid .course-card h3{font-size:23px}
.back-link{font-size:13px}
.course-detail-grid .lead{font-size:17px}
.detail-meta{font-size:13px}
.instructor-line{font-size:12px}
.instructor-line strong{font-size:14px}
.enroll-card-body .button{font-size:14px}
.included-list li,.enroll-card-body>p,.price-row span{font-size:12px}
.content-block p,.outcome-list li{font-size:16px}
.curriculum strong{font-size:14px}
.curriculum>div>div>span{font-size:12px}
.detail-note p{font-size:14px}
label,input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:15px}
.field-help{font-size:12px}
.check-label{font-size:13px}
.auth-form-panel>p{font-size:14px}
.auth-form-panel .button{font-size:14px}
.small,small{font-size:13px}
.dashboard-intro p{font-size:15px}
.dashboard-heading>span{font-size:12px}
.learning-stats p{font-size:13px}
.enrolled-body h3{font-size:21px}
.progress-label{font-size:12px}
.enrolled-bottom small{font-size:11px}
.simple-empty{font-size:14px}
.result-row{font-size:14px}
.result-row time{font-size:12px}
.lesson-prose{font-size:16px}
.lesson-topline,.lesson-main-heading>span{font-size:12px}
.sidebar-lesson{font-size:13px}
.sidebar-lesson small{font-size:11px}
.sidebar-help a{font-size:12px}
.lesson-download strong{font-size:13px}
.lesson-download p,.lesson-download>.text-link{font-size:12px}
.assignment-status p{font-size:15px}
.quiz-form legend{font-size:16px}
.quiz-option{font-size:14px}
.assessment-note{font-size:13px}
.about-hero p,.about-story .lesson-prose{font-size:16px}
.about-principles p{font-size:15px}
.contact-aside>p{font-size:15px}
.resource-body>p{font-size:15px}
.resource-card-footer>.small{font-size:12px}
.resource-card-footer .text-link{font-size:13px}
.prose-page .lesson-prose{font-size:16px}
.staff-nav a,.staff-table,.staff-table tbody th{font-size:14px}
.staff-table thead,.staff-table tbody th>span{font-size:12px}
.form-grid label,.staff-review-form>label{font-size:14px}
@media(min-width:1440px){.hero h1{font-size:64px}.hero{min-height:680px}}
@media(max-width:1100px) and (min-width:621px){
  .nav nav,.nav-actions{font-size:12px}
  .hero h1{font-size:43px}
  .hero-copy>p{font-size:15px}
  .hero-actions .text-link{font-size:12px}
  .course-card h3{font-size:20px}
  .section-heading h2{font-size:34px}
  .cta-panel h2{font-size:34px}
}
@media(max-width:850px) and (min-width:621px){
  .hero h1{font-size:36px}
  .hero-copy>p{font-size:14px}
  .course-card h3{font-size:18px}
  .course-card-body>p{font-size:13px}
  .course-card-bottom>.text-link{font-size:11px}
  .promise-bar span{font-size:11px}
  .resource-preview h3{font-size:20px}
}
@media(max-width:620px){
  .utility{font-size:9px}
  .utility>.container>span:last-child{font-size:0}
  .utility-language{font-size:9px}
  .nav nav>a{font-size:16px}
  .nav-actions{font-size:14px}
  .preview-strip{font-size:9px}
  .hero h1{font-size:clamp(32px,8.8vw,44px)}
  .hero-copy>p{font-size:15px;line-height:1.85}
  .hero .eyebrow{font-size:10px}
  .hero-actions .button{font-size:13px}
  .hero-actions .text-link{font-size:12px}
  .hero-note{font-size:11px}
  .visual-caption,.visual-side{font-size:7px}
  .visual-float strong{font-size:12px}
  .visual-float div>span{font-size:10px}
  .promise-bar span{font-size:11px}
  .section-heading h2{font-size:31px}
  .section-heading p{font-size:14px}
  .section-heading>.text-link{font-size:13px}
  .course-card h3,.catalog-grid .course-card h3{font-size:23px;min-height:0}
  .course-card-body>p{font-size:14px;min-height:0}
  .course-meta{font-size:12px}
  .course-card-bottom>.text-link{font-size:13px}
  .course-card-bottom>strong{font-size:22px}
  .catalog-footnote{font-size:11px}
  .topic-links a{font-size:12px}
  .how-intro>p,.steps p{font-size:14px}
  .steps h3{font-size:18px}
  .resource-preview h3{font-size:20px}
  .resource-preview .eyebrow{font-size:9px}
  .resource-preview .text-link{font-size:12px}
  .cta-panel h2{font-size:32px}
  .cta-panel p{font-size:14px}
  .page-intro>p{font-size:15px}
  .filter-panel label,.filter-panel select{font-size:12px}
  .filter-panel .search-input input{font-size:13px}
  .course-detail-grid .lead{font-size:15px}
  .content-block p,.outcome-list li{font-size:15px}
  .lesson-prose{font-size:15px}
  .sidebar-lesson{font-size:12px}
  .quiz-form legend{font-size:15px}
  .quiz-option{font-size:14px}
  .about-hero p,.about-story .lesson-prose{font-size:15px}
  .resource-body>p{font-size:14px}
  .prose-page .lesson-prose{font-size:15px}
}
@media print{
  .certificate-sheet .brand-logo{width:58px;height:58px}
}