/* Readable controls and restrained feedback, retaining the storybook palette. */
.making-garden{--muted:#56634f;--ui-ease:cubic-bezier(.22,1,.36,1);--ui-radius:12px;--focus:#355c40;--caption:#5d6955}
.making-garden :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.making-garden button{touch-action:manipulation}
.making-header{padding-block:20px;min-height:88px}
.making-header nav{font-size:14px;gap:28px}
.making-header nav>a{display:inline-flex;align-items:center;min-height:44px}
.making-header .brand small{font-size:9px;color:var(--caption)}
.making-garden .preview{font-size:12px;line-height:1.5}
.learning-hero.gift-hero{min-height:0;gap:40px;padding-block:24px 32px}
.learning-hero-copy{padding-left:0}
.learning-hero h1{max-width:560px;text-wrap:balance}
.learning-hero .eyebrow{font-size:11px;color:var(--caption)}
.learning-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:480px}
.learning-hero-copy>.hero-detail{font-size:13px!important;color:var(--caption)}
.hero-actions{margin-block:24px 16px}
.making-garden .button{font-size:14px;min-height:48px;border-radius:8px;padding:14px 20px;gap:20px;transition:background-color 160ms ease,box-shadow 160ms ease,transform 160ms var(--ui-ease)}
.gift-hero .hero-actions .secondary{border-color:#a4b397;background:#f7f5ed}
.making-hero-art figcaption{font-size:13px;color:#40533b;max-width:90%;white-space:normal;text-align:center;line-height:1.5}
.quiet-link{font-size:14px;line-height:1.6;color:#35573e}
.making-path{gap:24px;padding-block:24px}
.making-path h2{font-size:18px;line-height:1.4}
.making-path p{font-size:14px;line-height:1.6;max-width:270px}
.making-garden .muted{font-size:15px;color:var(--muted)}
.section-index{font-size:11px;color:var(--caption);letter-spacing:.1em}
.project-card p,.path-card p,.course-empty p,.making-invitation p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted)}
.project-card .project-facts{font-size:13px;flex-wrap:wrap;color:var(--caption)}
.project-card .badge{font-size:12px;color:#526645}
.course-tabs button{font-size:13px;min-height:44px;padding:10px 16px;transition:background-color 160ms,color 160ms,border-color 160ms}
.course-tabs button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #fff5}
.course-search input{font-size:16px;min-height:44px}
.project-card,.path-card{border-radius:var(--ui-radius);transition:transform 180ms var(--ui-ease),box-shadow 180ms ease,border-color 180ms ease}
.guide-copy button.quiet-link{font-size:14px;min-height:44px!important;color:#35573e}
.course-empty{border-radius:var(--ui-radius)}
.making-footer nav,.making-footer>p:not(.footer-note){font-size:13px;color:var(--caption)}
.making-footer nav>a{display:inline-flex;align-items:center;min-height:44px}
.making-footer .footer-note{font-size:12px;color:var(--caption)}
.making-footer .brand small{font-size:9px}
.course-breadcrumb,.course-meta{font-size:13px;color:var(--caption)}
.course-heading>div>p:not(.section-index){font-size:16px;line-height:1.7}
.active-step-notes,.course-resource{font-size:16px;line-height:1.75}
.step-note-disclosure>summary,.chapter-panel summary{font-size:14px;min-height:44px}
.step-actions .check{font-size:14px;min-height:44px}
.step-actions button,.resource-tabs>button{font-size:14px;min-height:44px}
.chapter-list button{font-size:14px;color:#485f3d}
.chapter-number{color:#657a52}
.chapter-copy small{font-size:12px;color:var(--caption)}
.chapter-panel-heading .muted,.chapter-account,.chapter-help p,.chapter-help a{font-size:13px;color:var(--caption)}
.chapter-help strong{font-size:14px}
.material-match p{font-size:15px;color:var(--muted)}
.material-match .materials-note{font-size:13px!important}
.learning-dialog .dialog-head>button{font-size:14px;min-height:44px}
.lesson-overview>p,.learning-dialog .lesson>.copy{font-size:16px;line-height:1.75}
.lesson-tools{font-size:14px}
.intro-skip{font-size:14px;border-color:#b9c4aa;transition:background-color 150ms,transform 150ms var(--ui-ease)}
.intro-brand>span{font-size:9px;color:var(--caption)}
.intro-copy>span{font-size:15px;color:var(--caption)}
.intro-copy em{color:#596d48}
.intro-footer{font-size:13px;color:var(--caption)}
.gift-intro{transition:opacity 280ms ease}
.gift-intro .gift-box{transition:transform 800ms var(--ui-ease)}
.gift-intro .gift-lid{transition:transform 800ms var(--ui-ease),opacity 600ms ease;transform-origin:15% 90%}
.gift-intro .intro-art.is-open .gift-lid{opacity:.95;transform:translate(-12%,-104px) rotate(-16deg)}
.gift-intro .intro-art.is-open .gift-box{transform:translateY(5%) scale(.97)}
.intro-copy{transition:opacity 360ms ease,transform 450ms var(--ui-ease);transform:translateY(8px)}
/* The opening suggests possibilities rather than presenting tools or a prize. */
.intro-glow{position:absolute;left:17%;top:12%;width:66%;height:65%;border-radius:50%;background:radial-gradient(ellipse,#fff8dcbb, #edd4a133 48%,transparent 72%);opacity:0;transform:translateY(15px) scale(.9);transition:opacity 650ms ease,transform 800ms var(--ui-ease);pointer-events:none}
.is-open .intro-glow{opacity:1;transform:translateY(-12px) scale(1)}
@media(hover:hover) and (pointer:fine){
 .project-card:hover,.path-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2947380c;border-color:#bbc6ac}
 .making-header nav>a:hover{color:#294b34;background-color:#e9edde66}
 .making-garden .button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #29473816}
}
.making-garden .button:active,.intro-skip:active{transform:translateY(0) scale(.98);box-shadow:none}
@media(max-width:1000px){.making-header nav{gap:18px}.learning-hero.gift-hero{gap:24px}.making-path{gap:20px}.making-path p{font-size:13px}}
@media(max-width:700px){
 .making-header{padding:18px 20px 12px;gap:16px}.making-header nav{gap:8px;font-size:13px;flex-wrap:wrap}.making-header nav .account-link{min-height:44px}
 .learning-hero.gift-hero{gap:24px;padding-block:16px 28px}.learning-hero h1{font-size:clamp(36px,10vw,46px)}
 .learning-hero-copy>p:not(.eyebrow){font-size:16px}.hero-actions{gap:12px}.hero-actions .button{flex:1 1 145px}
 .gift-hero .hero-actions .button{font-size:14px;min-height:48px;padding:13px 16px}
 .making-path{flex-direction:column;gap:18px;padding-block:24px}.making-path>div{display:flex;gap:16px;align-items:start;width:100%}.making-path h2{font-size:18px;margin:0 0 4px}.making-path p{font-size:14px;max-width:none}.path-number{font-size:21px;min-width:28px}
 .making-garden .preview{font-size:11px;flex-wrap:wrap;gap:4px 12px}.making-hero-art>img{max-height:260px}
 .intro-skip{font-size:13px}.intro-copy>span{font-size:14px}.intro-footer{font-size:12px}.intro-copy{min-height:145px}
 .gift-intro .intro-art.is-open .gift-lid{transform:translate(-9%,-80px) rotate(-16deg)}
 .resource-tabs>button{font-size:13px;padding-inline:12px}.course-heading h1{font-size:32px}
}
@media(max-height:600px) and (min-width:701px){.gift-intro .intro-art.is-open .gift-lid{transform:translate(-10%,-55px) rotate(-16deg)}}
@media(prefers-reduced-motion:reduce){
 .making-garden .button,.intro-skip,.project-card,.path-card,.intro-copy,.intro-glow{transition:none!important}
 .making-garden .button:hover,.making-garden .button:active,.project-card:hover,.path-card:hover{transform:none!important}
}