:root{--paper:#f7f6f0;--white:#fffefa;--ink:#263b33;--muted:#626c5d;--line:#dddfd4;--green:#285a42;--mint:#e7eddd;--rust:#a64d2d;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--rust);outline-offset:4px}button:disabled{cursor:default;opacity:.55}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2,.serif{font-family:var(--serif)}h1{font-size:clamp(58px,5.8vw,88px);line-height:.99;letter-spacing:-1.7px}h2{font-size:44px;line-height:1.1;letter-spacing:-.7px}h3{line-height:1.3}a{text-decoration:none}.skip{position:fixed;left:15px;top:-100px;background:var(--ink);color:white;z-index:100;padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}.header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(5vw,24px);gap:52px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:42px;letter-spacing:-1px;line-height:1}.brand svg{width:36px;height:36px;stroke:none;color:var(--green)}.brand-dot{color:var(--rust)}.main-nav{display:flex;align-items:center;gap:33px;height:100%;margin-left:28px}.main-nav button{height:100%;position:relative;font-size:13px;color:var(--muted);padding:0}.main-nav button.active{color:var(--ink)}.main-nav button.active:after{position:absolute;content:'';bottom:0;left:0;right:0;height:3px;background:var(--green)}.nav-dot{display:inline-block;width:5px;height:5px;background:var(--rust);border-radius:50%;vertical-align:top;margin:7px 0 0 3px}.header-tools{display:flex;align-items:center;gap:24px;margin-left:auto}.icon-button{padding:8px;display:inline-flex;align-items:center;justify-content:center}.gallery-button{display:flex;align-items:center;gap:9px;font-size:12px}.gallery-button svg{width:17px}.gallery-button>span:last-child{font-size:10px;border:1px solid var(--line);border-radius:50%;width:19px;height:19px;display:grid;place-items:center}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e6e3d5;color:#676954;font-size:11px}.search-panel{position:sticky;top:0;z-index:5;background:var(--mint);padding:20px 5vw;display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line)}.search-panel label{font-size:12px}.search-panel input{flex:1;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:8px;min-width:100px}.text-button{font-size:12px;padding:0;border-bottom:1px solid transparent;white-space:nowrap}.text-button:hover{border-bottom-color:currentColor}.page{max-width:1440px;margin:0 auto;padding:0 5vw}.hero{display:grid;grid-template-columns:45% 55%;padding-top:42px;min-height:575px}.hero-copy{padding:30px 35px 38px 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:9px}.eyebrow .spark{color:var(--rust);font-size:18px;line-height:1}.hero-copy h1{margin-top:28px;max-width:550px}.hero-copy h1 em{font-weight:400;color:var(--green)}.hero-copy>p{max-width:345px;color:var(--muted);font-size:14px;line-height:1.8;margin-top:25px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:14px 22px;background:var(--green);color:var(--white);border-radius:4px;font-size:12px;font-weight:500;min-height:47px}.primary-button:hover{background:#1e4532}.primary-button svg{width:19px;height:19px}.hero-copy>.primary-button{margin-top:28px}.hero-foot{margin-top:auto;padding-top:30px;display:flex;gap:12px;align-items:center;font-size:10px;color:var(--muted)}.hero-foot i{width:25px;height:25px;border:1px solid #bcc6b5;border-radius:50%;display:grid;place-items:center;font-style:normal;color:var(--green)}.hero-art{position:relative;overflow:hidden;background:#a6ad8b;border-radius:5px;min-height:510px;isolation:isolate}.hero-art>img{height:100%;position:absolute;object-position:center 55%;transition:transform 2s}.hero-art:hover>img{transform:scale(1.035)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#001c0b08 40%,#122d2066);z-index:0;pointer-events:none}.image-label{position:absolute;left:24px;top:24px;color:var(--white);font-size:9px;letter-spacing:1.7px;text-transform:uppercase;z-index:1;display:flex;align-items:center;gap:8px}.image-label:before{content:'';width:6px;height:6px;background:#e6f0ce;border-radius:50%}.hero-art .art-zoom{position:absolute;right:22px;top:20px;z-index:1;border:1px solid #ffffff70;color:white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.art-zoom svg{width:17px}.daily-card{position:absolute;bottom:23px;left:23px;right:23px;z-index:1;display:flex;align-items:center;gap:20px;background:var(--white);padding:20px 22px;border-radius:3px}.daily-card .tag{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:var(--rust);margin-bottom:6px}.daily-card h2{font-size:29px;letter-spacing:0}.daily-card .art-byline{font-size:10px;color:var(--muted);margin-top:5px}.daily-card>.round-arrow{margin-left:auto;flex-shrink:0}.round-arrow{width:38px;height:38px;background:var(--green);border-radius:50%;display:grid;place-items:center;color:white}.round-arrow svg{width:19px}.art-caption{font-size:9px;color:var(--muted);text-align:right;padding:8px 0;letter-spacing:.2px}.section{padding-top:53px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-top h2{font-size:38px}.section-top .kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);margin-bottom:8px}.section-top .text-button{margin-bottom:5px}.browse-bar{display:flex;gap:9px;align-items:center;margin-bottom:25px;flex-wrap:wrap}.chip{font-size:11px;padding:8px 16px;border:1px solid var(--line);border-radius:25px;white-space:nowrap;transition:background .2s}.chip:hover{border-color:var(--green)}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.color-controls{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:10px;color:var(--muted)}.swatch{border-radius:50%;width:18px;height:18px;background:var(--swatch);padding:0;outline-offset:3px;border:2px solid var(--paper)}.swatch.active{outline:1px solid var(--ink)}.art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.art-card{min-width:0}.card-image{height:238px;position:relative;overflow:hidden;border-radius:3px;background:#e1e1d4}.card-image>button:first-child{display:block;padding:0;width:100%;height:100%;text-align:left}.card-image img{height:100%;transition:transform .65s;object-position:center}.card-image:hover img{transform:scale(1.045)}.card-image .save-button{position:absolute;right:12px;top:12px;border-radius:50%;width:31px;height:31px;background:#fffdf1eb;display:grid;place-items:center}.save-button svg{width:15px;height:15px}.save-button.saved svg{fill:var(--green);stroke:var(--green)}.card-index{position:absolute;bottom:12px;left:12px;background:#fffdf0ec;font-size:9px;border-radius:2px;padding:3px 7px;pointer-events:none}.card-meta{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-top:15px}.card-title{font:25px/1.15 var(--serif);margin-top:5px;display:block;padding:0;text-align:left}.card-artist{font-size:11px;color:var(--muted);margin-top:5px}.card-source{font-size:9px;color:var(--muted);margin-top:4px}.journey{display:grid;grid-template-columns:1fr 1.6fr;background:var(--mint);border-radius:4px;margin-top:57px;overflow:hidden}.journey-copy{padding:33px 37px}.journey-copy h2{font-size:39px;margin-top:12px;max-width:290px}.journey-copy p{font-size:12px;color:var(--muted);margin-top:13px;max-width:275px}.journey-art{position:relative;min-height:267px;display:flex;gap:12px;align-items:center;justify-content:center;padding:24px 30px;background:#dce5cf}.mini-work{width:34%;transform:rotate(-7deg);background:#fdfcf5;padding:9px 9px 24px;box-shadow:0 5px 10px #2c3c1914}.mini-work:nth-child(2){transform:rotate(7deg);margin-left:-15px}.mini-work img{height:175px}.journey-art>.round-arrow{position:absolute;right:28px;bottom:26px;border:1px solid #36533c;color:var(--green);background:var(--paper)}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.format-card{background:#eeede4;display:block;text-align:left;padding:24px 23px;border-radius:3px;transition:transform .2s}.format-card:hover{transform:translateY(-3px)}.format-card:nth-child(2){background:#e8e9df}.format-card:nth-child(3){background:#f0e7d9}.format-card:nth-child(4){background:#e8e9e6}.format-icon{width:33px;height:33px;border:1px solid #9da594;border-radius:50%;display:grid;place-items:center;margin-bottom:18px}.format-icon svg{width:16px}.format-card h3{font:25px var(--serif)}.format-card p{font-size:10px;color:var(--muted);margin-top:6px}.format-card>span:last-child{font-size:9px;text-transform:uppercase;letter-spacing:1px;display:block;margin-top:20px}.bottom-note{padding:42px 0;text-align:center;font:25px var(--serif);color:var(--muted)}.bottom-note em{color:var(--green)}.footer{margin:15px 5vw 0;max-width:1296px;border-top:1px solid var(--line);padding:28px 0;display:flex;gap:25px;align-items:center;color:var(--muted);font-size:9px}.footer-brand{font:20px var(--serif);color:var(--green)}.footer>span{margin-left:auto}.view-head{padding:58px 0 35px}.view-head h1{font-size:67px;margin-top:15px}.view-head>p{max-width:630px;margin-top:20px;font-size:14px;color:var(--muted)}.progress-strip{display:flex;gap:32px;align-items:center;border:1px solid var(--line);padding:22px 28px;border-radius:4px;margin-bottom:30px}.progress-strip strong{font:34px var(--serif)}.progress-strip span{font-size:10px;color:var(--muted);margin-left:8px}.progress-track{height:4px;flex:1;background:var(--line);border-radius:10px;overflow:hidden}.progress-track i{height:100%;display:block;background:var(--green);transition:width .4s}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:45px}.path-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--white)}.path-card img{height:210px}.path-content{padding:25px}.path-content h2{font-size:32px;margin-top:9px}.path-content p{font-size:12px;color:var(--muted);margin:15px 0 20px}.path-content ol{padding-left:16px;font-size:11px;color:var(--muted);line-height:2}.path-content .primary-button{margin-top:14px}.empty{padding:70px 24px;text-align:center;border:1px dashed #bec5b5;margin-bottom:70px}.empty h2{font-size:38px}.empty p{color:var(--muted);font-size:12px;margin:12px 0 24px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;padding-bottom:45px}.resource{border:1px solid var(--line);border-radius:4px;background:var(--white);padding:27px;display:flex;flex-direction:column;align-items:flex-start}.resource .resource-format{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--rust)}.resource h2{font-size:30px;margin-top:13px}.resource p{font-size:12px;color:var(--muted);margin-top:12px}.resource .resource-note{font-size:10px;color:var(--muted);margin-top:13px}.resource a{font-size:11px;color:var(--green);border-bottom:1px solid #a7b8a0;margin-top:23px}.library-note{font-size:11px;color:var(--muted);margin-bottom:24px}.result-count{font-size:11px;color:var(--muted);margin:0 0 22px}.reflection{border:1px solid var(--line);padding:28px;margin:35px 0 55px}.reflection h2{font-size:31px}.reflection label{display:block;font-size:12px;color:var(--muted);margin:12px 0}.reflection textarea{width:100%;background:var(--white);border:1px solid var(--line);padding:13px;min-height:90px;resize:vertical;color:var(--ink)}.reflection small{font-size:10px;color:var(--muted);display:block;margin-top:9px}dialog{padding:0;border:0;border-radius:7px;background:var(--paper);color:var(--ink);width:min(1100px,94vw);max-height:92vh;box-shadow:0 20px 100px #051d2444}dialog::backdrop{background:#14261ed1;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;gap:20px;padding:20px 27px;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:1.6px}.dialog-head .close-dialog{margin-left:auto;font-size:24px;line-height:1;letter-spacing:0;padding:3px 6px}.viewer-layout{display:grid;grid-template-columns:1.5fr 1fr;min-height:520px}.viewer-image-panel{background:#e4e4d8;padding:24px;display:flex;flex-direction:column;min-width:0}.zoom-stage{height:410px;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.zoom-stage:active{cursor:grabbing}.zoom-stage img{width:100%;height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none}.zoom-control{display:flex;gap:14px;align-items:center;font-size:10px;padding-top:18px}.zoom-control input{flex:1;accent-color:var(--green);min-width:60px}.viewer-content{padding:30px}.viewer-content h2{font-size:43px;margin-top:13px}.viewer-content .artist-line{font-size:12px;color:var(--muted);margin-top:10px}.viewer-content .look-prompt{font:25px/1.4 var(--serif);border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.viewer-content .observation{font-size:11px;color:var(--muted);margin-top:15px}.viewer-content .primary-button{margin-top:25px}.source-link{display:inline-block;border-bottom:1px solid #b8bfae;color:var(--muted);font-size:10px;margin-top:24px}.viewer-content .save-detail{display:block;margin-top:18px}.lesson-layout{display:grid;grid-template-columns:1.2fr 1fr;min-height:550px}.lesson-image{background:#d9e0cf;display:flex;align-items:center;justify-content:center;padding:23px;overflow:hidden}.lesson-image img{max-height:530px;width:100%;object-fit:contain;transition:transform 1s}.lesson-image.detail img{transform:scale(1.6);transform-origin:25% 75%}.lesson-content{padding:37px 35px;display:flex;flex-direction:column;align-items:flex-start}.lesson-step{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--rust)}.lesson-content h2{font-size:43px;margin-top:20px}.lesson-content p{font-size:13px;line-height:1.85;color:#687465;margin-top:20px}.lesson-content .source-link{margin-top:16px}.lesson-content .primary-button{margin-top:auto;align-self:flex-end}.lesson-actions{display:flex;gap:18px;align-items:center;width:100%;padding-top:28px;margin-top:auto}.lesson-actions .primary-button{margin-left:auto}.step-dots{display:flex;gap:6px}.step-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.step-dots i.active{background:var(--green)}.notice-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.notice-buttons button{border:1px solid #b4c1ab;padding:8px 13px;font-size:11px;border-radius:20px}.notice-buttons button.selected{background:var(--green);color:white}.quiz-options{display:flex;flex-direction:column;gap:9px;width:100%;margin-top:22px}.quiz-option{padding:13px 15px;border:1px solid #c4cbba;border-radius:3px;text-align:left;font-size:12px}.quiz-option.chosen{border-color:var(--rust);background:#eee3d7}.quiz-option.correct{border-color:var(--green);background:var(--mint)}.quiz-feedback{font-size:12px;margin-top:14px;line-height:1.65;color:var(--green)}.lesson-content .lesson-complete{font-size:50px;margin-top:15px}.complete-seal{width:58px;height:58px;border:1px solid #8ca782;border-radius:50%;display:grid;place-items:center;margin-top:8px}.complete-seal svg{width:28px}.compare-body{padding:25px 30px 32px}.compare-body>p{font-size:12px;color:var(--muted);margin:12px 0 22px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-work select{width:100%;padding:9px;border:1px solid var(--line);background:var(--white);margin-bottom:15px;color:var(--ink);font-size:12px}.compare-work img{height:290px;object-fit:contain;background:#e8e8de}.compare-work .compare-credit{font-size:10px;color:var(--muted);margin-top:9px}.compare-prompts{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.compare-prompts span{border:1px solid #bdc6b6;border-radius:20px;padding:7px 14px;font-size:11px}.credits-body{padding:30px;max-height:72vh;overflow:auto}.credits-body h2{font-size:36px;margin-bottom:15px}.credits-body p{font-size:12px;margin:15px 0;color:var(--muted)}.credits-body ul{padding-left:18px;font-size:12px;line-height:2}.credits-body a{text-decoration:underline;text-underline-offset:3px}.credits-body h3{margin-top:25px;font-size:15px}.credits-body li{margin-bottom:8px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:12px 22px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}.fade-in{animation:arrive .65s both}.fade-in.delay{animation-delay:.12s}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1550px){.page{padding-left:60px;padding-right:60px}.hero{min-height:640px}.hero-art{min-height:555px}.hero-copy{padding-top:50px}.card-image{height:270px}.footer{margin-left:auto;margin-right:auto}}@media(max-width:1100px){.header{gap:20px}.main-nav{margin-left:0;gap:23px}.header-tools{gap:13px}.hero-copy h1{font-size:65px}.hero{grid-template-columns:46% 54%}.hero-art{min-height:475px}.daily-card{padding:17px;left:17px;right:17px;bottom:17px}.daily-card h2{font-size:25px}.card-image{height:210px}.art-grid{gap:16px}.journey{grid-template-columns:1fr 1.3fr}.journey-copy{padding:30px}.format-card{padding:20px 17px}.path-content{padding:20px}.path-content h2{font-size:28px}}@media(max-width:820px){.header{height:78px;padding:0 5vw;flex-wrap:wrap;gap:10px}.brand{font-size:35px}.brand svg{width:30px;height:30px}.main-nav{order:3;width:100%;height:42px;justify-content:center;gap:35px;background:var(--paper)}.header{height:119px;align-content:center}.header-tools{gap:16px}.header-tools .gallery-button{gap:6px}.avatar{display:none}.main-nav button{font-size:12px}.hero{padding-top:30px;min-height:0;grid-template-columns:1fr 1fr;gap:22px}.hero-copy{padding:10px 0}.hero-copy h1{font-size:57px}.hero-copy>p{font-size:12px;line-height:1.7;margin-top:20px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-art{min-height:405px}.hero-foot{font-size:9px;padding-top:22px}.hero-foot i{flex-shrink:0}.hero-copy>.primary-button{gap:12px;padding:12px 16px}.daily-card h2{font-size:23px}.daily-card .art-byline{font-size:8px}.daily-card>.round-arrow{width:29px;height:29px}.daily-card{gap:8px;padding:13px}.image-label{font-size:8px;left:18px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px}.card-image{height:270px}.section{padding-top:40px}.color-controls{margin-left:0;padding:8px 0 0;width:100%}.journey{grid-template-columns:1fr 1fr}.journey-copy h2{font-size:33px}.journey-art{padding:20px 10px}.mini-work{width:47%}.mini-work img{height:150px}.format-grid{grid-template-columns:repeat(2,1fr)}.footer{flex-wrap:wrap;gap:13px}.footer>span{margin-left:0;order:3;width:100%}.footer .text-button{margin-left:auto}.path-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.path-grid .path-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.path-grid .path-card:last-child img{height:100%}.viewer-layout,.lesson-layout{grid-template-columns:1fr 1fr}.viewer-image-panel{padding:15px}.zoom-stage{height:350px}.viewer-content{padding:24px}.viewer-content h2,.lesson-content h2{font-size:35px}.lesson-content{padding:27px}.lesson-content p{font-size:12px}.search-panel{gap:12px}.search-panel label{display:none}.view-head h1{font-size:58px}.compare-work img{height:235px}}@media(max-width:570px){.header-tools .gallery-button>span:nth-child(2){display:none}.header-tools{gap:12px}.header{padding-top:13px}.hero{display:flex;flex-direction:column;padding-top:24px;gap:25px}.hero-copy{padding:3px 0 0}.hero-copy h1{font-size:67px;line-height:1.01;margin-top:22px;max-width:390px}.hero-copy>p{font-size:13px;max-width:290px;margin-top:19px}.hero-copy>.primary-button{margin-top:23px}.hero-foot{display:none}.hero-art{min-height:365px;width:100%}.daily-card h2{font-size:27px}.daily-card{padding:17px;bottom:17px}.daily-card .art-byline{font-size:9px}.daily-card .tag{font-size:8px}.art-caption{font-size:8px}.section-top{gap:12px;align-items:center}.section-top h2{font-size:34px}.section-top .text-button{font-size:10px}.browse-bar{gap:7px}.chip{font-size:10px;padding:7px 12px}.art-grid{gap:24px 13px}.card-image{height:205px}.card-title{font-size:22px}.card-meta{font-size:8px;letter-spacing:.6px}.card-artist{font-size:10px}.card-source{font-size:8px}.card-image .save-button{right:8px;top:8px;width:28px;height:28px}.journey{grid-template-columns:1fr;margin-top:40px}.journey-copy{padding:28px}.journey-copy h2{max-width:none;font-size:39px}.journey-copy p{max-width:none}.journey-art{min-height:250px}.mini-work{width:36%;max-width:135px}.mini-work img{height:145px}.format-grid{gap:12px}.format-card{padding:20px 17px}.format-card h3{font-size:25px}.bottom-note{font-size:23px;padding:30px 0 17px}.footer{font-size:8px}.footer-brand{font-size:18px}.view-head{padding-top:39px}.view-head h1{font-size:56px}.view-head p{font-size:13px}.path-grid,.resource-grid{grid-template-columns:1fr}.path-grid .path-card:last-child{display:block}.path-grid .path-card:last-child img{height:210px}.progress-strip{gap:15px;padding:15px}.progress-strip strong{font-size:27px}.progress-strip span{font-size:9px;margin-left:3px}.viewer-layout,.lesson-layout{grid-template-columns:1fr}.viewer-image-panel{padding:18px}.zoom-stage{height:290px}.viewer-content{padding:25px}.viewer-content h2{font-size:40px}.viewer-content .look-prompt{margin-top:20px;padding-top:18px}.viewer-content .primary-button{margin-top:20px}.lesson-image{padding:20px;max-height:280px}.lesson-image img{height:240px;object-fit:contain}.lesson-content{padding:25px;min-height:375px}.lesson-content h2{font-size:38px;margin-top:14px}.lesson-content p{margin-top:16px;font-size:12px}.lesson-actions{padding-top:24px}.dialog-head{padding:17px 20px;font-size:9px}.compare-body{padding:20px}.compare-grid{gap:12px}.compare-work select{font-size:10px}.compare-work img{height:180px}.compare-prompts{gap:7px}.compare-prompts span{font-size:10px;padding:6px 10px}.search-panel{padding:15px 5vw}.search-panel input{font-size:13px}.reflection{padding:22px}.credits-body{padding:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.book-topic{display:grid;gap:.4rem;max-width:24rem;margin:1rem 0;font-weight:700}
.book-topic select{min-height:44px;width:100%;padding:.55rem .75rem;border:1px solid var(--line);border-radius:.35rem;background:var(--white);color:var(--ink);font:400 16px var(--sans)}
.book-shelf{margin-top:2rem}
.book-shelf>h2{font:400 clamp(2rem,4vw,2.75rem)/1 var(--serif);margin:0 0 1rem}
.resource .resource-author{font-weight:700;margin-top:-.4rem}

/* Common controls stay legible and visible across the catalog and lesson pages. */
.page input::placeholder, .page textarea::placeholder, .search-panel input::placeholder { color:var(--muted); opacity:1; }
.page :where(a,button,input,select,textarea,summary):focus-visible {
  outline:2px solid var(--green);
  outline-offset:3px;
}
:is(.atlas-launch,.practice-invite) :where(a,button):focus-visible { outline-color:var(--white); }
.discover-page .hero-copy h1 { margin-top:0; }
.discover-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem 1.15rem; margin-top:1.1rem; }
.discover-actions > a { display:inline-flex; align-items:center; min-height:44px; }
.gallery-page .view-head { padding:2rem 0 1.25rem; }
.gallery-page .view-head h1 { margin:0; font-size:clamp(2.8rem,6vw,4.35rem); }
.gallery-page .view-head p { margin:.55rem 0 0; }
.gallery-page .empty { padding:2.4rem 1.25rem; margin:0 0 2rem; }
.reading-path .view-head { padding-top:1rem; padding-bottom:1rem; }
.reading-path .view-head h1 { font-size:clamp(2.8rem,6vw,4.35rem); }
@media (max-width:570px) {
  .discover-page .hero { gap:1rem; padding-top:1.4rem; }
  .discover-page .hero-copy h1 { font-size:clamp(2.75rem,11vw,4rem); }
  .discover-page .hero-copy > p { margin-top:.75rem; }
  .discover-page .hero-art { min-height:20rem; }
  .gallery-page .view-head { padding-top:1.4rem; }
}