:root{--at-paper:#f7f7ee;--at-ink:#172c24;--at-muted:#52695b;--at-lime:#d7f279;--at-coral:#f38e75;--at-lilac:#dbd0f7;--at-line:#d5ddcf;--at-round:28px;--at-ease:cubic-bezier(.22,1,.36,1)}
body.course-ui{background:var(--at-paper)!important;color:var(--at-ink)!important;font-family:Arial,Helvetica,sans-serif;line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased}
.course-ui main:not(#main),.course-ui>header:not(.site-header){width:min(1240px,calc(100% - 64px));margin-inline:auto}.course-ui main:not(#main){padding:38px 0 70px}.course-ui>header:not(.site-header){background:transparent;border:0;min-height:88px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;color:var(--at-ink)}
.course-ui h1{font-size:clamp(38px,5.2vw,76px);line-height:1.06;letter-spacing:-.055em;font-weight:500;color:var(--at-ink);margin:0 0 24px;max-width:1040px}.course-ui h2{font-size:clamp(28px,3vw,46px);line-height:1.15;letter-spacing:-.035em;font-weight:500;color:var(--at-ink)}.course-ui h3{font-size:clamp(21px,2vw,28px);line-height:1.25;letter-spacing:-.025em;color:var(--at-ink)}.course-ui p{color:var(--at-muted);line-height:1.6}.course-ui main>p{max-width:880px}.course-ui a{color:inherit}.course-ui a:hover{text-underline-offset:5px}
.course-ui .card,.course-ui .at-task-picker,.course-ui .at-task-lifetime,.course-ui .at-lifetime,.course-ui .lesson,.course-ui .panel,.course-ui .block,.course-ui .step,.course-ui #task>section,.course-ui #task>article{background:white!important;border:1px solid var(--at-line)!important;border-radius:var(--at-round)!important;color:var(--at-ink)!important;box-shadow:0 12px 40px #172c2406;padding:clamp(22px,3vw,38px);margin-block:18px}.course-ui .card p,.course-ui .lesson p{color:var(--at-muted)!important}.course-ui .card h2,.course-ui .card h3,.course-ui .lesson .title{color:var(--at-ink)!important}
.course-ui #task{margin-top:32px}.course-ui #routes,.course-ui .at-task-choices,.course-ui .at-task-picker>div{gap:12px}.course-ui #routes button{border-radius:100px!important;background:#e8edde!important;color:var(--at-ink)!important;border:1px solid transparent!important;min-height:52px;padding:13px 25px}.course-ui #routes button[aria-pressed=true]{background:var(--at-ink)!important;color:var(--at-paper)!important;box-shadow:none!important}.course-ui #routes button:hover{background:var(--at-lime)!important;color:var(--at-ink)!important}
.course-ui button,.course-ui .button,.course-ui .primary,.course-ui .open{border-radius:100px;min-height:48px;padding:13px 23px;border:1px solid var(--at-line);background:#eff2e8;color:var(--at-ink);transition:transform .25s var(--at-ease),box-shadow .25s,background .25s}.course-ui button:hover,.course-ui .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #172c2412}.course-ui button.primary,.course-ui .primary,.course-ui #complete,.course-ui button[data-at-task][aria-pressed=true],.course-ui button[data-at-task-app][aria-pressed=true]{background:var(--at-ink)!important;color:var(--at-paper)!important;border-color:var(--at-ink)!important}.course-ui button[disabled]{opacity:.5;cursor:default;transform:none}.course-ui .secondary{background:var(--at-paper)!important;color:var(--at-ink)!important}.course-ui .hint,.course-ui .micro{color:var(--at-muted)!important;opacity:1;font-size:14px}.course-ui .tag,.course-ui .eyebrow{color:var(--at-muted);letter-spacing:.12em}
.course-ui input:not([type=checkbox]):not([type=radio]),.course-ui textarea,.course-ui select{background:var(--at-paper)!important;color:var(--at-ink)!important;border:1px solid #bccbb8!important;border-radius:18px!important;padding:16px;font:inherit;max-width:100%;width:100%}.course-ui textarea{min-height:150px;line-height:1.55;resize:vertical}.course-ui input::placeholder,.course-ui textarea::placeholder{color:#65766a;opacity:1}.course-ui input[type=checkbox],.course-ui input[type=radio]{accent-color:#294b3a;min-width:20px;min-height:20px}.course-ui label{color:var(--at-ink)}.course-ui :focus-visible{outline:3px solid #56802c!important;outline-offset:4px}
.course-ui details{border-radius:20px}.course-ui details>summary{cursor:pointer;padding:14px 0;color:var(--at-ink);font-weight:600}.course-ui details[open]>summary{margin-bottom:14px}.course-ui pre,.course-ui blockquote,.course-ui .example{background:#eef1e8;color:var(--at-ink);border-radius:20px;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere}.course-ui #at-fact-notes,.course-ui [role=status]{line-height:1.6;color:var(--at-ink)}
.course-ui .at-response-animation{background:var(--at-paper);border:0;gap:12px;min-height:110px;padding:14px;border-radius:20px}.course-ui .at-response-animation>*{border-radius:18px;border:0;box-shadow:0 8px 20px #172c2410;color:var(--at-ink);padding:18px;background:var(--at-lilac)}.course-ui .at-response-animation>*:nth-child(2){background:var(--at-coral)}.course-ui .at-response-animation>*:nth-child(3){background:var(--at-lime)}
.course-ui .course-visual{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:920px;margin:32px 0 38px;padding:28px 0;isolation:isolate}.course-visual:before{content:'';position:absolute;width:210px;aspect-ratio:1;border:1px solid #9bb28c;border-radius:50%;left:32%;top:-17px;z-index:-1;animation:at-orbit 25s linear infinite}.course-note{border-radius:24px;padding:25px;background:var(--at-lilac);transform:rotate(-3deg);box-shadow:0 15px 30px #172c2410;animation:at-note 8s ease-in-out infinite}.course-note:nth-child(2){background:var(--at-coral);transform:rotate(3deg);animation-delay:-2.6s}.course-note:nth-child(3){background:var(--at-lime);transform:rotate(-2deg);animation-delay:-5.2s}.course-note span{display:block;font-size:11px;letter-spacing:.14em;margin-bottom:26px}.course-note strong{font-weight:500;letter-spacing:-.035em;font-size:clamp(19px,2.3vw,29px);line-height:1.15}.course-note b{display:block;text-align:right;font-size:26px;font-weight:400;margin-top:15px}.course-caption{font-size:12px;color:var(--at-muted);margin-top:-18px!important}.course-ui .at-motion-in{animation:at-arrive .65s var(--at-ease) both}.course-ui .at-motion-in:nth-child(2){animation-delay:.06s}.course-ui .at-motion-in:nth-child(3){animation-delay:.12s}
body.course-app{padding-bottom:100px}.course-app #view{width:min(900px,calc(100% - 40px));margin:auto;padding-block:24px}.course-app .hero{min-height:0;display:block;padding:30px 0;background:transparent}.course-app .hero h1{font-size:clamp(38px,6vw,68px)}.course-app .article{background:transparent;color:var(--at-ink)}.course-app nav:not(.site-header nav){background:var(--at-paper);border-color:var(--at-line);color:var(--at-ink);padding-bottom:env(safe-area-inset-bottom)}.course-app nav button{background:transparent;box-shadow:none;border:0;border-radius:16px;padding:9px 5px}.course-app nav button.active{background:var(--at-ink);color:white}.course-app .brand{color:var(--at-ink)}.course-app .module{color:var(--at-muted)}.course-app .progress,.course-app .progress-bar{background:#e0e9d4}.course-ui .at-service-links,.course-ui .at-connection{background:#eef1e6;color:var(--at-ink);border-color:var(--at-line)}.course-ui .at-connection a{color:var(--at-ink)}.course-ui .at-ai-item{background:var(--at-paper)}
@keyframes at-note{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes at-orbit{to{transform:rotate(360deg)}}@keyframes at-arrive{from{opacity:.01;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:680px){.course-ui main:not(#main),.course-ui>header:not(.site-header){width:calc(100% - 32px)}.course-ui main:not(#main){padding-top:24px}.course-ui>header:not(.site-header){gap:14px;font-size:13px;min-height:76px}.course-ui #routes{display:grid;grid-template-columns:1fr 1fr}.course-ui #routes button{padding:12px 8px}.course-ui .course-visual{gap:9px;padding:18px 0;margin-block:25px}.course-note{padding:18px 12px;border-radius:18px}.course-note span{font-size:9px;margin-bottom:18px}.course-note strong{font-size:18px}.course-note b{font-size:20px}.course-ui h1{font-size:42px}.course-ui h2{font-size:29px}.course-ui .card,.course-ui #task>section,.course-ui #task>article{padding:22px}.course-app #view{width:calc(100% - 28px)}.course-ui .at-response-animation{display:grid;grid-template-columns:1fr;padding:12px}.course-ui .at-response-animation>*{animation:none!important}.course-ui .at-task-picker button{white-space:normal}.course-ui button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.course-ui *,.course-ui *:before,.course-ui *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.course-note{transform:none!important}.course-ui .at-motion-in{opacity:1!important;transform:none!important}}

.course-ui .course-note,.course-ui .course-note *{color:var(--at-ink)!important;opacity:1}

/* AT identity v1 — 2026-10-08 */
:root{--at-graphite:#101318;--at-paper:#f4f2ed;--at-connect:#c4f279;--at-learn:#efba68;--at-studio:#bca5f5;--at-flow:#82cfff;--at-focus:#82cfff}
.brand,.logo,.identity{letter-spacing:-.04em}.brand,.logo{font-weight:750}.brand span,.logo span{letter-spacing:.08em}.brand-mark{font-size:16px;font-weight:800;letter-spacing:-.08em;background:var(--at-connect);color:var(--at-graphite)}
:focus-visible{outline:3px solid var(--at-focus);outline-offset:4px}button,a,input,summary{scroll-margin-top:90px}
.at-brand-note{font-size:12px;line-height:1.5;letter-spacing:.03em;color:inherit;opacity:.75}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.brand,.logo{color:inherit}.brand span,.logo span{font-size:10px}.brand{max-width:100%}

/* AT Learn: readable learning surfaces and amber product identity */
.motion-intro{background:#101318!important;color:#f4f2ed!important}.motion-intro .intro-copy h1{color:#f4f2ed!important}.motion-intro .intro-copy h1 em{color:#efba68!important}.motion-intro .intro-copy .eyebrow{color:#efba68!important}.motion-intro .intro-copy .btn:not(.outline){background:#efba68!important;color:#101318!important}.motion-intro .intro-copy .btn.outline{color:#f4f2ed!important}.motion-intro .answer-card{background:#efba68!important}header a.btn{background:#101318!important;color:#f4f2ed!important}.brand span{line-height:1.3}

/* Readability fixes: each surface owns both its background and its text. */
.course-ui :is(.assembly-heading,.hero-result,.comparison .after,.access,.wheel-copy,.atx-catalog-hero,.card.launch) :is(h1,h2,h3){color:#f4f7ef!important}
.course-ui :is(.intro-copy,.assembly-heading,.hero-result,.comparison .after,.access,.wheel-copy,.atx-catalog-hero,.card.launch) :is(p,small,.micro,.hint,.label,.eyebrow){color:#d0ddce!important}
.course-ui :is(.route-tile,.fan-card,.assembly-card,.catalog-banner,.course-note) :is(p,.micro,.label,.eyebrow){color:#172c24!important}
.course-ui a.btn:not(.light):not(.outline):not(.intro-outline):not(.wheel-outline){color:#f4f7ef;background:#172c24}
.course-ui .btn.light{color:#172c24!important;background:#d7f279!important}
.course-ui .comparison .after blockquote{color:#172c24;background:#eef1e8}
.course-ui .comparison .after .micro{margin-top:22px!important;line-height:1.7}
.course-ui .card.launch .linkbutton{background:#eef1e8!important;color:#172c24!important;border:1px solid #c7d4bf;min-height:48px;margin-top:14px;text-decoration:none;font-weight:600}
.course-ui .card.launch .primary{margin-top:20px}
.course-ui .at-service-links>summary{padding:16px 20px!important;gap:12px;min-height:52px;margin:0!important}
.course-ui .at-service-links .at-ai-item>summary{padding:12px 14px!important;margin:0!important;min-height:48px}
.at-service-links>summary::after,.at-ai-item>summary::after{content:'';display:block;flex:0 0 8px;width:8px;height:8px;box-sizing:border-box;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:auto;margin-right:3px;align-self:center;position:static}
.at-service-links[open]>summary::after,.at-ai-item[open]>summary::after{transform:rotate(225deg)}
.course-app .atx-theatre{height:290px!important;margin-bottom:26px;width:100%;max-width:520px}
.course-app .atx-mini-paper{top:174px!important;left:9%;width:78%;min-height:90px;padding:14px 18px;transform:rotate(-3deg)}
.course-app .atx-theatre .atx-mini-paper :is(span,strong){color:#f2f4eb!important}
.course-app .atx-theatre .atx-mini-paper i{display:block;color:#ccfa8d;margin-top:6px}
.course-ui .atx-detail>p,.course-ui .atx-search-label,.course-ui .atx-saved,.course-ui .atx-checks label{color:#405647}
.course-ui .atx-chips button{color:#172c24;border-color:#80967e}
.course-ui .atx-chips button[aria-pressed=true]{color:#172c24;background:#d7f279}
.course-ui .catalog-banner{gap:28px}.course-ui .catalog-banner .btn{flex-shrink:0}
@media(max-width:360px){.course-app .atx-theatre{height:300px!important}.course-app .atx-question{left:6%;font-size:19px}.course-app .atx-answer{right:6%;font-size:19px}.course-app .atx-mini-paper strong{font-size:12px}}

.course-ui .question-note p,.course-ui .answer-note p,.course-ui .journey-panel p{color:#172c24!important}

.course-ui .fact-float p{color:#172c24!important}
/* Old workspace panels inherit the light course theme as a complete pair. */
.course-ui.at-workspace :is(main,article,.at-tool-card,.order-card,.chat,.bubble,.access){background:#fff!important;color:#172c24!important}
.course-ui.at-workspace :is(h1,h2,h3,p,small,li,label,.label,.eyebrow,a,.brand){color:#172c24!important}
.course-ui.at-workspace :is(a.button,a.primary,button.primary){background:#172c24!important;color:#f4f7ef!important;border-color:#172c24!important}
.course-ui.at-workspace .at-connection p{color:#405647!important}
.course-ui .catalog-layout>*{min-width:0}.course-ui .search-wrap label{min-width:0}
@media(max-width:680px){.course-ui .search-wrap{flex-wrap:wrap}.course-ui .search-wrap label{flex:1 1 220px}.course-ui .catalog-layout{max-width:100%}.course-ui .side-nav{min-width:0}.course-ui .side-nav>div{max-width:100%}}
.course-ui.at-workspace #save-status{color:#f4f7ef!important}
.course-ui.at-workspace .at-tool-card a{background:#172c24!important;color:#f4f7ef!important}
.course-ui.at-workspace.doc>header{background:#fff!important;color:#172c24!important}
.course-ui.at-workspace .table-scroll :is(th,td){background:#eef1e8!important;color:#172c24!important}
/* Let the illustration grow with its text instead of cropping a fixed canvas. */
.course-app .atx-theatre{height:auto!important;display:flex;flex-direction:column;align-items:center;gap:18px;padding:30px 20px 24px}
.course-app .atx-theatre :is(.atx-note,.atx-mini-paper){position:relative;top:auto!important;left:auto;right:auto;width:calc(100% - 16px);max-width:440px;margin:0;min-height:0;flex-shrink:0}
.course-app .atx-theatre .atx-note{padding:16px 18px;font-size:clamp(19px,5vw,23px)}
.course-app .atx-theatre .atx-question{align-self:flex-start}.course-app .atx-theatre .atx-answer{align-self:flex-end}
.course-app>nav{background:#101c17!important;color:#bfd0c2!important;border-color:#49604f!important}
.course-app>nav button{background:transparent!important;color:#bfd0c2!important;box-shadow:none!important}
.course-app>nav button.active{background:#253b2f!important;color:#ccfa8d!important}
