/* Guided learning keeps Atelier's theme variables and supports reduced motion. */
.onboarding-shell{min-height:85dvh;max-width:1100px;margin:auto;padding:28px 28px 80px}.onboarding-shell>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.onboarding-shell .brand{padding:0;font-size:1.25rem;width:auto}.onboarding-main{margin:0!important;padding:38px 0!important}.onboarding{width:min(690px,100%);margin:0 auto}.onboarding-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.onboarding-progress{height:6px;border-radius:20px;overflow:hidden;background:var(--raised);margin:24px 0 30px}.onboarding-progress i{display:block;height:100%;background:var(--accent);border-radius:20px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.onboarding-count{display:block;color:var(--accent);font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.onboarding h1{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.2;letter-spacing:-.035em;margin:14px 0 28px}.onboarding-options{display:grid;gap:12px}.onboarding-option{position:relative;display:flex;align-items:center;gap:18px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;cursor:pointer;transition:transform .24s,border-color .24s,background .24s;animation:guided-arrive .38s both}.onboarding-option:nth-child(2){animation-delay:.05s}.onboarding-option:nth-child(3){animation-delay:.1s}.onboarding-option:nth-child(4){animation-delay:.15s}.onboarding-option input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.onboarding-option strong{display:block;font-size:1.0625rem;line-height:1.4}.onboarding-option small{display:block;font-size:.9375rem;line-height:1.45;color:var(--muted);margin-top:4px}.onboarding-option:hover{border-color:var(--accent);transform:translateX(4px)}.onboarding-option.selected{background:var(--accent-soft);border-color:var(--accent);transform:translateX(4px)}.onboarding-option:focus-within{outline:2px solid var(--accent);outline-offset:4px}.onboarding-letter{color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums}.onboarding-tick{margin-left:auto;color:var(--accent);opacity:0;transition:opacity .2s,transform .2s;transform:scale(.7)}.onboarding-option.selected .onboarding-tick{opacity:1;transform:scale(1)}.onboarding-navigation{display:flex;justify-content:space-between;gap:14px;margin-top:28px}.onboarding-navigation .btn{min-width:130px;justify-content:center}.onboarding-navigation .btn:disabled{opacity:.4;cursor:default;transform:none}.onboarding-footnote{font-size:.875rem;color:var(--muted);margin:22px 0;line-height:1.6}.onboarding-frequency{border:0;margin:24px 0 0;padding:0;min-width:0}.onboarding-frequency-options{display:flex;flex-wrap:wrap;gap:12px}.onboarding-frequency legend{font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:normal;width:100%;padding:0;margin-bottom:12px}.onboarding-frequency label{display:flex;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:.875rem}.onboarding-frequency input{width:18px;height:18px;min-height:0;padding:0;flex:0 0 18px;accent-color:var(--accent)}.onboarding-frequency label span{line-height:1.5}.onboarding-result>p{font-size:1rem;color:var(--muted)}
.guided-home{position:relative;padding:28px 32px;border:1px solid var(--accent-line);background:linear-gradient(125deg,var(--accent-soft),var(--surface) 65%);border-radius:24px;overflow:hidden}.guided-home-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.guided-steps{padding:0;list-style:none;display:flex;gap:0;margin:24px 0 30px;max-width:600px}.guided-steps li{display:flex;align-items:center;gap:9px;flex:1;color:var(--muted);font-size:.9375rem;position:relative}.guided-steps li:not(:last-child):after{content:'';height:1px;width:20%;background:var(--line);margin-left:auto;margin-right:12px}.guided-steps span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);background:var(--surface);border-radius:11px;font-size:.875rem;font-variant-numeric:tabular-nums;flex-shrink:0}.guided-steps .current{color:var(--accent)}.guided-steps .current span{background:var(--accent);border-color:var(--accent);color:var(--on-accent,var(--bg));box-shadow:0 0 0 5px var(--accent-soft)}.guided-steps .done span{color:var(--accent);border-color:var(--accent-line)}.guided-start{display:flex;align-items:flex-start;gap:22px}.guided-start-number{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1;font-weight:700;letter-spacing:-.05em;color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0}.guided-start>div{min-width:0}.guided-start h2{font-size:clamp(1.35rem,3vw,2rem);line-height:1.3;margin:10px 0 12px;max-width:620px}.guided-start p{color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 22px;max-width:620px}.guided-start .btn{min-height:50px;padding:13px 22px}.guided-progress-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.875rem;color:var(--muted);margin-top:32px}.guided-home .journey-overall{margin-top:12px}.guided-home .journey-overall span{transition:width .6s cubic-bezier(.2,.8,.2,1)}.guided-plan-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.875rem;color:var(--muted);padding:14px 4px 22px}.guided-preview{margin:8px 0 28px}.guided-preview h2{font-size:1.125rem;margin-bottom:18px}.guided-preview ol{list-style:none;display:grid;gap:12px;padding:0;margin:0}.guided-preview li{display:flex;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.guided-preview li>span{color:var(--accent);font-size:1.125rem;font-weight:600;flex-shrink:0}.guided-preview strong{font-size:1rem;line-height:1.45}.guided-preview small{display:block;font-size:.875rem;color:var(--muted);margin-top:5px}.guided-explore,.guided-more,.guided-lesson-tools{border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:18px 0}.guided-explore>summary,.guided-more>summary,.guided-lesson-tools>summary{cursor:pointer;font-size:1rem;line-height:1.5;padding:18px 22px;color:var(--muted)}.guided-explore[open]>summary,.guided-more[open]>summary,.guided-lesson-tools[open]>summary{color:var(--text);border-bottom:1px solid var(--line)}.guided-explore-body,.guided-more>div{padding:22px}.guided-more p{padding:0 20px;font-size:1rem;line-height:1.75}.guided-explore .journey-layout{grid-template-columns:1fr}.guided-explore .journey-aside{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guided-explore .journey-aside .panel:last-child{grid-column:auto}.guided-revision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guided-revision-grid .panel{margin:0;display:flex;align-items:flex-start;flex-direction:column}.guided-revision-grid p{flex:1;font-size:1rem;line-height:1.6;color:var(--muted)}.guided-section-number{font-size:2.5rem;font-weight:700;color:var(--accent)}.guided-nav-number{font-size:.875rem;min-width:24px;color:var(--muted);font-variant-numeric:tabular-nums}.navlink.active .guided-nav-number{color:var(--accent)}.guided-sidebar .nav-extra{margin-top:26px}.guided-sidebar .profile strong,.guided-sidebar .profile small{display:block}.guided-sidebar .profile small{font-size:.875rem;color:var(--muted)}.guided-lesson-layout,.nuls-lesson-layout.guided-format-simple,.nuls-lesson-layout.guided-format-visual,.nuls-lesson-layout.guided-format-guided{display:block;max-width:960px;margin:auto}.guided-lesson-tools .lessonoutline{position:static;padding:22px;border:0;display:flex;flex-wrap:wrap;gap:12px}.guided-lesson-tools .lessonoutline h3{width:100%}.guided-lesson-tools .nuls-lesson-aside{position:static;padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guided-lesson-tools .nuls-lesson-aside nav{grid-column:1/-1}.guided-essential>p,.guided-example p{font-size:1.0625rem;line-height:1.7}.guided-example>strong{display:block;font-size:clamp(1.4rem,4vw,2rem);color:var(--accent);margin:20px 0;line-height:1.4}.guided-next-action{margin:24px 0}.guided-format-guided .numeric{border-left:3px solid var(--accent);padding-left:18px}.guided-lesson-layout .example{margin-bottom:24px}.guided-format-visual .visualdemo{border-top:2px solid var(--accent-line);padding-top:22px}.guided-format-guided .simplebox{margin:18px 0}.learning-profile p{font-size:1rem;line-height:1.65;color:var(--muted)}
/* Motion follows navigation, choices, progression and feedback. */
#app .main{view-transition-name:learning-surface;animation:guided-page-in .4s cubic-bezier(.2,.8,.2,1) both}#app .onboarding h1{animation:guided-arrive .35s both}.guided-start{animation:guided-arrive .45s .04s both}.guided-preview li{animation:guided-arrive .4s .12s both}.guided-preview li:nth-child(2){animation-delay:.18s}.guided-preview li:nth-child(3){animation-delay:.24s}.guided-sidebar .navlink{transition:background .2s,color .2s,transform .2s}.guided-sidebar .navlink:hover{transform:translateX(3px)}#app .btn{transition:background .22s,transform .22s,box-shadow .22s}#app .btn:hover{transform:translateY(-2px)}#app .btn:active{transform:translateY(1px)}#app .feedback{animation:guided-feedback .35s ease-out both}.guided-steps .current span{animation:guided-step-in .4s ease-out both}.guided-more[open]>div,.guided-explore[open]>.guided-explore-body,.guided-lesson-tools[open]>aside{animation:guided-arrive .3s both}.guided-profile-points{transition:all .25s}
::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(learning-surface){animation:guided-page-out .18s ease-in both}::view-transition-new(learning-surface){animation:guided-page-in .32s .06s ease-out both}
@keyframes guided-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes guided-page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes guided-page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes guided-feedback{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes guided-step-in{from{transform:scale(.85)}to{transform:scale(1)}}
@media(max-width:900px){.guided-revision-grid{grid-template-columns:1fr}.guided-explore .journey-aside{grid-template-columns:1fr}.guided-lesson-tools .nuls-lesson-aside{grid-template-columns:1fr}.guided-lesson-tools .nuls-lesson-aside nav{grid-column:auto}.guided-home{padding:24px}.guided-explore-body{padding:18px 8px}.guided-plan-meta{align-items:flex-start}}
@media(max-width:600px){.onboarding-shell{padding:20px 18px 90px}.onboarding-main{padding-top:28px!important}.onboarding-top{align-items:flex-start}.onboarding-top .eyebrow{max-width:160px}.onboarding-option{padding:16px 13px;gap:12px}.onboarding-option:hover,.onboarding-option.selected{transform:none}.onboarding-letter{display:none}.onboarding-option small{font-size:.875rem}.onboarding-navigation .btn{min-width:110px}.guided-home{padding:22px 18px}.guided-home-top{align-items:flex-start;flex-direction:column;gap:10px}.guided-start{gap:14px}.guided-start-number{font-size:2.5rem}.guided-start .btn{font-size:1rem;max-width:100%;white-space:normal;text-align:center}.guided-steps{margin:22px 0 28px}.guided-steps li{font-size:.875rem;gap:6px;flex-direction:column;align-items:flex-start}.guided-steps li:after{display:none}.guided-steps b{font-weight:500}.guided-plan-meta{flex-direction:column;gap:8px}.guided-lesson-tools .lessonoutline{padding:16px}.guided-lesson-tools .nuls-lesson-aside{padding:12px}.guided-more>summary,.guided-lesson-tools>summary,.guided-explore>summary{padding:16px}.onboarding-frequency-options{gap:8px}.onboarding-frequency label{padding:9px}.guided-home .pill{font-size:.875rem}}
body.reduce #app *,body.reduce #app *:before,body.reduce #app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){#app *,#app *:before,#app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-old(learning-surface),::view-transition-new(learning-surface){animation:none!important}}
.first-example-prices{display:flex;align-items:center;gap:20px;margin:24px 0}.first-example-prices>div{flex:1;background:var(--raised);padding:18px;border-radius:16px}.first-example-prices span{display:block;font-size:.875rem;color:var(--muted)}.first-example-prices b{display:block;margin-top:9px;font-size:1.8rem;font-variant-numeric:tabular-nums}.first-example-connector{width:40px;height:2px;background:var(--accent);animation:guided-line-in .5s both;flex-shrink:0}.first-example .field{margin:18px 0;font-size:1rem}.first-example input[type=range]{width:100%;accent-color:var(--accent);min-height:32px;cursor:pointer}.first-example-result{padding:20px;border:1px solid var(--accent-line);border-radius:16px;background:var(--accent-soft);display:flex;justify-content:space-between;align-items:center;gap:18px;transition:background .25s,border-color .25s}.first-example-result>span{font-size:.9375rem}.first-example-result strong{font-size:2rem;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.first-example-result.negative{background:var(--surface);border-color:var(--danger,#e994ab)}.first-example-result.negative strong{color:var(--danger,#e994ab)}#first-formula{font-size:1rem;color:var(--muted);font-variant-numeric:tabular-nums}@keyframes guided-line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:480px){.first-example-prices{gap:10px}.first-example-prices>div{padding:13px}.first-example-prices b{font-size:1.5rem}.first-example-connector{width:20px}.first-example-result{align-items:flex-start;flex-direction:column;gap:8px}}

/* Help is available without opening the tools drawer, on desktop and mobile. */
#app .support-topbar{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--accent-line);border-radius:10px;color:var(--accent);background:var(--accent-soft);font-size:.875rem;font-weight:650;white-space:nowrap}
#app .support-topbar:hover{background:var(--raised)}
#app .onboarding-shell header{flex-wrap:wrap;gap:12px}
#app .support-home-link{min-height:44px;white-space:normal;text-align:center;font-size:.875rem}
#app .support-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
#app .support-shortcuts .btn,#app .support-layout .btn{min-height:44px;font-size:.875rem}
#app .support-layout{align-items:start}
#app .support-layout .field{font-size:.875rem;margin:16px 0}
#app .support-layout input,#app .support-layout select,#app .support-layout textarea{font-size:1rem}
#app .support-explanation,#app .support-layout .faq p,#app .support-history p{font-size:1rem;line-height:1.65}
#app .support-explanation{color:var(--muted)}
#app .support-layout .faq summary{font-size:.9375rem;line-height:1.6}
#app #support-message,#app #support-faq,#app #support-history{scroll-margin-top:20px}
#app .support-history .sectionhead{flex-wrap:wrap;gap:14px}
#app .support-admin-reply{margin:24px 0 8px;padding:22px;background:var(--raised);border:1px solid var(--accent-line);border-radius:14px}
#app .support-admin-reply h4{font-size:1.125rem;margin:0 0 18px}
#app .support-admin-reply .field{font-size:.875rem;margin:16px 0}
#app .support-admin-reply input,#app .support-admin-reply textarea,#app .support-admin-reply select{font-size:1rem;max-width:100%}
#app .support-admin-reply .btn{min-height:44px;font-size:.875rem;white-space:normal}
#app .support-admin-reply form+form{margin-top:12px}
#app .support-admin-faq{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
#app .support-admin-faq summary{font-size:1rem;font-weight:600;cursor:pointer;line-height:1.5}
@media(max-width:600px){#app .support-admin-reply{padding:16px}#app .support-admin-reply .btn{width:100%}}
@media(max-width:600px){#app .learning-heading{flex-wrap:wrap}#app .support-home-link{width:100%}#app .support-shortcuts .btn{flex:1 1 150px}#app .support-layout{grid-template-columns:minmax(0,1fr)}#app .support-topbar{padding:8px 10px}}