/* Customer-facing learning experience; editorial UI retains foundation.css. */
[hidden]{display:none!important}
.gift-pending .gift-intro[hidden]{display:grid!important}
.gift-intro{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at 50% 45%,#fffdf4,#f5f1e5 75%);display:grid;grid-template-rows:auto 1fr auto;color:#35513e;opacity:1;transition:opacity .4s ease;overflow:auto}
.intro-brand{position:absolute;left:5%;top:30px;text-decoration:none;font:26px Georgia;letter-spacing:-.035em}.intro-brand>span{display:block;font:7px system-ui;letter-spacing:.25em;margin-top:8px}
.intro-skip{position:absolute;right:5%;top:32px;border:1px solid #cdd3be;border-radius:24px;background:transparent;color:#526448;font:11px system-ui;padding:11px 17px;min-height:44px;z-index:2}.intro-skip:hover{background:#e9ecdf}.intro-skip>span{margin-left:15px}
.intro-composition{position:relative;align-self:center;grid-row:2;width:min(760px,94vw);margin:80px auto 50px;text-align:center}
.intro-art.gift-scene{height:min(370px,44vh);min-height:240px;width:min(470px,76vw);margin:auto;background:none}
.intro-art .gift-box{width:72%;height:53%;left:14%;bottom:40px}
.intro-art .gift-trigger{border-radius:12px}
.intro-art .gift-box-body{background:repeating-linear-gradient(35deg,#ffffff08 0 2px,#90734e08 2px 3px),linear-gradient(100deg,#ded0ae,#f0e3c2 40%,#d9c9a6)}
.gift-intro .intro-art.is-open .gift-box{transform:translateY(9%) scale(.92)}
.gift-intro .intro-art.is-open .gift-lid{transform:translate(-22%,-130px) rotate(-22deg);opacity:.65}
.intro-art:after{bottom:28px;left:16%;width:68%}
.intro-copy{position:relative;min-height:150px;margin:6px 10px 0;opacity:0;transform:translateY(10px);transition:opacity .65s,transform .65s}
.intro-copy>p{font:clamp(29px,3.6vw,46px)/1.18 Georgia;letter-spacing:-.03em;margin:0 0 17px}.intro-copy em{font-weight:normal;color:#82916a}.intro-copy>span{font:12px/1.7 system-ui;letter-spacing:.05em;color:#7c846e}
.show-message .intro-copy{opacity:1;transform:translateY(0)}
.intro-treasure{position:absolute;left:26%;top:27%;width:48%;height:40%;opacity:0;transform:translateY(35px);transition:opacity .65s,transform .85s;pointer-events:none}
.is-open .intro-treasure{opacity:1;transform:translateY(-30px)}
.treasure-thread{position:absolute;width:58px;height:57px;left:8%;top:15px;border-radius:50%;background:repeating-linear-gradient(25deg,#d7b598 0 3px,#e5c9ad 3px 6px);border:1px solid #b89a7d;transform:rotate(-15deg)}
.treasure-fabric{position:absolute;right:3%;top:0;width:90px;height:70px;border-radius:4px 18px 4px 8px;background:repeating-linear-gradient(90deg,#b6c29c88 0 14px,#fff8 14px 27px),repeating-linear-gradient(0deg,#a5b78b 0 14px,#e5e9d5 14px 27px);transform:rotate(15deg);box-shadow:3px 4px 0 #9eac8433}
.treasure-heart{position:absolute;left:43%;top:-35px;font:60px Georgia;color:#b98f77}
.intro-leaf{position:absolute;width:18px;height:40px;background:#a4b18a77;border:1px solid #8c9f7066;border-radius:100% 0 100% 0;transform:rotate(-30deg);pointer-events:none}.leaf-one{left:8%;top:26%}.leaf-two{right:9%;top:10%;transform:rotate(45deg);width:13px;height:29px}.intro-stitch{position:absolute;right:12%;top:52%;color:#b8b48e;font-size:22px}
.intro-footer{grid-row:3;text-align:center;font:italic 12px Georgia;color:#91967f;padding:10px 20px 23px;margin:0}.intro-footer>span{display:block;font:18px Georgia;margin-top:14px}
.gift-intro.leaving{opacity:0;pointer-events:none}
@media(max-width:700px){.intro-brand{font-size:23px;top:23px}.intro-skip{top:20px;font-size:10px;padding:10px 13px}.intro-composition{margin-top:90px;margin-bottom:10px}.intro-copy{min-height:135px;margin-top:9px}.intro-art .gift-box{height:50%;bottom:30px}.gift-intro .intro-art.is-open .gift-lid{transform:translate(-17%,-95px) rotate(-22deg)}.treasure-fabric{width:68px;height:55px}.treasure-thread{width:45px;height:45px}.intro-treasure{top:29%}.intro-footer{font-size:10px;padding-bottom:17px}}
@media(max-height:600px) and (min-width:701px){.intro-composition{margin:58px auto 0}.intro-art.gift-scene{min-height:160px;height:190px;width:320px}.intro-copy{min-height:90px}.intro-copy>p{font-size:29px;margin-bottom:8px}.intro-footer{padding-bottom:10px}.intro-art .gift-label{padding:6px 12px;top:12%}.intro-art .gift-label i{font-size:15px}.intro-art .gift-label>span{margin-top:3px;padding-top:3px}.gift-intro .intro-art.is-open .gift-lid{transform:translate(-18%,-62px) rotate(-22deg)}}
@media(prefers-reduced-motion:reduce){.gift-intro{display:none!important}.intro-copy,.intro-treasure{transition:none}}
/* Optional gift interaction. Its footprint stays fixed throughout opening. */
.gift-hero{grid-template-columns:1fr 1.05fr;min-height:510px;padding-block:18px 32px}
.gift-hero .learning-hero-copy{position:relative;z-index:1}
.gift-hero .hero-actions{gap:12px;flex-wrap:wrap}
.gift-hero .hero-actions .secondary{background:transparent;border:1px solid #b8c2ab;color:#35533c}
.gift-scene{position:relative;min-width:0;height:480px;isolation:isolate;background:radial-gradient(ellipse at 50% 62%,#e8eadb 0%,#eeeee1 42%,transparent 71%)}
.gift-scene:after{content:'';position:absolute;bottom:71px;left:19%;width:64%;height:25px;border-radius:50%;background:#63704b22;filter:blur(11px);z-index:-1}
.gift-garden{position:absolute;inset:16px 3% 70px;border-radius:48% 48% 10px 10px;overflow:hidden;opacity:.18;transform:translateY(12px) scale(.95);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.gift-garden img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.gift-message{position:absolute;top:18px;left:50%;transform:translateX(-50%);white-space:nowrap;font:italic 15px Georgia;color:#3e593d;background:#fffbedeb;border:1px solid #e0dfc6;border-radius:25px;padding:10px 17px}
.gift-trigger{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent!important;color:#40563e;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:40% 40% 12px 12px}
.gift-trigger:focus-visible{outline:2px solid #587347;outline-offset:4px}
.gift-box{position:absolute;width:65%;height:46%;left:17.5%;bottom:85px;perspective:900px;transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.gift-box-body{position:absolute;inset:15px 8px 0;background:repeating-linear-gradient(35deg,#ffffff06 0 2px,#90734e06 2px 3px),linear-gradient(100deg,#ddd0ae,#ede1bf 40%,#d9c8a2);border:1px solid #baa77e;border-radius:3px 3px 8px 8px;box-shadow:inset -12px 0 18px #9b805c17,0 14px 25px #715b3e15;overflow:hidden}
.gift-ribbon{position:absolute;left:45%;top:0;width:15%;height:100%;background:linear-gradient(90deg,#7b8a62,#98a37c 40%,#7e8d63);border-inline:1px solid #73845a66}
.gift-label{position:absolute;left:7%;top:30%;background:#fffcf0;box-shadow:1px 4px 8px #725f3b12;border:1px solid #d9cfb5;padding:15px 18px;transform:rotate(-6deg);font:9px/1.6 system-ui;letter-spacing:.12em;text-align:center}
.gift-label i{font:italic 20px/1.4 Georgia;letter-spacing:-.02em;display:block}.gift-label>span{display:block;font-size:7px;letter-spacing:.13em;border-top:1px solid #e3ddc9;margin-top:10px;padding-top:8px}
.gift-lid{position:absolute;top:0;left:0;width:100%;height:40px;background:linear-gradient(100deg,#e7d8b4,#f0e4c6 40%,#d6c49b);border:1px solid #bca67a;border-radius:5px;box-shadow:0 5px 5px #58462322;transform-origin:12% 90%;transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .6s}
.gift-lid:after{content:'';position:absolute;left:46%;width:14%;height:100%;background:linear-gradient(90deg,#7a8961,#a0aa85 45%,#79885d)}
.gift-bow{position:absolute;bottom:33px;width:29%;height:55px;border:10px solid #86966c;box-shadow:inset 0 0 0 1px #62794d55,0 2px 1px #5c734c33}
.bow-left{left:25%;border-radius:60% 95% 5% 75%;transform:rotate(17deg)}.bow-right{left:51%;border-radius:95% 60% 75% 5%;transform:rotate(-17deg)}
.gift-knot{position:absolute;left:47%;bottom:27px;width:30px;height:24px;background:linear-gradient(110deg,#74865c,#a0ab82,#7c8d63);border-radius:40%;transform:rotate(-5deg);z-index:1}
.gift-hint{position:absolute;bottom:34px;left:0;width:100%;font:11px/1.6 system-ui;letter-spacing:.035em;color:#596a4b}.gift-hint>span{margin-left:9px}
.gift-caption{position:absolute;bottom:3px;left:0;width:100%;text-align:center;font:italic 12px/1.6 Georgia;color:#7d856d;pointer-events:none}
.gift-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.gift-scene.is-open .gift-garden{opacity:1;transform:translateY(0) scale(1)}
.gift-scene.is-open .gift-box{transform:translate(15%,22%) scale(.58)}
.gift-scene.is-open .gift-lid{transform:translate(-32%,-95px) rotate(-24deg);opacity:.82}
.gift-scene.is-open .gift-box-body{box-shadow:inset 0 8px 12px #77634422,0 6px 15px #715b3e22}
@media(max-width:1000px){.gift-hero{min-height:440px}.gift-scene{height:420px}.gift-label{padding:12px}.gift-label i{font-size:17px}.gift-bow{height:46px;border-width:8px}}
@media(max-width:700px){.learning-hero.gift-hero{grid-template-columns:1fr;gap:0;padding-top:16px}.gift-hero h1{font-size:clamp(38px,10vw,48px);line-height:1.07}.gift-hero h1 br:first-child{display:none}.gift-hero .hero-actions{gap:10px}.gift-hero .hero-actions .button{padding:12px 15px;gap:14px}.gift-scene{height:340px;max-width:460px;width:100%;margin:auto}.gift-box{height:44%;bottom:72px;width:60%;left:20%}.gift-garden{inset:8px 4% 63px}.gift-label{padding:9px 12px;top:20%}.gift-label i{font-size:15px}.gift-label>span{font-size:6px;margin-top:5px;padding-top:5px}.gift-message{font-size:12px;top:11px}.gift-bow{height:40px;border-width:7px}.gift-hint{bottom:27px;font-size:10px}.gift-scene.is-open .gift-lid{transform:translate(-20%,-68px) rotate(-22deg)}.gift-scene.is-open .gift-box{transform:translate(16%,22%) scale(.55)}}
@media(prefers-reduced-motion:reduce){.gift-garden,.gift-box,.gift-lid{transition:none!important}}
.making-garden{--paper:#f7f5ed;--ink:#294738;--muted:#6d7667;--line:#dcded0;background:var(--paper);-webkit-font-smoothing:antialiased}
.making-garden .preview{display:flex;align-items:center;justify-content:center;gap:18px;background:#e8eddf;color:#5a6b50;font-size:10px;letter-spacing:.035em;padding:8px 18px}
.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;padding:16px}.skip-link:focus{top:10px}
.making-header{max-width:1340px;padding:24px 4%;border:0;min-height:92px}
.making-header .brand{font-size:30px;white-space:nowrap}.making-header .brand>span{font-size:34px;color:#849069;vertical-align:middle;margin-right:6px}
.making-header .brand small{margin-left:46px;font-size:8px;letter-spacing:.24em;color:#7b836d}
.making-header nav{gap:30px;align-items:center;font-size:12px}.making-header nav>a{padding:9px 0;border-bottom:1px solid transparent}
.making-header nav a[aria-current=page]{color:#264e36;border-bottom-color:#536f45}
.making-header .account-link{display:flex;align-items:center;gap:8px;border:1px solid #d3dac7;padding:10px 15px;border-radius:24px}
.account-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.making-garden main{max-width:1280px;padding:0 32px 52px}
.learning-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:center;padding:14px 0 28px}
.learning-hero-copy{padding:22px 0 20px 12px}
.learning-hero .eyebrow{font-size:10px;letter-spacing:.14em;display:flex;align-items:center;gap:12px}.learning-hero .eyebrow span{font-size:20px;color:#9b9e75}
.learning-hero h1{font-size:clamp(42px,4.6vw,65px);line-height:1.1;letter-spacing:-.035em;margin:22px 0 20px}.learning-hero h1 em{font-weight:400;color:#73825c}
.learning-hero-copy>p:not(.eyebrow){font:15px/1.9 system-ui;color:var(--muted)}
.hero-actions{display:flex;gap:25px;align-items:center;margin:27px 0 18px}
.making-garden .button{border-radius:6px;padding:14px 21px;font-size:12px;line-height:1.4;display:inline-flex;gap:25px;align-items:center;justify-content:center;min-height:44px;transition:background .15s,transform .15s}
.making-garden .button:hover{background:#254b34;transform:translateY(-1px)}.making-garden .button.secondary:hover{background:#edf0e3}
.quiet-link{font:12px/1.5 system-ui;text-decoration:none;border-bottom:1px solid #c7cdbb;padding-bottom:4px}
.learning-hero-copy>.hero-detail{font-size:11px!important;display:flex;gap:8px;align-items:center}.hero-detail span{color:#a19c6a;font-size:20px}
.making-hero-art{position:relative;margin:0;min-width:0}.making-hero-art>img{width:100%;height:auto;display:block;mix-blend-mode:multiply;aspect-ratio:1.5;object-fit:cover;border-radius:44% 44% 8px 8px}
.making-hero-art figcaption{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#fff9e9e8;padding:9px 15px;border-radius:22px;font-size:12px;white-space:nowrap;border:1px solid #d9d9c1}.making-hero-art figcaption span{color:#90976e;margin-right:6px}
.making-path{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 8px;margin:0 0 36px}
.making-path>div{display:flex;align-items:flex-start;gap:12px;min-width:0}.path-number{font:italic 24px Georgia;color:#9ba38b;padding-top:2px}
.making-path h2{font-size:17px;line-height:1.4;margin:0 0 6px}.making-path p{font:11px/1.7 system-ui;color:var(--muted);margin:0;max-width:235px}.path-arrow{font-size:22px;color:#a7ae97}
.page-intro{padding:30px 8px 28px;border-top:1px solid var(--line)}.page-intro h1{font-size:44px;margin:16px 0}.page-intro>p:last-child{font:14px/1.8 system-ui;color:var(--muted);max-width:650px}
.garden-content{scroll-margin-top:20px}.garden-content>.section-head{margin:0 0 22px;align-items:end}.garden-content .section-head h2{font-size:34px;letter-spacing:-.02em;margin:7px 0 8px}.garden-content .section-head p{margin:0}
.section-index{font:10px/1.7 system-ui;color:#7d886f;letter-spacing:.14em}
.course-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-block:1px solid var(--line);margin-bottom:24px}
.course-tabs{display:flex;gap:8px;flex-wrap:wrap}.course-tabs button{border:1px solid #d3dac7;background:transparent;color:#59694e;padding:9px 14px;font-size:11px;border-radius:25px;min-height:38px}.course-tabs button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}
.course-search{position:relative;max-width:270px;width:100%;font-size:12px}.course-search input{border-radius:25px;background:#fffdf7;padding:10px 15px;font-size:12px}
.garden-content .grid{gap:22px}.project-card{padding:0;overflow:hidden;border-radius:9px;display:flex;flex-direction:column}
.project-card-image{aspect-ratio:1.65;background:#e5e9d9;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.project-card-image>img{width:100%;height:100%;object-fit:cover}.project-card-image .image-word{font:italic 30px Georgia;color:#728563}.project-card-image .image-decoration{position:absolute;font-size:125px;color:#b5bea144;right:18px;bottom:-23px}
.project-card .project-copy{padding:22px;display:flex;flex-direction:column;flex:1}.project-card h3{font-size:25px;line-height:1.2;margin:14px 0 10px}.project-card p{font:12px/1.8 system-ui;margin:0 0 15px}.project-card .badge{align-self:start;font-size:10px;padding:5px 9px}.project-card .project-facts{display:flex;gap:15px;color:#7c856f;font:10px/1.7 system-ui;margin:3px 0 20px}.project-card .project-copy>.button{align-self:start;margin-top:auto}
.course-empty{display:grid;grid-template-columns:auto 1fr;gap:23px;align-items:center;padding:33px 32px;background:#eeefe3;border:1px solid #d9dec9;border-radius:9px}.empty-glyph{display:grid;place-items:center;width:80px;height:80px;border:1px solid #c8d0b8;border-radius:50%;color:#87966e;font-size:39px;background:#f7f7ee}.course-empty h3{font-size:26px;margin:0 0 10px}.course-empty p{max-width:650px;margin:0;font:13px/1.8 system-ui;color:var(--muted)}.course-empty .quiet-link{display:inline-block;margin-top:15px}
.preview-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:23px 0 0}.path-card{border:1px solid var(--line);padding:22px;border-radius:8px;background:#f9f8f0}.path-card>span{font-size:23px;color:#87926d}.path-card h3{font-size:20px;margin:14px 0 9px}.path-card p{font:12px/1.8 system-ui;color:var(--muted);margin:0}.path-card small{display:block;margin-top:17px;font:10px system-ui;letter-spacing:.07em;color:#859076}
.making-invitation{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid var(--line);margin-top:46px;padding:36px 16px 2px}.making-invitation h2{font-size:36px;line-height:1.2;margin:14px 0}.making-invitation h2 em{color:#7b895e}.making-invitation p:not(.eyebrow){font:13px/1.8 system-ui;color:var(--muted)}
.making-footer{max-width:1216px;margin:auto;padding:32px 0;align-items:center;column-gap:28px;row-gap:20px}.making-footer .brand{font-size:24px}.making-footer .brand small{font-size:7px;margin-left:25px}.making-footer>p:not(.footer-note){font-size:11px;color:var(--muted)}.making-footer nav{margin-left:auto;gap:20px;font-size:11px}.making-footer .footer-note{width:100%;font:10px/1.8 system-ui;color:#858b7b;margin:0}.footer-note>a{float:right}
.learning-dialog{padding:28px 34px;max-width:880px;width:94vw;border-radius:12px}.learning-dialog .dialog-head{border-bottom:1px solid var(--line);padding-bottom:20px;position:sticky;top:-28px;background:var(--cream);z-index:2;gap:12px}.learning-dialog .dialog-head .eyebrow{font-size:9px;margin:4px 0 10px}.learning-dialog .dialog-head h2{font-size:32px;margin:0}.learning-dialog .dialog-head>button{border:1px solid #d3d9c7;color:#55704c;background:transparent;font-size:11px;white-space:nowrap;padding:9px 13px;border-radius:6px}
.lesson-overview{padding:20px 0 6px}.lesson-overview>p{font:13px/1.9 system-ui;color:var(--muted)}.lesson-tools{background:#edf0e4;border-radius:7px;padding:15px 18px;font:12px/1.8 system-ui;margin:16px 0}.lesson-tools strong{display:block;margin-bottom:4px}.learning-dialog .lesson h3{font-size:25px}.learning-dialog .lesson>.copy{font:14px/1.9 system-ui}.lesson-index{font:10px system-ui;letter-spacing:.1em;color:#8d977c}.learning-dialog .lesson .check{font-size:12px}
.material-match{margin:20px 0 5px;padding:22px;border:1px solid #d7ddc9;background:#f0f2e7;border-radius:8px}.material-match h3{font-size:24px}.material-match p{font:12px/1.85 system-ui;color:#6e7b60}.material-match .button{margin-top:5px}.materials-note{font-size:11px!important}
.making-garden[data-view=account] .panel{border-radius:10px}.making-garden[data-view=account] .panel>h2{font-size:29px}.making-garden[data-view=account] .form-grid{gap:17px}.making-garden[data-view=account] input,.making-garden[data-view=account] textarea,.making-garden[data-view=account] select{font-size:13px;background:#fffef9;border-color:#d3dac6}.making-garden[data-view=account] .form-grid>button{justify-self:start}.making-garden[data-view=account] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.making-garden[data-view=community] .work-image{border-radius:6px}.making-garden[data-view=community] .card{border-radius:9px}.making-garden[data-view=community] .card h3{font-size:26px}.making-garden[data-view=community] .card p{font:12px/1.8 system-ui}
@media(min-width:1450px){.making-garden main{max-width:1340px}.learning-hero h1{font-size:68px}.learning-hero{gap:45px}}
@media(max-width:1000px){.making-header nav{gap:18px}.learning-hero-copy{padding-left:0}.learning-hero h1{font-size:48px}.learning-hero-copy>p:not(.eyebrow){font-size:13px}.hero-actions{gap:14px;flex-wrap:wrap}.making-path{gap:12px}.making-path>div{gap:9px}.path-arrow{display:none}.making-path h2{font-size:15px}.making-path p{font-size:10px}.making-garden main{padding-inline:24px}.making-footer{margin-inline:24px}.making-footer nav{margin-left:0}.garden-content .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .making-header{padding:19px 20px 14px;gap:17px;align-items:stretch}.making-header .brand{font-size:26px}.making-header .brand>span{font-size:29px}.making-header .brand small{margin-left:41px}.making-header nav{gap:0;justify-content:space-between;align-items:center;font-size:11px}.making-header nav>a{padding:10px 0}.making-header nav .account-link{border:0;padding:10px 0;gap:5px}.account-link svg{width:14px}
 .making-garden main{padding:0 20px 30px}.learning-hero{grid-template-columns:1fr;gap:10px;padding:15px 0 24px}.learning-hero-copy{padding:0}.learning-hero .eyebrow{font-size:9px;margin:8px 0 16px}.learning-hero h1{font-size:46px;margin:12px 0 18px}.learning-hero-copy>p:not(.eyebrow){font-size:13px}.hero-actions{margin:20px 0 12px;gap:20px}.learning-hero-copy>.hero-detail{font-size:10px!important;margin-bottom:0}.making-hero-art{max-width:480px;width:100%;margin:auto}.making-hero-art>img{aspect-ratio:1.85;border-radius:35% 35% 6px 6px;object-position:center 58%}.making-hero-art figcaption{font-size:10px;padding:7px 12px;bottom:10px}
 .making-path{padding:20px 0;margin-bottom:28px;align-items:start;gap:15px}.making-path>div{display:block;flex:1}.path-number{font-size:19px}.making-path h2{font-size:14px;margin:9px 0 6px}.making-path p{font-size:10px}.garden-content .section-head h2{font-size:30px}.course-tools{align-items:stretch;flex-direction:column;gap:12px}.course-search{max-width:none}.course-tabs button{font-size:10px;padding:9px 12px}.garden-content .grid,.preview-paths,.making-garden[data-view=account] .grid{grid-template-columns:1fr}
 .course-empty{padding:25px 20px;grid-template-columns:1fr;gap:16px}.empty-glyph{width:56px;height:56px;font-size:28px}.course-empty h3{font-size:24px}.preview-paths{gap:12px}.path-card{padding:19px 20px}.path-card h3{margin:10px 0}.path-card small{margin-top:12px}.making-invitation{align-items:start;flex-direction:column;margin-top:32px;padding:28px 0 0;gap:12px}.making-invitation h2{font-size:31px}.page-intro{padding:22px 0}.page-intro h1{font-size:36px}.making-footer{padding:26px 0;margin-inline:20px;gap:17px}.making-footer nav{flex-wrap:wrap;gap:20px}.footer-note>a{float:none;display:block;margin-top:10px}.learning-dialog{padding:20px}.learning-dialog .dialog-head{top:-20px}.learning-dialog .dialog-head h2{font-size:25px}.material-match{padding:18px}.desktop-break{display:none}
}
@media(prefers-reduced-motion:reduce){.making-garden .button{transition:none}.making-garden .button:hover{transform:none}}

/* Dedicated learning page: one player, chapters beside it, supplies directly below. */
.making-garden[data-view=course] main{padding-top:12px;max-width:1330px}
.course-breadcrumb{display:flex;gap:10px;font:11px/1.7 system-ui;color:#78866d;margin:8px 0 22px;overflow-wrap:anywhere}
.course-heading{display:block;max-width:none;border:0;padding:0 0 28px;margin:0;background:none}
.course-heading h1{font-size:clamp(32px,3.4vw,47px);line-height:1.15;letter-spacing:-.025em;margin:12px 0}
.course-heading>div>p:not(.section-index){font:13px/1.9 system-ui;color:var(--muted);max-width:800px;margin:0 0 17px}
.course-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font:11px system-ui;color:#738067}
.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:30px;align-items:start}
.course-primary{min-width:0}.step-title{padding:18px 22px 14px;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:#fffdf7}
.step-title h2{font-size:27px;line-height:1.3;margin:9px 0 0}.step-title p{margin:0}
.course-primary #lesson-player{aspect-ratio:16/9;object-fit:contain;max-height:none;border-radius:0;margin:0;width:100%;background:#1f3026}
.active-step-notes{font:14px/1.95 system-ui;background:#fffdf7;padding:22px;border:1px solid var(--line);border-top:0}
.written-step-banner{padding:45px 25px;text-align:center;background:#e8eddc;border-inline:1px solid var(--line)}
.written-step-banner>span{font:italic 25px Georgia;color:#71835b}.written-step-banner p{font:12px/1.8 system-ui;color:#748366;margin-bottom:0}
.step-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--line);border-top:0;background:#fffdf7;border-radius:0 0 9px 9px}
.step-actions .check{font-size:12px;align-items:center}.step-actions button{border-radius:5px;font-size:11px;padding:10px 13px;min-height:40px}
.step-actions button:disabled{opacity:.4;cursor:default}
.resource-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:24px 0 0;overflow-x:auto}
.resource-tabs>button{background:transparent;color:#748267;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:11px;padding:14px 13px;white-space:nowrap;min-height:44px}
.resource-tabs>button[aria-selected=true]{color:#365d43;border-bottom-color:#365d43;background:#edf0e5}
.course-primary .material-match{margin-top:0;border-radius:0 0 9px 9px;border-top:0;padding:24px}
.course-resource{padding:26px;background:#fffdf7;border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px;font:13px/1.9 system-ui}
.course-resource h2{font-family:Georgia,serif;font-size:27px}.course-resource h3{font-family:Georgia,serif}
.course-work{border-top:1px solid var(--line);margin:15px 0;padding:16px 0}.course-work .work-image{max-height:220px}
.chapter-panel{position:sticky;top:20px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fffdf7}
.chapter-panel-heading{padding:23px 21px 15px;background:#edf0e4}.chapter-panel-heading h2{font-size:24px;line-height:1.25;margin:10px 0 12px}.chapter-panel-heading p{margin:0}.chapter-panel-heading .muted{font-size:11px}
.chapter-panel summary{padding:16px 21px;font:12px system-ui;cursor:pointer;color:#5d7350;border-bottom:1px solid var(--line)}
.chapter-list{padding:0;margin:0;list-style:none;max-height:430px;overflow:auto}.chapter-list li+li{border-top:1px solid #e5e7da}
.chapter-list button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;border-left:3px solid transparent;border-radius:0;background:transparent;color:#65775a;padding:17px 13px;font:12px system-ui;min-height:68px}
.chapter-list button[aria-current=step]{border-left-color:#527547;background:#e9efde}.chapter-list button:hover{background:#f0f3e8}
.chapter-number{font:italic 19px Georgia;color:#94a17e}.chapter-copy{flex:1;min-width:0}.chapter-copy strong{font-weight:500;line-height:1.5;display:block}.chapter-copy small{display:block;font-size:10px;color:#8a947e;margin-top:5px}.chapter-check{min-width:14px;color:#5c804d}
.chapter-help{padding:19px 21px;border-top:1px solid var(--line);background:#f5f5eb}.chapter-help strong{font:12px system-ui}.chapter-help p{font:11px/1.9 system-ui;color:#77836a;white-space:pre-wrap}.chapter-help a{font:11px/1.7 system-ui}
.chapter-account{padding:0 21px 20px;font:11px/1.9 system-ui;color:#819073}
/* Keep the introduction compact enough for the first project row to follow early. */
@media(min-width:1001px){.learning-hero{padding:5px 0 22px;grid-template-columns:1.05fr 1fr}.learning-hero h1{font-size:clamp(44px,4vw,58px);margin:16px 0}.learning-hero-copy{padding-block:8px}.making-hero-art{max-width:540px;justify-self:end}.making-hero-art>img{max-height:330px;object-fit:cover;object-position:50% 56%;aspect-ratio:1.64}.making-path{padding-block:20px;margin-bottom:28px}}
@media(max-width:1000px){.course-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.chapter-panel-heading{padding:18px}.chapter-panel-heading h2{font-size:21px}.course-heading h1{font-size:35px}}
@media(max-width:760px){.course-layout{display:flex;flex-direction:column;gap:22px}.course-primary{width:100%}.chapter-panel{position:static;width:100%}.chapter-panel-heading h2{font-size:23px}.chapter-list{max-height:300px}.course-heading{padding-bottom:22px}.course-meta{gap:10px;font-size:10px}.course-breadcrumb{font-size:10px}.course-heading h1{font-size:32px}.step-title{padding:17px}.step-title h2{font-size:23px}.active-step-notes{padding:18px;font-size:13px}.step-actions{padding:17px;gap:15px}.resource-tabs>button{font-size:10px;padding-inline:10px}.course-primary .material-match,.course-resource{padding:20px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.path-card button.quiet-link{background:none;border:0;border-bottom:1px solid #c7cdbb;border-radius:0;padding:4px 0;margin-top:15px;color:#496142;font-size:11px;min-height:32px}.project-card-image>video{width:100%;height:100%;object-fit:cover;pointer-events:none}

@media(max-width:760px){.course-primary{display:contents}#current-lesson{order:0;width:100%}.chapter-panel{order:1}.resource-tabs{order:2;width:100%;margin-top:0}.course-layout>[role=tabpanel],.course-primary>[role=tabpanel]{order:3;width:100%}}

.path-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.guide-illustration{margin:0;aspect-ratio:1.6;overflow:hidden;border-bottom:1px solid var(--line);background:#e8ebdd}.guide-illustration img{width:100%;height:100%;display:block;object-fit:cover}.guide-copy{padding:19px 22px 20px;display:flex;flex-direction:column;flex:1}.guide-copy h3{margin:0 0 10px}.guide-copy button{align-self:start;margin-top:auto!important;padding-top:14px!important;min-height:44px!important}@media(max-width:700px){.path-card{padding:0}.guide-illustration{max-height:235px}.guide-copy{padding:20px}}

.step-note-disclosure{background:#fffdf7;border-inline:1px solid var(--line)}.step-note-disclosure>summary{padding:16px 22px;cursor:pointer;font:12px/1.7 system-ui;color:#65785b;border-bottom:1px solid var(--line);min-height:44px}.step-note-disclosure .active-step-notes{border:0}