/* Refined concept: shared roles, readable UI and a calm, useful long-form journey. */
:root{--paper:#f6f3ee;--surface:#fffaf3;--ink:#352e29;--muted:#6d5d50;--accent:#98532c;--apricot:#e7af7d;--line:#d9cabc;--soft:#f4e5d6;--action:#f2bd8a;--action-ink:#4b3323;--action-hover:#e9ad74}
html{scroll-padding-top:112px}body{font-size:16px;color:var(--ink)}button,input,select,textarea{font-family:var(--sans,'Golos Text',Arial,sans-serif)}
.wrap{width:min(1240px,calc(100% - 112px))}
.header{border-color:var(--line);background:#f6f3eef5}.header-inner,.lesson-page .header-inner{height:80px}
.brand,.lesson-page .brand{display:flex;align-items:center;gap:12px;font:500 15px/1.3 var(--sans,'Golos Text',Arial,sans-serif);color:var(--ink)}
.brand-mark,.lesson-page .header .brand img{width:40px;height:40px;object-fit:contain;border-radius:9px;box-shadow:none;flex-shrink:0}
.brand small{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:3px}
.header nav,.account-page .header nav{gap:26px;font-size:14px}.header nav a,.account-page .header nav a{font-size:14px;min-height:44px;display:flex;align-items:center;padding-block:10px}
.header #navigation a{font-weight:400}
.header nav .account-nav-link{font-size:13px!important;padding:10px 16px!important;border-color:#ad9078}
.eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.6px;color:var(--accent)}
.button,.hero .button,.lesson-page .button{min-height:54px;padding:15px 21px;font-size:14px;gap:28px;border-radius:4px}
.button.primary,.lesson-page .orange,.lesson-page .lesson-end .dark,.lesson-account-panel .primary{background:var(--action);border:1px solid #cf925a;color:var(--action-ink);font-weight:500}
.button.primary:hover,.lesson-page .orange:hover,.lesson-page .lesson-end .dark:hover{background:var(--action-hover);transform:none}
.button.secondary,.lesson-account-panel .secondary{color:var(--accent);border-color:#9c7e65}
.text-link,.chapter-link,.lesson-page .lesson-header-actions>a{font-size:14px;min-height:44px;color:var(--accent)}
.hero{height:calc(100svh - 80px);min-height:820px;max-height:1000px}
.hero-content{padding-top:clamp(54px,7svh,85px)}.hero-content:before{display:none}.hero-content>.eyebrow{font-size:12px;margin-bottom:26px}
.hero h1{font-size:clamp(72px,6.2vw,96px);letter-spacing:-3.2px;line-height:1.02;max-width:620px}
.hero h1 em{color:var(--accent)}.hero-art{animation:none!important;transform:none!important}
.hero-shade{background:linear-gradient(90deg,#f6f3eefc 0%,#f6f3eee8 24%,#f6f3ee65 43%,#f6f3ee00 64%)}
.hero-description{color:var(--muted);margin:27px 0 0;max-width:480px;font-size:16px;line-height:1.8}
.hero-description strong{display:block;color:var(--ink);font-size:18px;font-weight:500;line-height:1.65;max-width:400px}
.hero-description>span{display:block;margin-top:10px}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px}
.hero-library{font-size:14px;min-height:48px;display:flex;gap:25px;align-items:center;border-bottom:1px solid #a78b73}
.hero-meta{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.8}
.hero-bottom{bottom:28px}.hero-bottom>p,.scroll-cue{font-size:12px;color:var(--muted)}.arrow-circle{width:40px;height:40px;border-color:#a78b73}
.prologue{padding-block:76px 40px}.prologue h2{font-size:clamp(36px,4vw,54px);letter-spacing:-1.6px;line-height:1.12;margin-top:22px}
.prologue-bottom{padding-top:26px}.prologue-bottom p{font-size:16px;color:var(--muted)}.chapter-label{font-size:12px;color:var(--muted)}
.journey{gap:55px;padding-bottom:35px}.scene{top:104px;height:calc(100svh - 130px);min-height:540px;max-height:850px}
.scene-top{padding:16px 6px;font-size:13px;min-height:52px;color:var(--muted);border-bottom:1px solid var(--line)}
.scene-toggle{display:none}.scene-bottom{display:block;padding:12px 0 0;border-top:1px solid var(--line)}
.scene-marks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px!important;width:100%}
.scene-marks a{width:auto;height:58px;min-width:0;min-height:44px;flex-direction:column;gap:10px;justify-content:center;color:var(--muted)}
.scene-marks a>span{width:100%;max-width:48px;height:2px;background:#bda38a}.scene-marks a>b{font-size:12px;line-height:1.2;font-weight:400;white-space:nowrap}
.scene-marks a[aria-current]>span,.scene-marks a.active>span{background:var(--accent)}
.scene-marks a[aria-current]>b{color:var(--accent);font-weight:600}.scene-marks a:after{display:none}
.scene-note{display:block;color:var(--muted);font-size:12px;line-height:1.6;text-align:right;margin-top:6px;padding-bottom:8px}
.object-scene{transform:none!important}.wireframe{stroke:#855b3e;stroke-width:1.8}.slicing{stroke:#a05d31;stroke-width:3}.filament{stroke:#b97c4c;stroke-width:1.7}.scene-grid{stroke:#c5ae98}
.chapters{padding-left:64px}.chapter{min-height:90svh;padding-block:65px;scroll-margin-top:110px}.chapter-number{color:var(--accent);border-color:#9c795d;font-size:12px}
.chapter-number,.chapter-label{font-variant-numeric:tabular-nums}
.chapter.is-current .chapter-number{background:var(--accent);border-color:var(--accent);color:var(--paper)}
input::placeholder,textarea::placeholder{color:#756250;opacity:1}
.saved-number,.learning-summary strong,.learning-summary strong>span{color:var(--accent)}
.chapter-copy:before{color:#b18c7010;top:-58px;font-size:135px}.chapter-copy .eyebrow{font-size:12px;margin-bottom:20px}
.chapter h2{font-size:clamp(44px,4.1vw,58px);line-height:1.1;letter-spacing:-1.8px;margin-bottom:25px}
.chapter-copy>p:not(.eyebrow){font-size:17px;line-height:1.9;color:var(--muted);max-width:410px}
.chapter-copy .chapter-aside{font-size:14px!important;line-height:1.85;color:var(--muted)!important;margin-top:24px}
.chapter-footnote{font-size:13px;color:var(--muted)}.chapter-link{font-size:14px;margin-top:7px;gap:20px}
.observation{margin-top:27px;max-width:410px;border-top:1px solid var(--line);padding-top:17px}
.observation>span{font-size:12px;color:var(--accent)}.observation h3{font-size:17px;font-weight:500;line-height:1.6;margin-top:7px;letter-spacing:-.25px}
.observation p{font-size:14px;color:var(--muted);line-height:1.75;margin-top:6px}
.use-case{padding-block:70px 80px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}
.use-figure{margin:0}.use-figure img{width:100%;height:auto;display:block;border-radius:5px}.use-figure figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:14px}
.use-copy h2{font:400 52px/1.1 var(--serif);letter-spacing:-1.7px;margin-top:20px}.use-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);margin-top:24px}
.use-questions{margin-block:24px 15px}.use-questions p{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}
.use-questions span{display:inline-block;color:var(--accent);font-size:12px;margin-right:15px;font-variant-numeric:tabular-nums}
.use-copy .text-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #aa886b;padding-bottom:7px}
.start-section{padding-block:65px 60px;border-top:1px solid var(--line)}.section-heading{margin-bottom:32px}
.section-heading h2{font-size:48px;line-height:1.12;letter-spacing:-1.5px}.section-heading>p{font-size:15px;color:var(--muted);line-height:1.8}
.start-step,.start-step+.start-step{padding:29px 28px 25px}.start-step:first-child{padding-left:24px;background:#f3e2d1;border-radius:4px 0 0 4px}
.start-index{font-size:43px;color:#956b4d;margin-bottom:23px}.start-step:first-child .start-index{color:var(--accent)}
.step-meta{font-size:12px;line-height:1.7;letter-spacing:.3px;color:var(--muted)}.start-step h3{font-size:25px;line-height:1.3}.start-step p{font-size:15px;color:var(--muted);line-height:1.8}
.start-action{font-size:14px;min-height:44px;align-items:center;color:var(--accent);margin-top:25px}
.homepage-account{margin-bottom:50px;gap:45px;padding-block:32px}.homepage-account h3{font-size:30px}.homepage-account p:not(.eyebrow){font-size:15px}.homepage-account .button{font-size:14px}
.library{padding-block:65px 75px}.library-toolbar{margin-top:35px}.filter-group{gap:6px}.filter-group button{font-size:14px;min-height:46px;padding:10px 18px}
.search{width:350px}.search input{border-color:#9c836d;border-radius:4px;font-size:16px;min-height:50px;color:var(--ink);background:#fffaf34d}
.search input::placeholder{color:var(--muted);opacity:1}.result-count{font-size:13px;color:var(--muted);margin-block:20px}
.catalog{gap:0 30px}.material{position:relative;padding:24px 0 22px}.material[data-material="lesson-001"]{background:#f3e2d1;box-shadow:18px 0 #f3e2d1,-18px 0 #f3e2d1;border-color:#bb875b;border-radius:3px}
.material-top{font-size:12px;color:var(--muted);line-height:1.6;gap:8px;align-items:center}.start-badge{font-size:12px;color:#744322;font-weight:500}
.material-format{align-self:flex-start;margin-top:17px;font-size:12px;color:#6c4931;background:#eee0d2;border:1px solid #d5bda6;padding:3px 9px;border-radius:3px;line-height:1.6}
.material h3{font-size:21px;line-height:1.4;font-weight:500;margin-top:13px}.material p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:13px}
.material>a{font-size:14px;min-height:48px;align-items:center;margin-top:21px}.bookmark-control{font-size:13px;min-height:44px;margin-top:5px;color:var(--muted)}
.bookmark-control[aria-pressed=true]{color:var(--accent)}.catalog-more{margin-top:30px}
.library-detail summary{font-size:16px;line-height:1.65;min-height:56px;padding-block:20px;color:var(--ink)}
.route-tabs button{min-height:48px;font-size:14px}.route-summary,.files-intro{font-size:15px}.step h3{font-size:23px}.step p{font-size:15px}.step-bottom,.file-row p{font-size:13px}.file-row h3{font-size:17px}.file-row{min-height:90px}
.about{padding-block:48px 60px}.about h2{font-size:38px}.about p:not(.eyebrow){font-size:15px}.about .chapter-link{font-size:14px}
.footer{font-size:12px;color:var(--muted);padding-block:25px}.footer a{min-height:44px;display:flex;align-items:center}
/* The account and reader use the same brand, controls and readable metadata. */
.auth-layout{gap:75px;padding-top:55px}.auth-editorial h1{font-size:76px}.auth-description{font-size:16px;color:var(--muted)}.auth-caption{font-size:12px;letter-spacing:1px;color:var(--muted)}
.auth-form-area{border-color:var(--line)}.auth-form-area h2{font-size:36px}.auth-form-area label,.profile-settings label,.note-editor label{font-size:14px;color:var(--muted)}
.auth-switch button{font-size:15px;min-height:48px}.auth-form-area input,.profile-settings input,.note-editor select,.note-editor textarea,.reader-personal textarea{border-color:#9c836d;font-size:16px;background:#fffaf3;color:var(--ink);border-radius:4px;min-height:52px}
.auth-form-area .form-hint,.auth-smallprint,.quiet-link,.form-hint{font-size:13px;color:var(--muted)}.quiet-link{color:var(--accent);min-height:44px;padding-top:8px}.password-field button{font-size:13px;color:var(--accent);min-height:44px}
.form-submit{font-size:15px}.workspace{gap:50px}.workspace-sidebar nav button,.sidebar-bottom button,.sidebar-bottom a{font-size:14px;min-height:44px;color:var(--muted)}
.workspace-sidebar nav button[aria-current]{color:var(--accent)}.workspace-heading .eyebrow,.continue-panel .eyebrow{font-size:12px}.workspace-heading>p:not(.eyebrow),.continue-panel p:not(.eyebrow){font-size:15px}
.learning-summary p,.profile-mini small,.saved-row small,.saved-row p,.workspace-section-title>span{font-size:13px;color:var(--muted)}.saved-row h3{font-size:18px}
.completion-control,.remove-bookmark,.quiet-button{font-size:14px;min-height:44px}.workspace-hint,.workspace-empty p{font-size:15px}.workspace-empty>span{color:#90694e}
.continue-panel .button{font-size:14px;min-height:52px;padding:14px 18px}.completion-control,.remove-bookmark,.quiet-button{color:var(--accent);border-color:#a28b77}
.workspace-sidebar nav button>span,.workspace-sidebar nav button small{font-size:12px;color:var(--muted)}
.lesson-page{--paper:#f6f3ee;--ink:#352e29;--muted:#6d5d50;--line:#d9cabc;--accent:#98532c}
.lesson-page .header .brand-mark{width:40px;height:40px}.lesson-page .brand-sub,.lesson-page .breadcrumbs,.lesson-page .lesson-subtitle,.lesson-page .lesson-hero .eyebrow{color:var(--muted);font-size:14px}
.lesson-page .lesson-hero h1{font-size:52px;line-height:1.15}.lesson-page .lesson-cover{background:var(--soft)}.lesson-page .lesson-cover>span,.lesson-page .lesson-cover>p{font-size:13px;color:var(--muted)}
.lesson-page .lesson-cover>strong{color:#9a6844}.lesson-page .lesson-toc a,.lesson-page .lesson-sidebar-note p,.lesson-page .lesson-sidebar-note .eyebrow,.reader-tools>span{color:var(--muted);font-size:13px}
.lesson-page .lesson-toc a{min-height:44px}.reader-tools button{min-height:36px;min-width:36px;border-color:#9c836d}.lesson-page .lesson-article{color:#594b40;font-size:var(--reader-font-size,18px);line-height:1.85}
.lesson-page .lesson-article>p:first-child{font-size:calc(var(--reader-font-size,18px) + 1px);color:var(--ink)}
.lesson-page .lesson-figure figcaption,.lesson-page .lesson-figure figcaption>span,.lesson-page .lesson-tags{font-size:13px;color:var(--muted)}
.lesson-page .lesson-end .eyebrow,.lesson-page .lesson-end p,.lesson-page .lesson-bottom-nav,.lesson-page .lesson-bottom-nav .first-lesson,.lesson-page .lesson-useful,.lesson-page .footer,.lesson-page .footer p{color:var(--muted);font-size:14px}
.lesson-account-panel p:not(.eyebrow),.lesson-account-panel .eyebrow,.reader-personal label{color:var(--muted);font-size:14px}.lesson-account-panel .button{font-size:14px}
@media(max-width:1100px){
 .wrap{width:calc(100% - 64px)}.header nav{gap:20px}.header nav a{font-size:13px}.hero h1{font-size:78px;max-width:530px}.hero-description{max-width:400px}
 .journey{gap:30px;grid-template-columns:1fr 1fr}.chapters{padding-left:47px}.chapter-number{left:-48px}.journey-thread{left:17px}.chapter h2{font-size:46px}
 .use-case{gap:45px}.use-copy h2{font-size:45px}.start-step,.start-step+.start-step{padding-inline:22px}.start-step:first-child{padding-left:22px}.step-meta{font-size:11px}
 .section-heading h2{font-size:43px}.auth-layout{gap:45px}.auth-editorial h1{font-size:66px}
}
@media(max-width:760px){
 html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}
 .header-inner,.lesson-page .header-inner{height:64px;gap:15px}.brand,.account-page .brand,.lesson-page .header .brand{font-size:14px;gap:10px}.brand small,.account-page .brand small{font-size:11px}
 .brand-mark,.lesson-page .header .brand img{width:34px;height:34px;border-radius:7px}
 .menu-toggle{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;min-width:90px;font-size:13px;border-color:#9c836d;background:transparent;border-radius:4px;padding:8px 12px}
 body .header nav,.account-page .header nav{position:absolute;left:0;right:0;top:64px;display:none;flex-direction:column;align-items:stretch;padding:14px 20px 20px;gap:0;background:var(--paper);border-bottom:1px solid var(--line)}
 body .header nav.open,.account-page .header nav.open{display:flex}
 .header nav a,.account-page .header nav a{font-size:15px;min-height:48px;padding:12px 0}.header nav .account-nav-link{align-self:flex-start;margin-top:8px;font-size:14px!important}
 .hero{height:auto;min-height:835px;max-height:none;padding-bottom:335px}.hero-content{padding-top:33px}.hero-content>.eyebrow{font-size:11px;letter-spacing:1.2px;margin-bottom:23px}
 .hero h1{font-size:clamp(47px,12.8vw,68px);letter-spacing:-2px;line-height:1.04;max-width:550px}.hero-description{font-size:15px;margin-top:23px;max-width:430px;line-height:1.8}
 .hero-description strong{font-size:17px;line-height:1.65;max-width:350px}.hero-description>span{margin-top:11px}.hero-description br{display:none}
 .hero-actions{gap:20px;margin-top:22px}.hero .button{font-size:14px;min-height:52px;padding:13px 17px;gap:24px}.hero-library{font-size:13px;gap:14px;min-height:44px}
 .hero-meta{font-size:12px;line-height:1.7;margin-top:13px;max-width:330px}.hero-art{height:395px;width:100%;top:auto;bottom:0;object-position:74% 50%;mask-image:linear-gradient(180deg,transparent,#000 28%,#000)}
 .hero-shade{background:none}.hero:after{height:155px}.hero-bottom{bottom:18px;gap:15px}.hero-bottom>p{display:none}.scroll-cue{font-size:11px;gap:10px}.arrow-circle{width:36px;height:36px}
 .prologue{padding-block:52px 28px}.prologue>.eyebrow{font-size:11px;letter-spacing:1.1px}.prologue h2{font-size:35px;letter-spacing:-1px;margin-top:19px;line-height:1.17}
 .prologue-bottom{padding-top:22px;gap:15px}.prologue-bottom p{font-size:15px;line-height:1.8}.fine-rule{width:25px}.chapter-label{display:none}
 .journey{display:block;padding-bottom:12px}
 .scene{top:64px;height:218px;min-height:0;max-height:none;margin:0 -20px;padding-inline:20px;z-index:5;border-bottom:1px solid var(--line);overflow:hidden;transition:height .2s}
 .scene:before{background:var(--paper)}.scene-top{min-height:44px;height:44px;flex-shrink:0;padding:0;gap:12px;font-size:12px;border:0}
 .scene-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;border:0;background:transparent;font-size:12px;color:var(--accent);padding:0 4px}
 .scene-canvas{height:130px;flex:0 0 130px;overflow:hidden}.object-scene{height:130px;width:100%;max-width:100%}.scene-photograph{object-position:75% 50%;mask-image:radial-gradient(ellipse 50% 70% at 54% 50%,#000 45%,transparent 100%)}
 .scene-bottom{height:44px;min-height:44px;padding:0;border:0}.scene-marks{gap:2px!important}.scene-marks a{height:44px;gap:6px;min-height:44px;min-width:44px;padding:0}.scene-marks a>b{font-size:12px}
 .scene-marks a>span{width:26px;height:2px}.scene-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}
 .scene.is-collapsed{height:88px}.scene.is-collapsed .scene-canvas{display:none}
 .chapters{padding-left:42px}.journey-thread{left:13px}.chapter{min-height:78svh;padding-block:48px 60px;scroll-margin-top:310px}.chapter-number{left:-44px;top:calc(50% - 90px);width:30px;height:30px;font-size:11px}
 .chapter h2{font-size:39px;line-height:1.12;letter-spacing:-1.2px;margin-bottom:22px}.chapter-copy:before{font-size:105px;top:-45px;left:-8px}
 .chapter-copy .eyebrow{font-size:11px;letter-spacing:1.2px;margin-bottom:16px}
 .chapter-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;max-width:none}.chapter-copy .chapter-aside{font-size:14px!important;line-height:1.8;margin-top:21px}
 .chapter-footnote{font-size:13px;line-height:1.8}.chapter-link{font-size:13px;line-height:1.7;gap:15px}.observation{margin-top:23px;padding-top:16px}.observation h3{font-size:16px;line-height:1.6}.observation p{font-size:14px;line-height:1.8}.observation>span{font-size:12px}
 .use-case{grid-template-columns:1fr;gap:30px;padding-block:40px 45px}.use-copy h2{font-size:39px;letter-spacing:-1px;margin-top:17px}.use-copy>p:not(.eyebrow){font-size:16px;margin-top:21px}.use-questions p{font-size:14px}.use-copy .text-link{font-size:14px;gap:15px;line-height:1.8}
 .use-figure figcaption{font-size:12px;margin-top:11px}.start-section{padding-block:45px 40px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:37px;letter-spacing:-1px}
 .section-heading .eyebrow{font-size:11px}.section-heading>p{font-size:15px;margin-top:20px;max-width:100%;line-height:1.8}
 .start-steps{display:block}.start-step,.start-step+.start-step,.start-step:first-child{padding:25px 20px 22px 63px;border-left:0;border-radius:4px}.start-step+.start-step{margin-top:12px}
 .start-index{left:16px;top:25px;font-size:32px;margin:0}.step-meta{font-size:12px;line-height:1.8;letter-spacing:0}.start-step h3{font-size:25px;line-height:1.35;margin-top:9px}.start-step p{font-size:15px;margin-top:15px}
 .start-action{font-size:14px;min-height:44px;margin-top:19px}.homepage-account{grid-template-columns:1fr;padding-block:28px;margin-bottom:35px;gap:22px}.homepage-account h3{font-size:28px}.homepage-account p:not(.eyebrow){font-size:15px}
 .homepage-account .button{font-size:14px;justify-self:start;min-height:52px}.library{padding-block:43px 48px}.library-toolbar{margin-top:25px;display:block}
 .filter-group{gap:6px}.filter-group button{font-size:14px;min-height:46px;padding:10px 17px}.search{width:100%;margin-top:18px}.search input{font-size:16px;min-height:52px}.result-count{font-size:13px;margin-block:18px}
 .catalog{grid-template-columns:minmax(0,1fr);gap:0}.material{padding:24px 0;min-width:0}.material[data-material="lesson-001"]{padding:22px 18px;box-shadow:none;margin:0 0 14px}
 .material-top{font-size:12px;gap:9px}.start-badge{font-size:12px}.material-format{font-size:12px;margin-top:15px}.material h3{font-size:23px;line-height:1.35;margin-top:12px}
 .material p{font-size:16px;line-height:1.85;margin-top:12px}.material>a{font-size:14px;min-height:48px;margin-top:18px}.bookmark-control{font-size:13px;min-height:44px;margin-top:3px}
 .catalog-more .button{font-size:14px;min-height:52px}.library-detail summary{font-size:16px;line-height:1.65;padding-block:21px}.route-tabs{gap:7px}.route-tabs button{font-size:13px;min-height:46px}
 .route-summary,.files-intro{font-size:15px}.step h3{font-size:22px}.step p{font-size:15px}.step-bottom{font-size:13px}.file-row h3{font-size:17px}.file-row p{font-size:13px}
 .about{padding-block:35px 45px;grid-template-columns:40px 1fr;gap:16px}.about h2{font-size:30px}.about .eyebrow{font-size:11px;letter-spacing:1px}.about p:not(.eyebrow){font-size:14px}.about .chapter-link{font-size:14px}
 .footer{font-size:12px;gap:8px 22px;padding-block:20px}.footer span{width:100%}.footer a{min-height:44px}
 .account-page .auth-layout{padding-top:27px;padding-bottom:35px;display:block}.auth-editorial{padding-bottom:22px;border-color:var(--line)}
 .auth-editorial>.eyebrow,.auth-illustration,.auth-caption{display:none}.auth-editorial h1{font-size:32px;line-height:1.18;letter-spacing:-.8px;max-width:none;margin-top:0}.auth-editorial h1 br{display:none}.auth-editorial h1 br:after{content:' '}.auth-editorial h1 em{margin-left:6px}
 .auth-description{font-size:14px;line-height:1.8;max-width:none;margin-top:14px}.auth-description br{display:none}
 .auth-form-area{padding:24px 0 0;max-width:none}.auth-form-area h2{font-size:29px;line-height:1.25;letter-spacing:-.8px;margin:0}
 .auth-switch{gap:26px;margin:16px 0 20px}.auth-switch button{font-size:14px;min-height:48px;padding-block:11px}
 .auth-form-area label{font-size:14px;margin-top:15px;margin-bottom:7px}.auth-form-area input{font-size:16px;min-height:52px;margin-top:7px;padding:12px}
 .auth-form-area .form-hint{font-size:12px;margin-top:9px}.password-field button{font-size:12px}.form-submit{min-height:52px;font-size:15px;margin-top:22px}
 .auth-smallprint{font-size:13px;margin-top:20px}.quiet-link{font-size:13px;margin-top:12px}.auth-smallprint br{display:none}
 .workspace-heading h1{font-size:36px}.workspace-heading>p:not(.eyebrow),.continue-panel p:not(.eyebrow){font-size:15px}.workspace-sidebar nav button{font-size:14px;min-height:46px}.sidebar-bottom button{font-size:14px;min-height:44px}
 .learning-summary{gap:0}.learning-summary p{font-size:12px;line-height:1.7}.learning-summary strong{font-size:29px}.learning-summary>div{padding-inline:8px}.saved-row h3{font-size:17px}.saved-row small,.saved-row p{font-size:13px}.completion-control,.remove-bookmark{font-size:14px;min-height:44px}
 .note-editor label,.profile-settings label,.workspace-section-title>span{font-size:14px}.note-editor .button,.profile-settings .button{font-size:14px}.profile-settings .form-hint{font-size:13px}
 .lesson-page .header .brand img{width:34px;height:34px}.lesson-page .header .brand{font-size:14px}.lesson-page .lesson-hero h1{font-size:37px;line-height:1.17;letter-spacing:-1.1px}
 .lesson-page .breadcrumbs,.lesson-page .lesson-subtitle,.lesson-page .lesson-hero .eyebrow{font-size:13px}.lesson-page .lesson-article{font-size:var(--reader-font-size,17px);line-height:1.85}
 .lesson-page .lesson-article>p:first-child{font-size:var(--reader-font-size,17px)}.lesson-page .lesson-article h2{font-size:29px;line-height:1.3}
 .lesson-page .lesson-toc a,.lesson-page .lesson-sidebar-note p{font-size:14px}.reader-tools>span{font-size:13px}.reader-tools button{width:44px;min-height:44px}.lesson-page .lesson-figure figcaption,.lesson-page .lesson-figure figcaption>span{font-size:13px}
 .lesson-account-panel .button{font-size:14px}.reader-personal label,.lesson-account-panel .eyebrow,.lesson-account-panel p:not(.eyebrow){font-size:14px}
}
@media(max-width:360px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:46px}.hero-actions{gap:14px}.hero .button{font-size:13px;gap:18px;padding-inline:15px}.hero-library{font-size:12px;gap:10px}.hero-meta{font-size:12px}.chapter h2{font-size:35px}.section-heading h2{font-size:34px}.scene-marks{gap:0!important}.scene{margin-inline:-18px;padding-inline:18px}.auth-editorial h1{font-size:29px}.material h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene,.start-step,.material{transition:none}.hero-art,.object-scene{transform:none!important;animation:none!important}.wireframe{opacity:.3!important}}

/* The public story leads to a personal learning workspace. */
#goal,#result,#start{scroll-margin-top:110px}
.chapter-footnote{display:block;max-width:360px;font-size:14px;line-height:1.8;color:var(--accent);margin-top:25px}
.use-takeaway{border-top:1px solid var(--line);padding-top:22px;margin-top:25px!important;color:var(--accent)!important}
.learning-result{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;padding-block:70px 85px;border-top:1px solid var(--line)}
.result-intro h2,.learning-invitation h2{font:clamp(36px,3.5vw,53px)/1.16 var(--serif);letter-spacing:-1.5px;margin-top:22px}
.result-intro h2 em,.learning-invitation h2 em{color:var(--accent)}
.result-intro>p:not(.eyebrow),.learning-invitation p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);max-width:500px;margin-top:25px}
.result-checks{list-style:none;padding:0;margin:0}.result-checks li{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}
.result-checks li:first-child{padding-top:0}.result-checks li>span{font:17px var(--serif);color:var(--accent);padding-top:3px}.result-checks h3{font-size:18px;font-weight:500;line-height:1.5}.result-checks p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:8px}
.learning-invitation{position:relative;display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:55px 65px;margin-bottom:60px;background:linear-gradient(120deg,#f3e2d1,#f4e8dc 65%,var(--paper,#f6f3ee));border-radius:3px}
.learning-invitation h2{font-size:clamp(39px,4vw,61px)}.learning-invitation .button{margin-top:28px;min-height:52px;font-size:15px}.learning-invitation .invitation-note{font-size:13px!important;line-height:1.8!important;margin-top:20px!important}
.invitation-path{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font:27px var(--serif);color:var(--muted)}.invitation-path i{height:56px;width:1px;background:var(--line)}.invitation-path strong{font-weight:400;color:var(--accent)}
.workspace-library,.workspace-routes,.workspace-files{margin-top:36px}
.workspace-library .library-toolbar{margin-top:0;gap:20px;flex-wrap:wrap}.workspace-library .search{min-width:230px;flex:1;max-width:350px}.workspace-library .catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.workspace-library .material{min-width:0}.workspace-library .material h3{font-size:25px}.workspace-library .material p{font-size:15px}.workspace-library .material[data-material="lesson-001"]{padding:24px 18px;box-shadow:none;margin-bottom:14px}
.workspace-routes .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workspace-routes .step{min-width:0}.workspace-routes .step h3{font-size:24px}.workspace-routes .step p{font-size:15px}.workspace-routes .step-bottom{font-size:12px;gap:8px}.workspace-files .file-row h3{font-size:20px}.workspace-files .file-row p{font-size:14px}
.workspace-sidebar nav button{font-family:var(--sans);cursor:pointer}.workspace-sidebar nav button[aria-current]{background:#f0e3d6;border-radius:3px;padding-left:10px;margin-left:-10px}
.workspace-routes .step-number{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.learning-result{gap:45px}.learning-invitation{gap:30px;padding:40px}.workspace-routes .steps{grid-template-columns:1fr}.workspace-routes .step{min-height:0}.workspace-routes .step-bottom{margin-top:20px}}
@media(max-width:800px){.workspace-sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px}.workspace-sidebar nav button{line-height:1.4;padding:10px 0}.workspace-sidebar nav button[aria-current]{padding-left:8px;margin-left:-8px}.workspace-sidebar .sidebar-bottom{padding-top:10px}.workspace-library .catalog{gap:0 25px}}
@media(max-width:760px){
 #goal,#result,#start{scroll-margin-top:85px}.hero-actions{flex-wrap:wrap;gap:10px 20px}.hero-library{font-size:13px;min-height:44px}.chapter-footnote{font-size:14px;line-height:1.8}
 .learning-result{grid-template-columns:1fr;gap:28px;padding-block:38px 40px}.result-intro h2{font-size:33px;letter-spacing:-1px}.result-intro>p:not(.eyebrow){font-size:15px;margin-top:20px}.result-checks li{gap:18px;padding:20px 0}.result-checks h3{font-size:17px}.result-checks p{font-size:15px}
 .learning-invitation{grid-template-columns:1fr;padding:30px 24px;margin-bottom:30px;gap:0}.learning-invitation h2{font-size:39px;letter-spacing:-1px}.learning-invitation p:not(.eyebrow){font-size:15px}.learning-invitation .eyebrow{font-size:11px;letter-spacing:1px}.learning-invitation .button{font-size:14px;padding-inline:16px}.invitation-path{display:none}
 .workspace-library .catalog{grid-template-columns:1fr}.workspace-library .search{max-width:none;min-width:0}.workspace-library .material h3{font-size:23px}.workspace-library .material p{font-size:16px}.workspace-library .library-toolbar{margin-top:0}.workspace-files .file-row h3{font-size:17px}.workspace-files .file-row p{font-size:14px}.workspace-routes .step h3{font-size:24px}
}
@media(max-width:360px){.workspace-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 15px}.learning-invitation{padding:28px 20px}.learning-invitation h2{font-size:36px}.hero-library{font-size:12px}}