:root{--ink:#233930;--muted:#747b70;--green:#315d47;--paper:#faf9f4;--line:#e4e5db;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible{outline:3px solid #759d81;outline-offset:4px}button{color:inherit}svg{display:block}button,a,input{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.site-header,main,.site-footer{width:min(1184px,calc(100% - 96px));margin-inline:auto}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{background:none;border:0;display:flex;gap:10px;align-items:center;padding:0;font:34px var(--serif);letter-spacing:-1.5px}.wordmark svg{width:29px;height:33px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linejoin:round}.wordmark-dot{color:#799874}nav{display:flex;align-items:center;gap:36px}.nav-link{background:none;border:0;font-size:12px;color:#777d72;padding:12px 0}.nav-link.active{color:var(--ink)}.about-link span{margin-left:8px}.hero{min-height:482px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:25px;padding-block:48px 56px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:600;line-height:1.5;margin:0 0 20px;color:#687d65}.hero .eyebrow{display:flex;align-items:center;gap:9px}.hero .eyebrow span{width:6px;height:6px;background:#759470;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(44px,4.6vw,64px);line-height:1.07;letter-spacing:-2.2px;font-weight:400;margin-bottom:23px}h1 em{color:#6c8866;font-weight:400}.hero-description{color:#7a8075;line-height:1.9;font-size:13px;margin-bottom:27px}.primary-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--green);border:1px solid var(--green);border-radius:5px;color:white;padding:14px 19px;font-size:12px}.primary-button:hover{background:#244835}.primary-button span{font-size:18px;line-height:1}.hero-note{font-size:10px;color:#8b8e81;margin:19px 0 0}.hero-note span{color:#789173;font-size:15px;margin-right:7px}.hero-art{max-width:475px;justify-self:end;width:100%}.hero-art svg{width:100%;height:auto}.library-section{border-top:1px solid var(--line);padding-top:40px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading .eyebrow{font-size:9px;margin-bottom:10px}h2{font-family:var(--serif);font-weight:400;font-size:29px;letter-spacing:-.7px;line-height:1.25;margin-bottom:0}.section-heading>p{font-size:11px;color:#8b8f83;margin-bottom:4px}.library-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 23px}.filters{display:flex;gap:5px}.filter{background:none;border:1px solid transparent;color:#7a8175;font-size:11px;padding:9px 14px;border-radius:5px;white-space:nowrap}.filter.selected{background:#e9ede3;color:#405c41;border-color:#dbe3d1}.filter:hover{background:#edf0e8}.search-field{display:flex;align-items:center;gap:10px;background:#fffef9;border:1px solid var(--line);border-radius:5px;width:260px;padding:9px 12px}.search-field svg{width:15px;flex-shrink:0;stroke:#8b9683;stroke-width:1.5;fill:none}.search-field input{background:none;border:none;outline:none;min-width:0;width:100%;font-size:11px;color:var(--ink)}.search-field input::placeholder{color:#9a9e92}.search-field:focus-within{outline:2px solid #759d81;outline-offset:2px}.search-field input:focus-visible{outline:none}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lesson-card{border:1px solid var(--line);background:#fffefb;border-radius:7px;overflow:hidden;display:flex;flex-direction:column}.card-art{height:147px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#eaf0e1}.card-art svg{width:100%;height:100%}.card-art.clay{background:#f1e5d9}.card-art.blue{background:#e4ecec}.card-art.lavender{background:#ece8ef}.card-art.sand{background:#f1eddc}.card-art.sage{background:#e5ece1}.card-body{padding:22px 22px 17px;flex:1;display:flex;flex-direction:column}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-bottom:12px;color:#909788}.card-category{text-transform:uppercase;letter-spacing:1.4px;font-weight:600;color:#66805c}.lesson-card h3{font:22px/1.25 var(--serif);letter-spacing:-.5px;margin-bottom:11px}.card-description{color:#899080;font-size:11px;line-height:1.8;margin-bottom:20px;flex:1}.card-open{display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #edefe5;padding:12px 0 0;width:100%;text-align:left;background:none;color:#4d6c49;font-size:10px}.card-open span{font-size:17px;transition:transform .15s}.card-open:hover span{transform:translate(3px,-3px)}.result-count{font-size:10px;color:#8b9183;margin:18px 0 0}.empty-state{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line)}.study-note{background:#eef0e7;border:1px solid #e2e7d7;border-radius:7px;margin-top:50px;padding:35px;display:flex;align-items:center;gap:28px}.note-symbol{font-size:62px;color:#79916e}.study-note .eyebrow{font-size:9px;margin-bottom:10px}.study-note h2{font-size:25px;line-height:1.35;margin-bottom:12px}.study-note p:not(.eyebrow){font-size:11px;line-height:1.9;color:#89917e;margin-bottom:0}.text-button{background:none;border:0;border-bottom:1px solid #bcc6b3;font-size:10px;padding:8px 0;white-space:nowrap;margin-left:auto;color:#54704b}.text-button span{margin-left:14px;font-size:16px}.about{text-align:center;margin:62px auto 53px}.about .eyebrow{font-size:9px;margin-bottom:15px}.about>p:last-child{font:16px/1.9 var(--serif);color:#899080}.site-footer{border-top:1px solid var(--line);padding-block:25px 30px;display:flex;align-items:center;justify-content:space-between;color:#959a8e;font-size:9px}.site-footer>div{display:flex;align-items:center;gap:20px}.footer-brand{font:23px var(--serif);letter-spacing:-1px;color:#5b7052}.member-access{background:none;border:0;padding:8px;color:#8f9d85}.member-access svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2}.member-access:hover{color:var(--green)}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;box-shadow:0 25px 120px #23393033;max-height:calc(100dvh - 48px)}dialog::backdrop{background:#1a30265e;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;color:#8a9482;padding:3px 9px;line-height:1.2}.access-dialog{width:430px;max-width:calc(100% - 32px);padding:40px 34px 30px}.access-dialog .eyebrow{font-size:9px;margin-bottom:15px}.access-dialog h2{font-size:28px}.dialog-intro{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 24px}.access-dialog label{display:block;font-size:12px;margin-bottom:9px}.access-dialog input{width:100%;border:1px solid #cdd5c7;border-radius:5px;background:#fffefb;padding:12px}.submit-button{width:100%}.form-message{font-size:12px;line-height:1.7;color:#9c4f3a;min-height:20px;margin:12px 0}.form-message.loading{color:#587351}.form-message.loading::before{content:'';display:inline-block;width:10px;height:10px;border:2px solid #cbd5c4;border-top-color:#456d44;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;vertical-align:-2px}.access-note{font-size:10px;color:#8b9381;line-height:1.8;margin:18px 0 0}.lesson-dialog{width:690px;max-width:calc(100% - 32px);padding:44px 48px;overscroll-behavior:contain}.lesson-dialog h2{font-size:36px;line-height:1.2;margin:14px 0 24px}.lesson-dialog h3{font:23px var(--serif);margin:25px 0 12px}.lesson-dialog p:not(.eyebrow),.lesson-dialog li{font-size:14px;line-height:1.9;color:#62705c}.lesson-dialog .lesson-takeaway{border-left:3px solid #91a882;background:#edf0e7;padding:17px 20px;margin-top:25px}.lesson-dialog .lesson-takeaway p{margin:0}.lesson-dialog .lesson-takeaway strong{display:block;color:#45613e;margin-bottom:6px;font-size:12px}.workspace{position:fixed;inset:0;z-index:20;background:#182820;display:flex;flex-direction:column}.workspace-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.workspace-back{border:1px solid #d8dfd0;border-radius:5px;background:#eff2e9;padding:10px 12px;font-size:12px;white-space:nowrap}.workspace-back span{margin-right:7px}.workspace-brand{font:24px var(--serif);letter-spacing:-1px}.workspace-toolbar>span:last-child{font-size:10px;color:#7b8b72;text-align:right}.workspace-frame{flex:1;min-height:0;position:relative}.workspace-frame iframe{border:0;width:100%;height:100%;display:block;background:#17231f}.workspace-open{overflow:hidden}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;width:max-content;max-width:calc(100% - 32px);background:#244636;color:#f5f7ef;border:1px solid #48684f;border-radius:8px;box-shadow:0 8px 40px #18322325;padding:15px 17px;display:flex;align-items:center;gap:15px}.notice p{font-size:12px;line-height:1.6;margin:0;max-width:480px}.notice button{background:none;border:0;color:#f5f7ef;padding:5px;font-size:22px}.notice #retry-lock{border:1px solid #73967c;border-radius:4px;font-size:11px;white-space:nowrap;padding:8px}.app-busy{overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1450px){.hero{min-height:510px}.hero-art{max-width:490px}}@media(max-width:1000px){.site-header,main,.site-footer{width:calc(100% - 64px)}.hero{gap:0}.hero-art{margin-right:-20px}.hero-description{font-size:12px}.desktop-break{display:none}.section-heading>p{display:none}.lesson-grid{gap:16px}.card-body{padding:18px}.lesson-card h3{font-size:21px}.study-note{gap:20px;padding:28px}.text-button{white-space:normal;max-width:140px;line-height:1.8}}@media(max-width:700px){.site-header,main,.site-footer{width:calc(100% - 40px)}.site-header{height:86px}.wordmark{font-size:29px}.wordmark svg{width:25px}nav{gap:19px}.nav-link{font-size:11px}.about-link{display:none}.hero{grid-template-columns:1fr;padding:40px 0 26px;gap:8px}.hero-copy{padding-top:0}h1{font-size:51px}.hero-description{font-size:13px;max-width:400px}.hero-art{width:300px;justify-self:center;margin:-15px 0 -4px}.hero .eyebrow{font-size:9px}.hero-note{font-size:10px}.library-section{padding-top:30px}h2{font-size:27px}.library-controls{flex-direction:column;align-items:stretch;gap:15px;margin-top:23px}.filters{gap:3px}.filter{padding:9px 12px}.search-field{width:100%;padding:11px 13px}.search-field input{font-size:12px}.lesson-grid{grid-template-columns:repeat(2,1fr);gap:13px}.card-art{height:126px}.card-body{padding:16px 13px}.lesson-card h3{font-size:21px}.card-meta{font-size:8px}.card-category{letter-spacing:1px}.card-description{font-size:11px;line-height:1.7}.study-note{flex-wrap:wrap;gap:15px;padding:24px;margin-top:32px}.note-symbol{font-size:35px}.study-note>div:nth-child(2){flex:1}.study-note h2{font-size:24px}.study-note .text-button{max-width:none;margin-left:50px;white-space:nowrap}.study-note p:not(.eyebrow){font-size:11px}.about{margin:40px 0 30px}.about>p:last-child{font-size:14px}.site-footer{align-items:start;padding-top:23px;font-size:8px}.site-footer>div:first-child{align-items:start;flex-direction:column;gap:8px}.site-footer>div:last-child{gap:8px}.lesson-dialog{padding:42px 25px 28px}.lesson-dialog h2{font-size:30px}.workspace-toolbar{padding:8px 10px;gap:8px}.workspace-brand{display:none}.workspace-toolbar>span:last-child{font-size:9px}.notice{gap:10px;padding:12px}.notice p{font-size:11px}}@media(max-width:390px){.site-header,main,.site-footer{width:calc(100% - 32px)}nav{gap:12px}h1{font-size:46px}.lesson-grid{grid-template-columns:1fr}.card-art{height:158px}.card-body{padding:21px}.filter{padding:9px 10px}.lesson-card h3{font-size:24px}.study-note{padding:20px}.study-note h2{font-size:21px}.site-footer>div:last-child>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}