/* Noa Sorelina — original brand assets, adapted for the AdventCore course site. */
@font-face{font-family:"Libre Baskerville";src:url("assets/fonts/LibreBaskerville-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Baskerville";src:url("assets/fonts/LibreBaskerville-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Baskerville";src:url("assets/fonts/LibreBaskerville-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Comfortaa";src:url("assets/fonts/Comfortaa-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Comfortaa";src:url("assets/fonts/Comfortaa-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Handlee";src:url("assets/fonts/Handlee-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}

.noa-page{
  --noa-blue:#749ab0;
  --noa-blue-dark:#4f7692;
  --noa-sky:#e2ecf2;
  --noa-ivory:#faf3e0;
  --noa-paper:#fffdf8;
  --noa-wheat:#f2dba7;
  --noa-ink:#3a2e20;
  --noa-body:#464548;
  --noa-taupe:#796348;
  --noa-line:#d9d6d0;
  --noa-green:#38761d;
  --noa-serif:"Libre Baskerville",Georgia,"Times New Roman",serif;
  --noa-sans:"Comfortaa","Helvetica Neue",Arial,sans-serif;
  margin:0;
  color:var(--noa-body);
  background:#fff;
  font-family:var(--noa-sans);
  font-size:15px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.noa-page *,.noa-page *::before,.noa-page *::after{box-sizing:border-box}
.noa-page img{max-width:100%;height:auto}
.noa-page button,.noa-page input,.noa-page select,.noa-page textarea{font:inherit}
.noa-page button,.noa-page a{touch-action:manipulation}
.noa-page a{color:var(--noa-blue-dark);text-underline-offset:4px}
.noa-page a:hover{color:var(--noa-ink)}
.noa-page a:focus-visible,.noa-page button:focus-visible,.noa-page input:focus-visible,.noa-page select:focus-visible,.noa-page textarea:focus-visible,.noa-page summary:focus-visible{outline:2px solid var(--noa-blue-dark);outline-offset:5px}
.noa-page h1,.noa-page h2,.noa-page h3,.noa-page h4{font-family:var(--noa-serif);font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--noa-ink)}
.noa-page h1,.noa-page h2,.noa-page h3,.noa-page h4,.noa-page p,.noa-page ul,.noa-page ol,.noa-page figure{margin-top:0}
.noa-page h2{font-size:clamp(27px,3vw,38px);line-height:1.2;margin-bottom:24px}
.noa-page h3{font-size:21px;margin-bottom:12px}
.noa-page h4{font-size:17px;margin-bottom:12px}
.noa-page p{margin-bottom:20px}
.noa-page [hidden]{display:none!important}
.noa-shell{width:min(1128px,calc(100% - 2 * clamp(22px,5vw,72px)));margin-inline:auto}
.noa-skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:var(--noa-ivory);padding:12px 20px;color:var(--noa-ink)}
.noa-skip-link:focus{top:12px}
.noa-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px;padding-block:24px;background:#fff}
.noa-topbar.noa-shell{background:transparent}
.noa-brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;color:var(--noa-ink);line-height:1}
.noa-brand img{display:block;width:auto;height:48px;object-fit:contain}
.noa-brand-text{display:block;color:var(--noa-taupe);font-size:9px;letter-spacing:.28em;line-height:1.5;margin-top:9px;text-transform:uppercase}
.noa-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:26px;font-size:12px;letter-spacing:.03em}
.noa-nav a{color:var(--noa-body);text-decoration:none;white-space:nowrap}
.noa-nav a:hover{color:var(--noa-blue-dark)}
.noa-nav .noa-button{padding:11px 19px;font-size:12px}
.noa-eyebrow{color:var(--noa-taupe);font-size:11px;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}
.noa-title{font-size:clamp(34px,4.5vw,58px);line-height:1.12!important;max-width:18ch;margin:0 0 24px;text-wrap:balance}
.noa-lead{font-size:clamp(16px,1.5vw,19px);line-height:1.8;max-width:59ch}
.noa-note{font-family:var(--noa-serif);font-size:18px;line-height:1.7;font-style:italic;color:var(--noa-taupe)}
.noa-muted{color:var(--noa-taupe)}
.noa-small{font-size:12px;line-height:1.65}
.noa-measure{max-width:62ch}
.noa-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:30px}
.noa-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:1px solid var(--noa-blue-dark);border-radius:4px;padding:14px 26px;background:var(--noa-blue-dark);color:#fff!important;font-family:var(--noa-sans);font-weight:700;font-size:13px;line-height:1.5;letter-spacing:.035em;text-decoration:none!important;text-align:center;cursor:pointer;transition:background-color .22s,color .22s,border-color .22s}
.noa-button:hover{background:var(--noa-ink);border-color:var(--noa-ink)}
.noa-button--outline{background:transparent;border-color:var(--noa-ink);color:var(--noa-ink)!important}
.noa-button--outline:hover{background:var(--noa-sky);border-color:var(--noa-blue-dark);color:var(--noa-blue-dark)!important}
.noa-button--small{font-size:11px;padding:10px 18px;min-height:40px}
.noa-button--full{width:100%}
.noa-button:disabled,.noa-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.noa-text-link{font-weight:700;font-size:13px}
.noa-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:660px;overflow:hidden;background:#eedcbd;color:var(--noa-ink)}
.noa-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/photos/noa-at-piano.png") center 56%/cover no-repeat}
.noa-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(238,220,189,.77)}
.noa-hero-inner{padding-block:84px 88px;position:relative}
.noa-hero .noa-eyebrow{color:var(--noa-ink)}
.noa-hero .noa-lead{max-width:61ch;margin-bottom:18px}
.noa-hero .noa-note{margin-top:26px;margin-bottom:0;font-size:16px;color:var(--noa-ink)}
.noa-hero .noa-title{max-width:19ch}
.noa-hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:32px;font-size:11px;letter-spacing:.06em}
.noa-hero-meta span+span::before{content:"·";margin-right:22px}
.noa-course-strip{padding-block:26px;background:var(--noa-sky);border-bottom:1px solid #c7d8e3}
.noa-course-strip>.noa-shell{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 28px;color:#36566c;font-size:10px;letter-spacing:.04em}
.noa-course-strip span{display:flex;align-items:center;gap:12px;line-height:1.8}
.noa-course-strip span::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--noa-blue-dark)}
.noa-intro-grid{gap:64px;align-items:start}
.noa-intro-grid p{font-size:15px;line-height:1.9}
.noa-section{padding-block:88px;position:relative}
.noa-section--warm{background:var(--noa-ivory)}
.noa-section--wheat{background:var(--noa-wheat);overflow:hidden}
.noa-section--paper{background:var(--noa-ivory);isolation:isolate;overflow:hidden}
.noa-section--paper::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.27;background:url("assets/textures/paper-kraft.png") center/cover no-repeat}
.noa-section--botanical{overflow:hidden}
.noa-section--botanical::after,.noa-section--wheat::after{content:"";position:absolute;right:-30px;top:80px;width:190px;height:410px;opacity:.42;pointer-events:none;background:url("assets/botanicals/white-sprig-04.png") center/contain no-repeat}
.noa-section-heading{max-width:65ch;margin-bottom:42px}
.noa-section-heading .noa-eyebrow{margin-bottom:12px}
.noa-section-heading h2{margin-bottom:18px}
.noa-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.noa-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.noa-card{background:#fff;border:1px solid var(--noa-line);padding:32px}
.noa-card>:last-child{margin-bottom:0}
.noa-card--blue{background:var(--noa-sky);border-color:var(--noa-blue)}
.noa-card--warm{background:var(--noa-ivory)}
.noa-card--quiet{background:transparent}
.noa-card h3{font-size:22px;margin-bottom:18px}
.noa-card ul,.noa-checklist{padding:0;list-style:none;margin-bottom:0}
.noa-card li,.noa-checklist li{position:relative;padding-left:20px;margin-bottom:10px;line-height:1.8}
.noa-card li::before{content:"·";position:absolute;left:0;color:var(--noa-blue-dark)}
.noa-checklist li::before{content:"✓";position:absolute;left:0;color:var(--noa-green);font-size:13px}
.noa-feature{border-top:1px solid var(--noa-line);padding-top:25px}
.noa-feature h3{font-size:19px;line-height:1.45;margin:14px 0}
.noa-feature p{font-size:14px;line-height:1.85;margin:0}
.noa-number{display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;font-family:var(--noa-serif);font-size:17px;font-weight:700;color:#fff;background:var(--noa-blue-dark)}
.noa-rule{height:1px;border:0;background:var(--noa-line);margin:36px 0}
.noa-curriculum{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.noa-curriculum-item{display:flex;align-items:flex-start;gap:20px;border-bottom:1px solid rgba(121,99,72,.25);padding:28px 0}
.noa-curriculum-item h3{font-size:19px;line-height:1.5;margin:4px 0 10px}
.noa-curriculum-item p{font-size:13px;line-height:1.85;margin:0;color:var(--noa-taupe)}
.noa-curriculum-item .noa-number{width:36px;height:36px;flex-basis:36px;font-size:14px;margin-top:4px}
.noa-grid-2>.noa-curriculum{display:block}
details.noa-curriculum-item{display:block;padding-block:0}
details.noa-curriculum-item>summary{display:flex;align-items:center;gap:16px;min-height:87px;padding-block:22px;list-style:none;cursor:pointer;font-family:var(--noa-serif);font-size:15px;line-height:1.6;font-weight:700;color:var(--noa-ink)}
details.noa-curriculum-item>summary::-webkit-details-marker{display:none}
details.noa-curriculum-item>summary>span:nth-child(2){flex:1;min-width:0}
details.noa-curriculum-item>summary>span:last-child{font-family:var(--noa-sans);font-size:21px;font-weight:400;color:var(--noa-taupe)}
details.noa-curriculum-item[open]>summary>span:last-child{transform:rotate(45deg)}
details.noa-curriculum-item>ul{list-style:none;padding:0 0 22px 52px;margin:0;font-size:11px;line-height:1.8}
details.noa-curriculum-item>ul>li{display:flex;gap:14px;justify-content:space-between;padding-block:8px;border-top:1px solid rgba(121,99,72,.15)}
details.noa-curriculum-item small{color:var(--noa-taupe);flex-shrink:0;font-size:9px}
.noa-teacher{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.noa-teacher-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:45% center;border:1px solid var(--noa-line)}
.noa-teacher p{font-size:15px;line-height:1.9}
.noa-signature{display:block;width:auto;height:66px!important;max-width:180px;object-fit:contain;margin-top:12px}
.noa-quote{max-width:780px;text-align:center;margin-inline:auto}
.noa-quote blockquote{margin:0;color:var(--noa-ink);font-family:var(--noa-serif);font-size:clamp(21px,2.7vw,30px);font-style:italic;line-height:1.65}
.noa-quote cite{display:block;margin-top:24px;font-family:var(--noa-sans);font-size:11px;line-height:1.7;letter-spacing:.1em;font-style:normal;text-transform:uppercase;color:var(--noa-taupe)}
.noa-enroll{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:start}
.noa-enroll .noa-card{padding:38px;border-color:var(--noa-blue);position:relative}
.noa-enroll-card>.noa-button{width:100%;margin-top:24px}
.noa-enroll-card>.noa-small{margin-top:20px}
.noa-inclusions{margin:26px 0 0!important;padding:0!important;list-style:none;font-size:12px}
.noa-inclusions>li{padding-left:23px;margin-bottom:11px}
.noa-inclusions>li::before{content:"✓";color:var(--noa-green);font-size:12px}
.noa-price{font-family:var(--noa-serif);font-weight:700;font-size:56px;line-height:1.2;color:var(--noa-ink);margin:14px 0 24px}
.noa-price small{font-family:var(--noa-sans);font-size:12px;font-weight:400;color:var(--noa-taupe);letter-spacing:.04em;margin-left:8px}
.noa-footer{position:relative;overflow:hidden;padding-block:48px;color:var(--noa-taupe);font-size:11px}
.noa-footer::after{content:"";position:absolute;right:0;bottom:-70px;height:250px;width:190px;background:url("assets/botanicals/sprig-21.png") center/contain no-repeat;opacity:.18;pointer-events:none}
.noa-footer .noa-shell{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--noa-line);padding-top:28px}
.noa-footer .noa-brand img{height:38px;opacity:.8}
.noa-footer p{margin:0}
.noa-footer-links{display:flex;flex-wrap:wrap;gap:20px}
.noa-footer-links a{color:var(--noa-taupe)}
.noa-footer nav{display:flex;flex-wrap:wrap;gap:18px}
.noa-footer nav a{color:var(--noa-taupe);text-decoration:none}
.noa-footer nav a:hover{text-decoration:underline}

/* Member workspace: restrained paper sidebar, real course content and progress. */
.noa-dashboard{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:var(--noa-paper)}
.noa-sidebar{position:relative;isolation:isolate;display:flex;flex-direction:column;align-self:stretch;min-width:0;overflow:hidden;border-right:1px solid var(--noa-line);padding:32px 24px;background:var(--noa-ivory)}
.noa-sidebar::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.34;background:url("assets/textures/paper-kraft.png") center/576px auto repeat}
.noa-sidebar::after{content:"";position:absolute;inset:auto -20px -40px;height:400px;z-index:-1;opacity:.5;background:url("assets/botanicals/white-sprig-04.png") bottom center/contain no-repeat;pointer-events:none}
.noa-sidebar .noa-brand{align-self:flex-start;margin-bottom:34px}
.noa-sidebar .noa-brand img{height:46px}
.noa-sidebar-nav{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}
.noa-sidebar-nav a,.noa-sidebar-nav button{appearance:none;display:block;position:relative;width:100%;padding:10px 12px;margin:0;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:var(--noa-body);font-size:12px;line-height:1.6;text-decoration:none;text-align:left;cursor:pointer}
.noa-sidebar-nav a:hover,.noa-sidebar-nav button:hover{background:rgba(255,255,255,.45);color:var(--noa-blue-dark)}
.noa-sidebar-nav a[aria-current=page],.noa-sidebar-nav .is-active{background:rgba(255,255,255,.68);border-left-color:var(--noa-blue-dark);color:var(--noa-blue-dark);font-weight:700}
.noa-sidebar-section{border-top:1px solid rgba(121,99,72,.24);padding-top:20px;margin-top:16px}
.noa-sidebar-label{color:var(--noa-taupe);font-size:9px;line-height:1.65;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.noa-sidebar-title{font-family:var(--noa-serif);font-weight:700;font-size:16px;line-height:1.6;color:var(--noa-ink);margin:0 0 20px}
.noa-sidebar-summary{margin-top:auto;padding-top:40px}
.noa-sidebar-summary .noa-progress{margin:16px 0 12px}
.noa-account{display:flex;gap:12px;align-items:center;border-top:1px solid rgba(121,99,72,.24);padding-top:22px;margin-top:26px;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.noa-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#b7d3df;color:var(--noa-ink);font-size:11px;font-weight:700;text-transform:uppercase}
.noa-dashboard-main{min-width:0;position:relative;isolation:isolate;overflow:hidden;padding:34px clamp(24px,3.5vw,56px) 72px}
.noa-dashboard-main::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.08;background:url("assets/textures/paper-kraft.png") center/576px auto repeat;pointer-events:none}
.noa-dashboard-main::after{content:"";position:absolute;top:160px;right:-45px;z-index:-1;width:240px;height:420px;opacity:.55;background:url("assets/botanicals/white-sprig-02.png") center/contain no-repeat;pointer-events:none}
.noa-dashboard-main .noa-title{font-size:clamp(28px,3.2vw,40px);max-width:28ch;margin-bottom:16px}
.noa-dashboard-main h2{font-size:23px;line-height:1.4}
.noa-dashboard-main h3{font-size:17px;line-height:1.5}
.noa-dashboard-main .noa-lead{font-size:15px;max-width:66ch}
.noa-dashboard-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;min-height:44px;margin-bottom:38px;color:var(--noa-taupe);font-size:11px}
.noa-dashboard-topbar p{margin:0}
.noa-dashboard-topbar a{text-decoration:none}
.noa-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--noa-taupe);font-size:11px;line-height:1.7;margin-bottom:22px}
.noa-breadcrumb a{text-decoration:none}
.noa-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start;margin-top:34px}
.noa-dashboard-grid>*,.noa-learning-column{min-width:0}
.noa-dashboard-rail{display:flex;flex-direction:column;gap:24px;min-width:0}
.noa-dashboard-rail .noa-card{padding:24px}
.noa-dashboard-rail .noa-card p{font-size:12px;line-height:1.85}
.noa-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--noa-line);border-bottom:1px solid var(--noa-line);margin-block:30px;padding-block:22px}
.noa-stat{padding-inline:22px;border-left:1px solid var(--noa-line)}
.noa-stat:first-child{padding-left:0;border-left:0}
.noa-stat strong{display:block;font-family:var(--noa-serif);color:var(--noa-ink);font-size:24px;line-height:1.3;margin-bottom:6px}
.noa-stat span{display:block;color:var(--noa-taupe);font-size:10px;line-height:1.6;letter-spacing:.04em}
.noa-progress{display:block;position:relative;overflow:hidden;width:100%;height:5px;background:#e7e1d4}
.noa-progress>span{display:block;max-width:100%;height:100%;background:var(--noa-blue-dark)}
progress.noa-progress{appearance:none;border:0;border-radius:0}
progress.noa-progress::-webkit-progress-bar{background:#e7e1d4}
progress.noa-progress::-webkit-progress-value{background:var(--noa-blue-dark)}
progress.noa-progress::-moz-progress-bar{background:var(--noa-blue-dark)}
.noa-progress-label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:9px;color:var(--noa-taupe);font-size:10px}
.noa-progress-label strong{color:var(--noa-ink)}
.noa-player{margin:0;border:1px solid var(--noa-ink);background:var(--noa-ink);overflow:hidden}
.noa-player iframe,.noa-player video{display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--noa-ink)}
.noa-player-poster{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;min-height:200px;text-align:center;background:var(--noa-ink);color:#fff;overflow:hidden}
.noa-player-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.noa-player-poster>div,.noa-player-poster>span,.noa-player-poster>a{position:relative;z-index:1;max-width:44ch;padding:24px}
.noa-player-poster h2,.noa-player-poster h3{color:#fff}
.noa-player-poster p{font-size:13px;line-height:1.8;margin-bottom:0}
.noa-player-poster a{color:#fff}
.noa-play{display:inline-grid;place-items:center;width:52px;height:52px;border:1px solid #fff;border-radius:50%;font-size:15px;margin-bottom:18px}
.noa-player-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:16px 18px;border-top:1px solid var(--noa-ink);background:#fff;font-size:11px;color:var(--noa-taupe)}
.noa-player-controls .noa-progress{flex:1;min-width:90px;max-width:220px}
.noa-player-controls p,.noa-player-controls form{margin:0}
.noa-content-panel{margin-top:28px;padding:28px;border:1px solid var(--noa-line);background:#fff}
.noa-content-panel h2{font-size:21px;margin-bottom:18px}
.noa-content-panel p{font-size:14px;line-height:1.85}
.noa-outline{border:1px solid var(--noa-line);background:#fff;overflow:hidden}
.noa-outline-header{padding:24px;border-bottom:1px solid var(--noa-line)}
.noa-outline-header h2,.noa-outline-header h3{font-size:18px;margin:0 0 8px}
.noa-outline-header p{margin:0;color:var(--noa-taupe);font-size:11px}
.noa-outline-section{border-bottom:1px solid var(--noa-line)}
.noa-outline-section:last-child{border-bottom:0}
.noa-outline-section>h3,.noa-outline-section>summary{font-family:var(--noa-sans);font-size:10px;line-height:1.7;font-weight:700;letter-spacing:.065em;text-transform:uppercase;color:var(--noa-taupe);background:#faf8f2;padding:17px 22px;margin:0;border-bottom:1px solid #ece8e0}
.noa-outline-section>summary{cursor:pointer}
.noa-outline-section>summary::marker{color:var(--noa-blue-dark)}
.noa-lesson{position:relative;display:flex;gap:12px;align-items:flex-start;padding:15px 20px;border-bottom:1px solid #ece8e0;border-left:2px solid transparent;color:var(--noa-body)!important;font-size:12px;line-height:1.6;text-decoration:none}
.noa-lesson:last-child{border-bottom:0}
a.noa-lesson:hover{background:var(--noa-ivory)}
.noa-lesson.is-active,.noa-lesson[aria-current=page]{border-left-color:var(--noa-blue-dark);background:#eaf1f4}
.noa-lesson.is-complete .noa-lesson-status{color:var(--noa-green)}
.noa-lesson-number{flex:0 0 18px;color:var(--noa-taupe);font-family:var(--noa-serif);font-size:10px;line-height:1.9}
.noa-lesson-body{flex:1;min-width:0}
.noa-lesson-title{display:block;font-size:12px;font-weight:700;line-height:1.65}
.noa-lesson-meta{display:block;color:var(--noa-taupe);font-size:10px;line-height:1.7;margin-top:4px}
.noa-lesson-status{flex:0 0 auto;font-size:11px;line-height:1.8}
.noa-transcript-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--noa-line);margin:0 0 24px}
.noa-transcript-tabs a,.noa-transcript-tabs button{appearance:none;display:inline-block;border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 18px;margin-bottom:-1px;background:transparent;color:var(--noa-taupe);font-size:11px;line-height:1.7;text-decoration:none;cursor:pointer}
.noa-transcript-tabs a:hover,.noa-transcript-tabs button:hover{color:var(--noa-blue-dark)}
.noa-transcript-tabs .is-active,.noa-transcript-tabs [aria-selected=true],.noa-transcript-tabs [aria-current=page]{border-bottom-color:var(--noa-blue-dark);color:var(--noa-blue-dark);font-weight:700}
.noa-transcript{max-width:70ch;font-size:14px;line-height:1.95;overflow-wrap:anywhere}
.noa-transcript p{margin-bottom:20px}
.noa-transcript pre{white-space:pre-wrap;font-family:var(--noa-sans);font-size:13px;line-height:1.95;margin:0;overflow-wrap:anywhere}
.noa-transcript-time{font-size:11px;color:var(--noa-blue-dark);font-weight:700}
.noa-empty{border:1px solid var(--noa-line);background:var(--noa-ivory);padding:28px;color:var(--noa-taupe);font-size:13px;line-height:1.85}
.noa-empty h2,.noa-empty h3{font-size:20px}
.noa-empty p:last-child{margin-bottom:0}
.noa-alert{border:1px solid var(--noa-blue);background:var(--noa-sky);padding:16px 20px;margin-bottom:24px;color:var(--noa-ink);font-size:12px;line-height:1.8}
.noa-alert--success{border-color:#9bbf6c;background:#eaf2df}
.noa-alert--error{border-color:#deb6ab;background:#f7ebe7}
.noa-alert p:last-child{margin-bottom:0}
.noa-badge{display:inline-block;border:1px solid var(--noa-line);padding:4px 8px;color:var(--noa-taupe);font-size:9px;line-height:1.5;letter-spacing:.05em;white-space:nowrap}
.noa-badge--complete{border-color:#9bbf6c;color:var(--noa-green);background:#eaf2df}
.noa-teacher-mini{display:flex;gap:14px;align-items:center;font-size:12px;line-height:1.7}
.noa-teacher-mini img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 46px}
.noa-teacher-mini p{margin:0}
.noa-course-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);border:1px solid var(--noa-line);background:#fff}
.noa-course-card-image{display:block;width:100%;height:100%!important;min-height:280px;object-fit:cover}
.noa-course-card-content{padding:32px}
.noa-course-card-content h2{font-size:26px}
.noa-course-card-content .noa-progress{margin-top:12px}
.noa-field{display:block;margin-bottom:20px}
.noa-field>span,.noa-field>label{display:block;margin-bottom:8px;font-size:12px}
.noa-input,.noa-field input,.noa-field select,.noa-field textarea{display:block;width:100%;border:1px solid var(--noa-line);border-radius:2px;background:#fff;padding:12px 14px;color:var(--noa-ink);font-size:14px;line-height:1.7}
.noa-field textarea{min-height:140px;resize:vertical}
.noa-form{max-width:560px}
.noa-checkbox{display:flex;gap:12px;align-items:flex-start;font-size:12px;margin-bottom:20px}
.noa-checkbox input{margin-top:5px;accent-color:var(--noa-blue-dark)}
.noa-auth{max-width:480px;margin:64px auto;border:1px solid var(--noa-line);padding:40px;background:#fff}
.noa-page .form-label{display:block;margin-bottom:8px;color:var(--noa-ink);font-family:var(--noa-sans);font-size:12px;line-height:1.7}
.noa-page .form-input,.noa-page .form-select,.noa-page .form-textarea{display:block;width:100%;min-height:46px;padding:12px 14px;border:1px solid var(--noa-line);border-radius:2px;background:#fff;color:var(--noa-ink);font-family:var(--noa-sans);font-size:13px;line-height:1.65;box-shadow:none}
.noa-page .form-select{padding-right:30px}
.noa-page .form-textarea{min-height:120px;resize:vertical}
.noa-page .form-input:focus,.noa-page .form-select:focus,.noa-page .form-textarea:focus{border-color:var(--noa-blue-dark);box-shadow:none}
.noa-page .form-input:disabled,.noa-page .form-select:disabled,.noa-page .form-textarea:disabled{background:#f4f1e9;color:var(--noa-taupe);cursor:not-allowed}
.noa-page .form-input[aria-invalid=true],.noa-page .form-select[aria-invalid=true],.noa-page .form-textarea[aria-invalid=true]{border-color:#85200c}
.noa-page .form-input::placeholder,.noa-page .form-textarea::placeholder{color:var(--noa-taupe);opacity:.8}
.noa-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--noa-line);background:#fff;overscroll-behavior-x:contain}
.noa-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;line-height:1.7;background:#fff}
.noa-table caption{padding:20px 24px;text-align:left;font-family:var(--noa-serif);font-size:19px;color:var(--noa-ink)}
.noa-table th{padding:15px 20px;background:#faf8f2;border-bottom:1px solid var(--noa-line);color:var(--noa-taupe);font-size:9px;line-height:1.7;text-transform:uppercase;letter-spacing:.08em;font-weight:700;vertical-align:bottom;white-space:nowrap}
.noa-table td{padding:18px 20px;border-bottom:1px solid #ece8e0;vertical-align:top}
.noa-table tbody tr:last-child td{border-bottom:0}
.noa-table td .noa-button{white-space:nowrap}
.noa-table p{margin:0}
.noa-table .noa-small{font-size:10px}
.noa-table td form{margin:0}

@media(min-width:1600px){
  .noa-dashboard-main{padding-inline:64px}
  .noa-dashboard-grid{grid-template-columns:minmax(0,1fr) 330px;gap:40px}
}
@media(max-width:1180px){
  .noa-dashboard{grid-template-columns:216px minmax(0,1fr)}
  .noa-sidebar{padding-inline:18px}
  .noa-dashboard-main{padding-inline:28px}
  .noa-dashboard-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .noa-dashboard-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .noa-dashboard-rail>.noa-outline{grid-column:1/-1}
  .noa-teacher,.noa-enroll{gap:40px}
}
@media(max-width:800px){
  .noa-topbar{min-height:88px;padding-block:20px;gap:20px}
  .noa-brand img{height:39px}
  .noa-nav{gap:18px;font-size:11px}
  .noa-nav .noa-button{padding:9px 12px;font-size:10px;min-height:38px}
  .noa-hero{min-height:610px}
  .noa-hero-inner{padding-block:68px}
  .noa-hero::before{background-position:53% center}
  .noa-title{font-size:42px}
  .noa-section{padding-block:64px}
  .noa-grid-3{grid-template-columns:1fr;gap:28px}
  .noa-grid-2{gap:24px}
  .noa-curriculum{gap:0 28px}
  .noa-curriculum-item{gap:14px}
  .noa-curriculum-item h3{font-size:16px}
  .noa-teacher{grid-template-columns:.8fr 1.2fr;gap:28px}
  .noa-teacher-photo{aspect-ratio:3/5}
  .noa-enroll{gap:28px}
  .noa-enroll .noa-card{padding:28px}
  .noa-dashboard{display:block}
  .noa-sidebar{padding:18px 24px;border-right:0;border-bottom:1px solid var(--noa-line);display:grid;grid-template-columns:auto 1fr;gap:0 22px;overflow:visible}
  .noa-sidebar::after{display:none}
  .noa-sidebar .noa-brand{margin:0;align-self:center}
  .noa-sidebar .noa-brand img{height:38px}
  .noa-sidebar-nav{flex-direction:row;justify-content:flex-end;align-items:center;gap:4px;margin:0;flex-wrap:wrap}
  .noa-sidebar-nav a,.noa-sidebar-nav button{width:auto;padding:8px 10px;border-left:0;border-bottom:2px solid transparent;font-size:11px}
  .noa-sidebar-nav a[aria-current=page],.noa-sidebar-nav .is-active{border-left:0;border-bottom-color:var(--noa-blue-dark)}
  .noa-sidebar-section{grid-column:1/-1;margin-top:16px;padding-top:14px}
  .noa-sidebar-section .noa-sidebar-nav{justify-content:flex-start}
  .noa-sidebar-summary{display:none}
  .noa-sidebar>.noa-sidebar-label,.noa-sidebar>.noa-sidebar-title{display:none}
  .noa-sidebar .noa-account{grid-column:1/-1;margin:12px 0 0;padding-top:12px;font-size:10px}
  .noa-sidebar .noa-account .noa-avatar{width:26px;height:26px;flex-basis:26px;font-size:9px}
  .noa-dashboard-main{padding:24px 24px 56px;overflow:hidden}
  .noa-dashboard-topbar{margin-bottom:28px}
  .noa-dashboard-grid{margin-top:28px}
  .noa-dashboard-main .noa-title{font-size:32px}
  .noa-course-card{grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr)}
}
@media(max-width:580px){
  .noa-shell{width:calc(100% - 44px)}
  .noa-topbar{flex-wrap:wrap;gap:15px;padding-block:16px}
  .noa-topbar .noa-nav{gap:14px;margin-left:auto}
  .noa-nav .noa-hide-mobile{display:none}
  .noa-topbar .noa-brand img{height:34px}
  .noa-hero{min-height:0}
  .noa-hero-inner{padding-block:60px 64px}
  .noa-hero::after{background:rgba(238,220,189,.83)}
  .noa-hero .noa-title{font-size:35px;max-width:18ch}
  .noa-hero .noa-lead{font-size:15px;line-height:1.85}
  .noa-hero .noa-note{font-size:14px}
  .noa-hero-meta{font-size:10px;gap:8px 15px}
  .noa-hero-meta span+span::before{margin-right:15px}
  .noa-course-strip{padding-block:18px}
  .noa-course-strip>.noa-shell{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:9px}
  .noa-eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:16px}
  .noa-actions{gap:12px;margin-top:26px}
  .noa-button{font-size:12px;padding:13px 21px}
  .noa-section{padding-block:54px}
  .noa-section-heading{margin-bottom:30px}
  .noa-section--wheat::after{width:130px;right:-45px;opacity:.3}
  .noa-grid-2,.noa-grid-3,.noa-curriculum,.noa-teacher,.noa-enroll{grid-template-columns:1fr;gap:24px}
  .noa-curriculum{gap:0}
  .noa-curriculum-item{padding-block:22px;gap:18px}
  .noa-curriculum-item h3{font-size:17px}
  details.noa-curriculum-item>summary{font-size:14px;min-height:80px}
  details.noa-curriculum-item>ul{padding-left:0}
  .noa-card{padding:26px}
  .noa-card h3{font-size:20px}
  .noa-card li,.noa-checklist li{font-size:13px}
  .noa-teacher{gap:30px}
  .noa-teacher-photo{aspect-ratio:4/3;object-position:center 40%}
  .noa-price{font-size:48px}
  .noa-enroll .noa-card{padding:28px}
  .noa-footer{padding-block:34px}
  .noa-footer .noa-shell{align-items:flex-start;gap:20px}
  .noa-footer .noa-brand{flex-basis:100%}
  .noa-footer-links{gap:14px}
  .noa-sidebar{padding:16px 20px;gap:0 12px}
  .noa-sidebar .noa-brand img{height:32px}
  .noa-sidebar-nav a,.noa-sidebar-nav button{font-size:10px;padding:7px 8px}
  .noa-dashboard-main{padding:24px 20px 48px}
  .noa-dashboard-topbar{gap:12px;font-size:10px;margin-bottom:30px}
  .noa-dashboard-main .noa-title{font-size:28px;line-height:1.3!important}
  .noa-dashboard-main .noa-lead{font-size:13px;line-height:1.85}
  .noa-dashboard-grid,.noa-dashboard-rail{grid-template-columns:minmax(0,1fr);gap:24px}
  .noa-stat-grid{padding-block:18px;margin-block:26px}
  .noa-stat{padding-inline:13px}
  .noa-stat strong{font-size:21px}
  .noa-stat span{font-size:9px}
  .noa-player-poster{min-height:170px}
  .noa-player-controls{padding:13px;gap:12px}
  .noa-player-controls .noa-button{min-height:38px;font-size:10px;padding:9px 12px}
  .noa-content-panel{padding:23px 20px;margin-top:24px}
  .noa-transcript-tabs a,.noa-transcript-tabs button{font-size:10px;padding:10px 13px}
  .noa-transcript{font-size:13px}
  .noa-course-card{grid-template-columns:1fr}
  .noa-course-card-image{min-height:0;max-height:220px;aspect-ratio:16/9}
  .noa-course-card-content{padding:26px}
  .noa-course-card-content h2{font-size:24px}
  .noa-auth{margin:32px 22px;padding:28px}
  .noa-table th,.noa-table td{padding:14px}
}
/* Readability takes precedence over the reference's very small UI labels. */
.noa-page{font-size:16px}
.noa-nav,.noa-sidebar-nav a,.noa-sidebar-nav button{font-size:14px}
.noa-eyebrow,.noa-sidebar-label{font-size:12px;letter-spacing:.12em}
.noa-small,.noa-course-strip>.noa-shell,.noa-hero-meta,.noa-dashboard-topbar,.noa-breadcrumb{font-size:13px}
.noa-button,.noa-nav .noa-button{font-size:14px}
.noa-button--small,.noa-player-controls .noa-button{font-size:13px}
.noa-text-link,.noa-price small,.noa-footer,.noa-account,.noa-player-controls,.noa-badge,.noa-pill{font-size:13px}
.noa-intro-grid p,.noa-feature p,.noa-card li,.noa-checklist li,.noa-teacher p,.noa-curriculum-item p,.noa-dashboard-main .noa-lead,.noa-dashboard-rail .noa-card p,.noa-content-panel p,.noa-transcript,.noa-transcript pre,.noa-course-card-content p,.noa-empty{font-size:16px}
.noa-note,.noa-sidebar-section .noa-note{font-size:16px}
.noa-inclusions{font-size:16px}
.noa-lesson,.noa-lesson-title{font-size:15px}
.noa-lesson small,.noa-lesson-meta,.noa-lesson-status,.noa-lesson-number,.noa-stat span,.noa-progress-label,.noa-outline-header p,.noa-locked-label{font-size:12px}
.noa-outline-section>summary,.noa-outline-section>h3,.noa-transcript-tabs a,.noa-transcript-tabs button{font-size:14px}
.noa-page .form-label,.noa-field>span,.noa-field>label{font-size:14px}
.noa-page .form-input,.noa-page .form-select,.noa-page .form-textarea,.noa-input,.noa-field input,.noa-field select,.noa-field textarea{font-size:16px}
.noa-table{font-size:14px}
.noa-table th,.noa-table .noa-small,details.noa-curriculum-item small{font-size:12px}
details.noa-curriculum-item>summary{font-size:16px}
details.noa-curriculum-item>ul{font-size:14px}
.noa-dashboard-topbar .noa-eyebrow{margin:0}
.noa-welcome{margin-bottom:28px}
.noa-welcome h1{font-size:clamp(28px,3.2vw,40px);line-height:1.3;max-width:26ch;margin:0 0 18px;text-wrap:balance}
.noa-welcome p:last-child{margin-bottom:0;max-width:62ch;color:var(--noa-taupe);font-size:16px}
.noa-player-message{padding:32px!important}
.noa-player-message .noa-eyebrow{color:#f2dba7}
.noa-player-message h2{font-size:clamp(24px,2.6vw,34px);line-height:1.45;margin-bottom:18px}
.noa-player-message p{font-size:15px;line-height:1.9}
.noa-player-message .noa-button{margin-top:24px}
.noa-player.noa-player-poster{min-height:350px;aspect-ratio:16/10;background:var(--noa-ink);isolation:isolate}
.noa-player.noa-player-poster::before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/photos/noa-at-piano.png") center/cover no-repeat;opacity:.25}
.noa-dashboard-main .noa-progress-number{font-size:54px;line-height:1.2;margin:18px 0 22px}
.noa-progress-number small{font-family:var(--noa-sans);font-size:20px;font-weight:400;color:var(--noa-taupe);margin-left:5px}
.noa-dashboard-rail .noa-progress+p{margin-top:20px;margin-bottom:16px}
.noa-dashboard-rail .noa-card .noa-eyebrow{font-size:12px}
.noa-dashboard-rail .noa-card .noa-small{font-size:13px}
.noa-teacher-card>img{display:block;width:calc(100% + 48px);max-width:none;height:180px;object-fit:cover;object-position:center 37%;margin:-24px -24px 24px}
.noa-teacher-card h3{font-size:21px}
.noa-lesson-notes{margin-top:30px}
.noa-lesson-notes .noa-transcript{white-space:pre-line}
.noa-course-outline-section{margin-top:46px;scroll-margin-top:24px}
.noa-course-outline-section>h2{font-size:27px;margin-bottom:24px}
.noa-outline-section>summary{display:flex;align-items:center;gap:16px;list-style:none;text-transform:none;letter-spacing:0;padding:20px;line-height:1.6}
.noa-outline-section>summary::-webkit-details-marker{display:none}
.noa-outline-section>summary>.noa-number{width:32px;height:32px;flex-basis:32px;font-size:12px}
.noa-outline-section>summary>span:nth-child(2){flex:1;min-width:0}
.noa-outline-section>summary>small{font-size:12px;font-weight:400;white-space:nowrap}
.noa-outline-section>summary::after{content:"+";font-size:20px;line-height:1;color:var(--noa-taupe)}
.noa-outline-section[open]>summary::after{content:"−"}
.noa-lesson>span:nth-child(2){flex:1;min-width:0}
.noa-lesson>small{white-space:nowrap;color:var(--noa-taupe);padding-top:2px}
.noa-lesson-icon{flex:0 0 18px;width:18px;color:var(--noa-blue-dark);font-size:15px}
.noa-lesson.is-complete .noa-lesson-icon{color:var(--noa-green)}
.noa-locked-label{color:var(--noa-taupe);font-size:12px;padding-top:2px}
.noa-link-button{appearance:none;border:0;background:transparent;border-radius:0;padding:4px 0;color:var(--noa-blue-dark);font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.noa-link-button:hover{color:var(--noa-ink)}
.noa-account form{margin:0}
.noa-sidebar-section>p:not([class]){font-size:14px;margin-bottom:16px}
.noa-sidebar-section .noa-note{margin-top:20px;line-height:1.8}
.noa-pill{display:inline-block;border:1px solid var(--noa-line);border-radius:2px;color:var(--noa-taupe);padding:7px 12px;font-size:13px;line-height:1.6}
.noa-player .noa-pill{border-color:#c2b5a3;color:var(--noa-ivory);margin-top:20px}
.noa-payment-method{border-top:1px solid var(--noa-line);padding-top:26px;margin-top:26px}
.noa-payment-method h3{font-size:21px}
.noa-payment-method p{font-size:16px}
.noa-payment-method .noa-button{margin-top:4px}
.noa-bank-details{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr);gap:0 20px;margin:20px 0 26px;font-size:14px;line-height:1.85}
.noa-bank-details dt,.noa-bank-details dd{padding-block:11px;border-bottom:1px solid #ece8e0;margin:0;overflow-wrap:anywhere}
.noa-bank-details dt{color:var(--noa-taupe);font-size:13px}
.noa-bank-details dd{color:var(--noa-ink)}
.noa-page .form-help{margin-top:10px;margin-bottom:0;color:var(--noa-taupe);font-size:13px;line-height:1.8}
.noa-page fieldset{border:0;margin:0;padding:0;min-width:0}
.noa-page fieldset:disabled{opacity:.65}
.noa-page fieldset .noa-grid-2{row-gap:0}
.noa-page details.noa-card>summary{cursor:pointer;color:var(--noa-ink);font-size:16px}
.noa-page details.noa-card[open]>summary{padding-bottom:28px}
.noa-page details>form{margin-top:24px}
.noa-card form>.noa-actions{margin-bottom:24px}
.noa-card form+p{margin-top:24px}
.noa-page .noa-field input[type=checkbox]{display:inline-block;width:16px;min-height:0;height:16px;margin:5px 9px 0 0;vertical-align:top;accent-color:var(--noa-blue-dark);padding:0}
.noa-sr-only{position:absolute!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;white-space:nowrap!important}
.noa-payment-review{margin-bottom:28px}
.noa-payment-review-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.noa-payment-review-header .noa-price{font-size:36px;flex-shrink:0;margin:0}
.noa-payment-review-header>div{min-width:0;overflow-wrap:anywhere}
.noa-payment-review-header h3{margin-bottom:10px}
.noa-payment-review-header p:last-child{margin-bottom:0}
.noa-payment-review .noa-grid-2{padding-top:24px;border-top:1px solid var(--noa-line)}
.noa-payment-review details>summary{font-size:14px;color:var(--noa-taupe);cursor:pointer}
@media(max-width:800px){
  .noa-topbar{flex-wrap:wrap}
  .noa-nav{gap:18px}
  .noa-sidebar{display:block}
  .noa-sidebar .noa-brand{margin-bottom:18px}
  .noa-sidebar-nav{justify-content:flex-start;gap:4px 6px}
  .noa-sidebar-nav a,.noa-sidebar-nav button{font-size:14px}
  .noa-sidebar-section{display:none}
  .noa-account{margin-top:16px!important;padding-top:14px!important}
  .noa-account>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .noa-dashboard-main .noa-lead{font-size:16px}
}
@media(max-width:580px){
  .noa-topbar .noa-nav{width:100%;justify-content:space-between;gap:12px 14px}
  .noa-nav{font-size:13px}
  .noa-topbar .noa-brand img{height:40px}
  .noa-nav .noa-button{font-size:12px;padding:10px 13px}
  .noa-course-strip>.noa-shell{font-size:12px;gap:13px 20px}
  .noa-hero .noa-lead{font-size:16px}
  .noa-hero .noa-note{font-size:16px}
  .noa-hero .noa-text-link{font-size:13px}
  .noa-dashboard-main .noa-title,.noa-welcome h1{font-size:28px}
  .noa-sidebar-nav a,.noa-sidebar-nav button{font-size:13px;padding:8px 9px}
  .noa-dashboard-topbar{font-size:12px}
  .noa-dashboard-topbar .noa-eyebrow{font-size:11px}
  .noa-outline-section>summary{gap:11px;padding:17px 14px;font-size:14px}
  .noa-outline-section>summary>small{font-size:11px}
  .noa-outline-section>summary>.noa-number{width:28px;height:28px;flex-basis:28px;font-size:11px}
  .noa-lesson{padding:16px 13px;gap:10px;font-size:14px;flex-wrap:wrap}
  .noa-lesson>small{font-size:11px}
  .noa-locked-label{font-size:11px;margin-left:auto}
  .noa-player.noa-player-poster{min-height:410px;aspect-ratio:auto}
  .noa-player-message{padding:26px!important}
  .noa-player-message h2{font-size:24px}
  .noa-player-message p{font-size:14px}
  .noa-player-controls{font-size:12px}
  .noa-player-controls .noa-button{font-size:12px}
  .noa-transcript-tabs a,.noa-transcript-tabs button{font-size:14px}
  .noa-payment-review-header{flex-direction:column}
  .noa-bank-details{grid-template-columns:1fr;gap:0}
  .noa-bank-details dt{padding-bottom:0;border-bottom:0}
  .noa-bank-details dd{padding-top:5px}
}
@media(prefers-reduced-motion:reduce){.noa-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{
  .noa-sidebar,.noa-topbar,.noa-footer,.noa-actions,.noa-player,.noa-dashboard-topbar{display:none!important}
  .noa-dashboard,.noa-dashboard-grid{display:block}
  .noa-page,.noa-dashboard-main,.noa-card,.noa-content-panel{background:#fff;color:#000}
  .noa-dashboard-main{padding:0}
  .noa-dashboard-main::before,.noa-dashboard-main::after{display:none}
}
/* A course-first checkout: one decision at a time, with the order always in view. */
.noa-buyflow{background:var(--noa-ivory);padding:56px 0 80px;min-height:70vh}
.noa-checkout-heading{max-width:760px;margin-bottom:32px}
.noa-checkout-heading h1{font-size:clamp(32px,4vw,48px);line-height:1.25}
.noa-checkout-steps{display:flex;gap:32px;padding:0;margin:0 0 32px;list-style:none;color:var(--noa-taupe);font-size:13px}
.noa-checkout-steps li{display:flex;align-items:center;gap:10px}
.noa-checkout-steps b{display:grid;place-items:center;border:1px solid var(--noa-line);width:30px;height:30px;border-radius:50%;font-weight:400}
.noa-checkout-steps [aria-current=step]{color:#36566c;font-weight:700}
.noa-checkout-steps [aria-current=step] b{background:var(--noa-blue-dark);color:white;border-color:var(--noa-blue-dark)}
.noa-checkout-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start}
.noa-order-summary{border:1px solid #c7d8e3;background:var(--noa-sky);border-radius:6px;overflow:hidden}
.noa-order-summary>img{display:block;width:100%;height:220px;object-fit:cover;object-position:center 40%}
.noa-order-summary>div{padding:32px}
.noa-order-summary h2{font-size:30px;line-height:1.4}
.noa-order-total{display:flex;justify-content:space-between;align-items:center;gap:16px;border-block:1px solid #bdced9;padding:20px 0;margin:24px 0}
.noa-order-total strong{font-family:var(--noa-serif);font-size:30px;white-space:nowrap}
.noa-order-total small{font-family:var(--noa-sans);font-size:12px}
.noa-checkout-form{padding:36px;margin:0}
.noa-checkout-form h1{font-size:32px;line-height:1.35}
.noa-checkout-form h2{font-size:26px;line-height:1.4}
.noa-payment-choices{border:0;padding:0;margin:24px 0}
.noa-payment-choices legend{font-weight:700;margin-bottom:12px}
.noa-payment-choice{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--noa-line);border-radius:5px;margin-top:10px;cursor:pointer}
.noa-payment-choice:has(input:checked){border-color:var(--noa-blue-dark);background:#f1f6f9;box-shadow:0 0 0 1px var(--noa-blue-dark)}
.noa-payment-choice small{display:block;font-size:12px;margin-top:3px}
.noa-consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;margin:22px 0}
.noa-consent input{margin-top:5px;flex-shrink:0}
.noa-checkout-submit{width:100%;justify-content:center}
.noa-checkout-submit:disabled{opacity:.55;cursor:not-allowed}
.noa-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.noa-google-button{display:flex;justify-content:center;align-items:center;min-height:44px;border:1px solid #747775;border-radius:4px;background:#fff;color:#1f1f1f!important;font-family:Arial,sans-serif;font-size:14px;font-weight:500;text-decoration:none!important;padding:12px 18px}
.noa-checkout-divider{text-align:center;font-size:12px;color:var(--noa-taupe);margin:16px 0}
.noa-claim-card{max-width:660px;margin:0 auto}
.noa-iban{overflow-wrap:anywhere;font-weight:700}
.noa-faq{max-width:800px;margin:auto}
.noa-faq details{border-bottom:1px solid var(--noa-line);padding:20px 0}
.noa-faq summary{cursor:pointer;font-family:var(--noa-serif);font-size:19px;color:var(--noa-ink)}
@media(max-width:800px){.noa-checkout-grid{grid-template-columns:1fr;gap:24px}.noa-order-summary>img{display:none}.noa-order-summary h2{font-size:24px}.noa-order-summary h2 br{display:none}.noa-order-summary .noa-inclusions,.noa-order-summary>div>.noa-small{display:none}.noa-order-summary>div{padding:24px}.noa-order-total{margin-bottom:0}.noa-buyflow{padding:32px 0 48px}.noa-checkout-form{padding:26px}.noa-checkout-steps{gap:14px;font-size:11px}.noa-checkout-steps li{gap:6px}.noa-checkout-steps b{width:24px;height:24px;flex-shrink:0}}
@media(max-width:400px){.noa-checkout-steps{gap:8px;font-size:10px}.noa-checkout-form{padding:22px}.noa-checkout-form h1{font-size:27px}}

.noa-checkout-fields{border:0;padding:0;margin:0;min-width:0}

@media(max-width:800px){
  .noa-checkout-grid>.noa-checkout-form{grid-row:1}
  .noa-checkout-grid>.noa-order-summary{grid-row:2}
  .noa-checkout-heading{margin-bottom:20px}
  .noa-checkout-heading h1{font-size:28px}
  .noa-checkout-heading>.noa-eyebrow{display:none}
  .noa-checkout-heading>p:last-child{font-size:14px;margin-bottom:18px}
  .noa-checkout-steps{margin-bottom:24px}
  .noa-checkout-form h2{font-size:24px}
}

.noa-admin-overview { margin: 2rem 0; }
.noa-admin-overview .noa-card { background: #e7eff3; text-decoration: none; color: inherit; }
.noa-admin-overview h2 { margin: .5rem 0; }

.noa-account-menu { position: relative; margin-left: .25rem; }
.noa-account-menu > summary { cursor: pointer; list-style: none; border-radius: 50%; }
.noa-account-menu > summary::-webkit-details-marker { display: none; }
.noa-account-menu > summary:focus-visible { outline: 3px solid #4e7589; outline-offset: 4px; }
.noa-account-avatar { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #3d5968; color: #fff; font-weight: 600; }
.noa-account-popover { position: absolute; z-index: 50; top: calc(100% + 12px); right: 0; width: min(280px, 85vw); padding: 1.25rem; background: #fffdf7; border: 1px solid #d8cdbb; border-radius: 12px; box-shadow: 0 12px 32px #302a2326; display: flex; flex-direction: column; gap: .8rem; overflow-wrap: anywhere; }
.noa-account-popover .noa-muted { font-size: .8rem; }
.noa-account-popover a, .noa-account-popover button { display: block; padding: .45rem 0; text-align: left; }
/* Noa's client prospect workspace */
.noa-funnel-shell { max-width: 1480px; margin: auto; padding: 48px 4vw 80px; background: #fcfbf7; }
.noa-funnel-heading { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 24px; }
.noa-funnel-heading h1 { font-size: clamp(28px, 3.2vw, 44px); margin: 10px 0; }
.noa-funnel-heading h2 { margin: 0; }
.noa-funnel-heading p { color: #786e63; }
.noa-funnel-switch { display: flex; padding: 5px; border: 1px solid #e4dfd5; gap: 4px; border-radius: 6px; }
.noa-funnel-switch a, .noa-funnel-chips a { padding: 8px 16px; font-size: 13px; text-decoration: none; border-radius: 3px; white-space: nowrap; }
.noa-funnel-switch .is-active, .noa-funnel-chips .is-active { background: #34322e; color: white; }
.noa-funnel-stats { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #e4dfd5; margin: 32px 0; background: #f5f1e6; }
.noa-funnel-stats article { padding: 25px; border-right: 1px solid #e4dfd5; }
.noa-funnel-stats article:last-child { border: 0; }
.noa-funnel-stats span, .noa-funnel-stats small { display: block; font-size: 12px; color: #786e63; }
.noa-funnel-stats strong { display: block; font-family: 'Libre Baskerville', Georgia, serif; font-size: 36px; margin: 14px 0; }
.noa-funnel-panel { padding: 28px; background: white; border: 1px solid #e4dfd5; margin-bottom: 24px; }
.noa-funnel-search { display: flex; gap: 10px; flex-wrap: wrap; }
.noa-funnel-search .form-input { width: auto; max-width: 230px; }
.noa-funnel-chips { display: flex; gap: 8px; overflow-x: auto; padding: 4px 0 16px; }
.noa-funnel-chips a { border: 1px solid #e4dfd5; }
.noa-people-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 22px; }
.noa-people-layout.has-selection { grid-template-columns: minmax(0,1fr) 300px; }
.noa-table-scroll { overflow-x: auto; }
.noa-people-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
.noa-people-table th { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #85796b; font-weight: normal; }
.noa-people-table th, .noa-people-table td { padding: 16px 12px; border-bottom: 1px solid #ede9e1; }
.noa-people-table td small { display: block; color: #85796b; margin-top: 5px; font-size: 11px; }
.noa-people-table td a { text-decoration: none; }
.noa-people-table tr.is-selected { background: #eaf3f6; }
.noa-stage-badge { display: inline-block; padding: 5px 9px; border-radius: 3px; font-size: 11px; white-space: nowrap; }
.noa-stage-signup { background: #f3f1ec; color: #7d6a55; }
.noa-stage-download { background: #e3f1f6; color: #456777; }
.noa-stage-checkout { background: #fbead8; color: #88572c; }
.noa-stage-paid { background: #536f80; color: white; }
.noa-person-card { position: relative; background: #f8f3df; padding: 24px; overflow-wrap: anywhere; }
.noa-person-card h2 { font-size: 24px; }.noa-person-card p { font-size: 13px; }
.noa-person-close { position: absolute; top: 12px; right: 15px; font-size: 24px; }
.noa-journey { list-style: none; margin: 20px 0; padding: 0 0 0 16px; border-left: 1px solid #d7cdb3; }
.noa-journey li { margin: 0 0 22px; font-size: 12px; }.noa-journey small { display: block; color: #85796b; margin-top: 4px; }
.noa-funnel-empty { text-align: center; padding: 55px 20px; max-width: 600px; margin: auto; }.noa-funnel-empty > span { font-size: 32px; color: #849775; }
.noa-funnel-empty h3 { font-size: 24px; }.noa-funnel-empty p { color: #85796b; line-height: 1.8; }
.noa-funnel-step { display: grid; grid-template-columns: 170px 1fr 60px; align-items: center; gap: 20px; padding: 18px 0; border-bottom: 1px solid #ede9e1; }
.noa-funnel-step h3 { font-size: 17px; margin: 8px 0; }.noa-funnel-track { display: flex; justify-content: center; }
.noa-funnel-band { min-width: 48px; padding: 18px 8px; text-align: center; font: bold 24px Georgia,serif; }
.noa-source-row { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; border-bottom: 1px solid #ede9e1; }
.noa-asset-settings summary { cursor: pointer; }.noa-asset-settings form { margin-top: 24px; }
.noa-ebook-cover { max-width: 300px; margin: 40px auto 10px; min-height: 360px; padding: 38px 25px; background: #dce9ee; color: #344e5a; border-left: 10px solid #adc3cb; box-shadow: 14px 18px 28px #302a231a; text-align: center; transform: rotate(-3deg); display: flex; flex-direction: column; justify-content: space-between; }
.noa-ebook-form { align-self: start; }.noa-ebook-form .noa-button { margin-top: 16px; }.noa-ebook-form hr { margin: 32px 0; border: 0; border-top: 1px solid #ded6c6; }
@media(max-width:900px) { .noa-people-layout.has-selection { grid-template-columns: 1fr; }.noa-person-card { grid-row: 1; }.noa-funnel-heading { align-items: flex-start; flex-direction: column; }.noa-funnel-stats { grid-template-columns: repeat(2,1fr); }.noa-funnel-panel { padding: 20px; }.noa-people-table { min-width: 650px; } }
@media(max-width:550px) { .noa-funnel-stats article { padding: 16px; }.noa-funnel-stats strong { font-size: 28px; }.noa-funnel-search .form-input { max-width: 100%; width: 100%; }.noa-funnel-step { grid-template-columns: 110px 1fr 40px; gap: 8px; }.noa-funnel-step h3 { font-size: 14px; }.noa-funnel-shell { padding: 30px 4vw; }.noa-source-row { font-size: 12px; } }
@media(max-width:900px) { .noa-ebook-cover { display: none; } }

/* Client studio */
.noa-admin-tabs{display:flex;gap:8px;border-bottom:1px solid #d6d8d2;margin:0 0 36px;padding:0 0 12px;overflow-x:auto}.noa-admin-tabs a{padding:12px 24px;border-radius:5px;font-size:15px;white-space:nowrap}.noa-admin-tabs a[aria-current=page]{background:#244c52;color:#fff}.noa-admin-tabs a:hover{background:#e5ebe7;color:#244c52}.noa-admin-index{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.noa-studio-welcome{background:#e4ebe5!important;background-image:radial-gradient(ellipse at top right,#f8eedb,transparent 65%)!important}.noa-studio-welcome h2{font-size:44px;line-height:1.12}.noa-studio-welcome p{max-width:48ch}.noa-admin-launchpad{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.noa-admin-launchpad a{display:block;color:inherit;transition:transform .15s,border-color .15s}.noa-admin-launchpad a:hover{transform:translateY(-3px);border-color:#567789}.noa-course-index-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e4e5dd;padding:24px 0}.noa-course-index-row h3{margin:0}.noa-course-index-row p{margin:8px 0}.noa-new-course{padding-top:20px;border-top:1px solid #e4e5dd}.noa-new-course summary{cursor:pointer;font-weight:600;margin-bottom:20px}.noa-course-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.noa-course-outline{padding:24px!important;position:sticky;top:20px;max-height:85vh;overflow:auto}.noa-course-outline a{display:block;padding:9px 0;font-size:14px;line-height:1.4}.noa-course-outline details{padding:12px 0;border-top:1px solid #e4e5dd}.noa-course-outline details a{padding-left:12px}.noa-course-outline summary{cursor:pointer;font-family:Georgia,serif;font-size:18px}.noa-course-workspace .noa-field{margin-bottom:22px}.noa-funnel-panel fieldset{border:1px solid #dedfd8;border-radius:5px;padding:20px;min-width:0}.noa-funnel-panel legend{padding:0 8px}.noa-certificate-link{display:inline-block;margin-right:24px}.noa-certificate-page{max-width:1100px;margin:40px auto;padding:24px;text-align:center}.noa-certificate{border:10px double var(--certificate-accent);background:#fffcf4;padding:60px 50px;min-height:650px;box-shadow:0 10px 45px #23342b12}.noa-certificate h1{font-size:48px;color:var(--certificate-accent)}.noa-certificate h2{font-size:42px;border-bottom:1px solid #d7cbb8;display:inline-block;padding:0 50px 14px;margin:18px auto}.noa-certificate-signature{font-family:Georgia,serif;font-style:italic;font-size:28px;margin-top:50px;color:var(--certificate-accent)}
@media(max-width:850px){.noa-admin-index,.noa-admin-launchpad,.noa-course-workspace{grid-template-columns:1fr}.noa-course-outline{position:static;max-height:340px}.noa-admin-tabs a{padding:10px 16px}.noa-course-index-row{align-items:flex-start;flex-direction:column}.noa-studio-welcome h2{font-size:34px}.noa-certificate{padding:35px 15px}.noa-certificate h1{font-size:32px}.noa-certificate h2{font-size:28px;padding:0 12px 14px}}
@media(max-width:550px){.noa-admin-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.noa-admin-tabs a{padding:10px 5px;text-align:center;font-size:14px}}
.noa-header-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.noa-language-menu{position:relative}.noa-language-menu>summary{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 10px;border:1px solid #d8cdbb;border-radius:24px;cursor:pointer;list-style:none;color:#3d5968;background:#fffdf7}.noa-language-menu>summary::-webkit-details-marker{display:none}.noa-language-menu>summary:focus-visible{outline:3px solid #4e7589;outline-offset:3px}.noa-language-menu[open]>summary,.noa-language-menu>summary:hover{background:#e7eeea}.noa-language-code{font-size:11px;font-weight:600;letter-spacing:.05em}.noa-language-popover{width:190px;gap:8px}.noa-language-popover a{display:flex;align-items:center;justify-content:space-between;border-radius:5px;padding:10px!important;text-decoration:none}.noa-language-popover a:hover,.noa-language-popover a[aria-current=true]{background:#e7eeea;color:#244c52}
.noa-link-builder{background:#fffdf7}.noa-builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.noa-builder-grid .noa-field{min-width:0}.noa-builder-grid label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600}.noa-builder-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#e4ebe5;border-radius:50%;font-size:11px;color:#244c52}.noa-builder-options{margin:10px 0 24px;padding:18px 0;border-top:1px solid #e4dfd5;border-bottom:1px solid #e4dfd5}.noa-builder-options summary{cursor:pointer;margin-bottom:10px}.noa-builder-submit{display:flex;align-items:center;gap:24px}.noa-builder-submit p{max-width:55ch}.noa-generated-link{margin-top:28px;padding:24px;background:#e7eee8;border:1px solid #ccdbd1;border-radius:6px}.noa-copy-row{display:flex;gap:12px}.noa-copy-row input{min-width:0;flex:1}.noa-link-destination{overflow-wrap:anywhere;font-size:12px}.noa-builder-grid select{width:100%}@media(max-width:850px){.noa-builder-grid{grid-template-columns:1fr}.noa-builder-submit,.noa-copy-row{align-items:stretch;flex-direction:column}.noa-generated-link{padding:18px}}

/* Client finance: the same paper, ink and blue used throughout Noa's studio. */
.noa-finance-chart svg{display:block;width:100%;height:auto;min-height:180px;overflow:visible}
.noa-chart-label{font-family:Comfortaa,sans-serif;font-size:12px;fill:#627071}
.noa-chart-empty{font-family:Comfortaa,sans-serif;font-size:17px;fill:#627071}
.noa-finance-bar{fill:#567789;transition:fill .15s ease}
.noa-finance-bar:hover{fill:#304c55}
.noa-finance-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end;margin-top:28px}
.noa-finance-filters .noa-field{margin:0}.noa-finance-search{grid-column:span 2}
.noa-finance-ranges{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0 32px;font-size:12px}
.noa-finance-status{display:inline-block;padding:7px 12px;border-radius:20px;background:#eef0ed;color:#465958;font-size:11px;white-space:nowrap}
.noa-finance-status--confirmed{background:#e3ece7;color:#345b4d}
.noa-finance-status--pending{background:#f6ead2;color:#795827}
.noa-finance-status--rejected{background:#f2e3df;color:#7b4b40}
.noa-preserve-lines{white-space:pre-line}
@media(max-width:700px){.noa-finance-filters{grid-template-columns:1fr 1fr}.noa-finance-search{grid-column:span 2}.noa-finance-chart svg{min-height:135px}.noa-chart-empty{font-size:20px}}
@media(max-width:440px){.noa-finance-filters{grid-template-columns:1fr}.noa-finance-search{grid-column:auto}}

/* Core account and legal forms share the Noa public shell. */
.noa-core-content>.min-h-screen{min-height:0;padding:0;background:transparent}
.noa-core-content .max-w-md{max-width:600px}
.noa-core-content .bg-white{background:var(--noa-paper)}
.noa-core-content [class*="bg-gradient"]{background:#eeeee3;color:var(--noa-ink)}
.noa-core-content .text-white,.noa-core-content .text-transparent{color:var(--noa-ink);-webkit-text-fill-color:currentColor}
.noa-core-content .shadow-lg{box-shadow:0 8px 28px rgba(58,46,32,.05)}
.noa-core-content .rounded-xl,.noa-core-content .rounded-2xl{border-radius:4px}
.noa-core-content .border-grey-light{border-color:var(--noa-line)}
.noa-core-content h1,.noa-core-content h2{margin:0;font-size:clamp(25px,3vw,36px)}
.noa-core-content .prose h2,.noa-core-content .prose h3{margin:1.5em 0 .7em}
.noa-core-content .prose ul,.noa-core-content .prose ol{padding-left:1.5em}
.noa-core-content input:not([type=checkbox]):not([type=hidden]){background:#fff;border-color:var(--noa-line);border-radius:3px;min-height:48px;color:var(--noa-ink)}
.noa-core-content button[type=submit]{background:var(--noa-blue-dark);color:white;border-radius:3px;min-height:46px;padding:11px 22px}
.noa-core-content .text-primary,.noa-core-content .text-primary-dark{color:var(--noa-blue-dark)}
.noa-core-content .bg-grey-pale{background:#f3f2ec}
.noa-invitation-banner{padding:12px 0;background:var(--noa-sky);font-size:13px}
.noa-invitation-banner .noa-shell{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.noa-core-content{--color-primary:var(--noa-blue-dark);--color-primary-light:var(--noa-sky);--color-primary-dark:var(--noa-ink);--color-primary-pale:var(--noa-ivory)}
.noa-core-content .border{border-style:solid}
.noa-core-content .bg-grey-pale{background:#f3f2ec}
.noa-core-content>.min-h-screen{background:transparent}
.noa-core-content .text-danger{color:#942e23}
.noa-core-content button[type=submit]{border:1px solid var(--noa-blue-dark);cursor:pointer}
.noa-core-content .prose{line-height:1.85}
.noa-core-content .prose li{margin-bottom:.6em}

/* Studio configuration keeps billing setup distinct from course content. */
#billing > .noa-grid-2{margin-bottom:24px}
#billing #payment-settings{margin:24px 0 36px}
#billing form > fieldset{border:0;padding:0;min-width:0}
#billing #payment-settings form{margin-top:24px}
#invoice-settings{margin-top:32px;scroll-margin-top:24px}
.noa-funnel-panel:is(#pages,#ebook,#billing,#admin-team,#create-course){scroll-margin-top:24px}
nav[aria-label="Configuration sections"]{margin-bottom:24px}

/* Payment instructions stay readable when switching to the transfer app. */
.noa-transfer-card{background:var(--noa-sky);border:1px solid #c7d8e3;border-radius:8px;padding:20px;margin:24px 0}
.noa-transfer-card .noa-bank-details{margin:0;grid-template-columns:1fr;gap:6px}
.noa-transfer-card dt:not(:first-child){margin-top:12px}
.noa-transfer-card dd,.noa-order-summary dd,.noa-checkout-form strong{overflow-wrap:anywhere}
.noa-copy-button{display:block;margin-top:8px;padding:8px 12px;border:1px solid #58758a;border-radius:4px;background:transparent;color:#36566c;cursor:pointer;font:inherit;font-size:13px}
.noa-copy-button[hidden]{display:none}
.noa-copy-button:focus-visible{outline:2px solid #36566c;outline-offset:3px}
.noa-transfer-card [data-copy-status]:empty{display:none}
.noa-enrollment-checklist{list-style:none;padding:0;margin:24px 0}
.noa-enrollment-checklist li{display:flex;gap:12px;margin-bottom:16px;align-items:baseline}
.noa-enrollment-checklist span{color:#36566c;flex-shrink:0}
.noa-checkout-help{border-top:1px solid var(--noa-line);padding-top:20px;margin-top:28px}
.noa-buyflow .noa-button{white-space:normal;text-align:center;max-width:100%}

.noa-enrollment-checklist li::before{content:none}

/* Module quizzes use the same quiet paper and blue as the lesson space. */
.noa-quiz{padding:clamp(22px,4vw,40px);margin-bottom:28px}
.noa-quiz h2{font-size:clamp(24px,2.5vw,32px);line-height:1.35}
.noa-quiz-language{padding:12px 16px;border-left:3px solid var(--noa-blue);background:var(--noa-sky)}
.noa-quiz .noa-quiz-question{min-width:0;border:0;border-top:1px solid var(--noa-line);padding:20px 0 30px;margin:12px 0 0}
.noa-quiz-question legend{float:left;width:100%;padding:0;margin-bottom:18px;color:var(--noa-ink);font-weight:700;line-height:1.7}
.noa-quiz-question legend+.noa-quiz-option{clear:both}
.noa-quiz-question-number{display:block;color:var(--noa-taupe);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.noa-quiz-option{display:flex;align-items:flex-start;gap:14px;min-height:48px;padding:14px 16px;border:1px solid var(--noa-line);border-radius:4px;cursor:pointer;margin-bottom:10px;line-height:1.7;overflow-wrap:anywhere}
.noa-quiz-option:hover{background:var(--noa-paper);border-color:var(--noa-blue)}
.noa-quiz-option:has(input:checked){background:var(--noa-sky);border-color:var(--noa-blue-dark);box-shadow:0 0 0 1px var(--noa-blue-dark)}
.noa-quiz-option:focus-within{outline:2px solid var(--noa-blue-dark);outline-offset:3px}
.noa-quiz-option input{flex:0 0 auto;width:18px;height:18px;margin:3px 0 0;accent-color:var(--noa-blue-dark)}
.noa-quiz-error{color:#942e23;font-size:13px;margin:12px 0 0}
.noa-quiz-result{padding:24px;background:var(--noa-ivory);border-left:4px solid #97712f;margin-bottom:30px}
.noa-quiz-result.is-passed{background:#edf3eb;border-color:#47713f}
.noa-quiz-result>:last-child{margin-bottom:0}
.noa-quiz-score{font-family:var(--noa-serif);font-size:32px;color:var(--noa-ink);line-height:1.4}
.noa-quiz-score span{font-family:var(--noa-sans);font-size:13px;display:inline-block}
.noa-card .noa-quiz-review{list-style:none;padding:0;margin:0}
.noa-card .noa-quiz-review-item{padding:20px 0;border-top:1px solid var(--noa-line);margin:0}
.noa-card .noa-quiz-review-item::before{content:none}
.noa-quiz-review-item h4{font-family:var(--noa-sans);font-size:15px;line-height:1.8}
.noa-quiz-review-item p{margin-bottom:8px;overflow-wrap:anywhere}
.noa-quiz-answer-status{font-size:12px;font-weight:700}
.noa-quiz-answer-status.is-correct{color:#37652e}
.noa-quiz-answer-status.is-incorrect{color:#942e23}
.noa-quiz-progress{font-size:12px;border-top:1px solid var(--noa-line);padding-top:14px;margin-top:18px}
@media(max-width:550px){.noa-quiz-result{padding:20px 16px}.noa-quiz .noa-actions{align-items:stretch;flex-direction:column}.noa-quiz .noa-button{width:100%}.noa-quiz-option{padding:12px;gap:10px}}