/* Language choices stay visible even when the phone navigation is closed. */
.header-inner .brand{order:0}
.header-nav{order:1;margin-left:auto;gap:24px}
.language-switch{order:2;display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #cad6c3;border-radius:100px;flex:0 0 auto;background:#f4f6ed}
.language-switch a{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:6px 8px;border-radius:100px;text-decoration:none;font-size:.7rem;font-weight:650;line-height:1;color:#53684f}
.language-switch a[aria-current=page]{background:var(--green);color:var(--white)}
.language-switch a:hover:not([aria-current=page]){background:#e3ebdc}
.menu-toggle{order:3;flex:0 0 auto}
html[lang=de] h1,html[lang=de] h2,html[lang=de] h3{overflow-wrap:break-word;hyphens:auto}
html[lang=de] .hero-copy h1{font-size:clamp(3.55rem,5.8vw,6.1rem)}
html[lang=de] .hero-copy h1 .serif-italic{hyphens:none}
html[lang=de] .simple-page h1{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:1.2}
html[lang=de] .hero-caption{max-width:133px}
html[lang=de] .footer-nav{column-gap:20px;row-gap:10px;max-width:750px;justify-content:flex-end}
html[lang=de] .app-links a{padding:10px 7px;text-align:center;line-height:1.4;min-width:0}
html[lang=de] .app-links a svg{flex:0 0 24px}
html[lang=de] .garden-art figcaption{gap:12px;flex-wrap:wrap}
html[lang=de] .chapter-number{line-height:1.7}
@media(min-width:801px) and (max-width:1000px){.header-inner{gap:14px}.header-nav{gap:15px}.header-nav a{font-size:.75rem}.header-nav .button{padding:11px 14px}.brand img{width:100px}.language-switch a{min-width:32px}}
@media(max-width:800px){.header-inner{gap:12px}.language-switch{margin-left:auto}.header-nav{margin-left:0;gap:0}.language-switch a{min-height:38px;min-width:38px}.footer-top{gap:16px}html[lang=de] .footer-nav{max-width:290px;gap:10px 18px}html[lang=de] .hero-copy h1{font-size:clamp(3.25rem,9.8vw,5rem)}html[lang=de] .hero-meta{flex-wrap:wrap;line-height:1.6}html[lang=de] .hero-caption{max-width:116px}}
@media(max-width:430px){html[lang=de] .hero-copy h1{font-size:3.3rem}html[lang=de] .hero-copy .button{padding:13px 15px}html[lang=de] .app-links a{font-size:.65rem}html[lang=de] .footer-top{flex-wrap:wrap}html[lang=de] .footer-nav{max-width:100%;justify-content:flex-start;column-gap:18px}html[lang=de] .hero-caption{font-size:.95rem;max-width:100px}html[lang=de] .floating-note{max-width:calc(100% - 16px)}html[lang=de] .floating-note span{font-size:1.12rem}html[lang=de] .floating-note small{font-size:.61rem}}
@media(max-width:360px){.header-inner{gap:9px}.language-switch a{min-width:33px;min-height:36px}.brand img{width:84px}html[lang=de] .hero-copy h1{font-size:2.9rem}html[lang=de] .hero-caption{max-width:65px;font-size:.78rem;left:-3px;top:26px}html[lang=de] .hero-copy .button{padding:12px;font-size:.73rem}html[lang=de] .simple-page h1{font-size:2.3rem}}

/* Policy pages retain readable headings and links at narrow widths and browser zoom. */
.app-policy .policy-contents a{overflow-wrap:anywhere}
.app-policy .review-notice{margin:0 0 22px;line-height:1.65}
.app-policy .review-notice strong{display:block;margin-bottom:6px}
.app-policy h1{overflow-wrap:break-word;hyphens:auto}
.footer-nav a{max-width:100%;overflow-wrap:anywhere}
@media(max-width:430px){.app-policy~.site-footer .footer-top{flex-wrap:wrap}.app-policy~.site-footer .footer-nav{max-width:100%;justify-content:flex-start}}

/* Genuine uploaded screenshots: CSS presentation only, no altered image pixels. */
.screenshot-crop{display:block;position:relative;overflow:hidden;width:100%;isolation:isolate}
.screenshot-crop img{position:absolute;max-width:none!important;height:auto!important;display:block;border-radius:0!important}
.crop-hero-nutrients{aspect-ratio:688/1296}.crop-hero-nutrients img{width:100.00000000%!important;left:0.00000000%;top:-7.25308642%}
.crop-vitamins{aspect-ratio:565/526}.crop-vitamins img{width:121.76991150%!important;left:-10.97345133%;top:-17.87072243%}
.crop-minerals{aspect-ratio:565/746}.crop-minerals img{width:121.76991150%!important;left:-10.97345133%;top:-86.32707775%}
.crop-garden{aspect-ratio:564/616}.crop-garden img{width:121.98581560%!important;left:-10.99290780%;top:-42.20779221%}
.crop-goals{aspect-ratio:640/1214}.crop-goals img{width:107.50000000%!important;left:-3.75000000%;top:-24.21746293%}
.screen-crop-label{display:block;padding:12px 15px 10px;background:#e9f2e4;font-family:var(--serif);font-size:1.2rem;color:var(--ink)}
.screenshot-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px}.screenshot-actions .screen-link,.garden-shop-link{display:inline-flex}.garden-shop-link{margin-top:22px}.garden-art>.screen-link{width:100%}.garden-art .screenshot-crop{border-radius:23px}.goal-panel .screenshot-crop{border-radius:23px}
@media(max-width:430px){.screen-crop-label{font-size:1rem;padding:10px 12px 8px}.garden-art .screenshot-crop{border-radius:18px}}
@media(max-width:360px){html[lang=de] .goal-stage:before{left:-12px;right:-12px}}

/* Spanish copy uses the original English app views, with room for longer labels. */
html[lang=es] h1,html[lang=es] h2,html[lang=es] h3{overflow-wrap:break-word;hyphens:auto}
html[lang=es] .hero-copy h1 .serif-italic{hyphens:none}
html[lang=es] .simple-page h1{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:1.2}
html[lang=es] .footer-nav{column-gap:20px;row-gap:10px;max-width:750px;justify-content:flex-end}
html[lang=es] .app-links a{padding:10px 7px;text-align:center;line-height:1.4;min-width:0}
html[lang=es] .app-links a svg{flex:0 0 24px}
html[lang=es] .garden-art figcaption{gap:12px;flex-wrap:wrap}
html[lang=es] .chapter-number{line-height:1.7}
@media(max-width:800px){html[lang=es] .footer-nav{max-width:290px;gap:10px 18px}html[lang=es] .hero-meta{display:block;line-height:1.6}html[lang=es] .hero-meta .dot{display:inline-block;vertical-align:middle;margin-right:7px}}
@media(max-width:430px){html[lang=es] .hero-copy h1{font-size:3.3rem}html[lang=es] .app-links a{font-size:.65rem}html[lang=es] .footer-top{flex-wrap:wrap}html[lang=es] .footer-nav{max-width:100%;justify-content:flex-start;column-gap:18px}html[lang=es] .floating-note{max-width:calc(100% - 16px)}html[lang=es] .floating-note small{font-size:.61rem}}
@media(max-width:360px){html[lang=es] .hero-copy h1{font-size:2.6rem}html[lang=es] .hero-caption{max-width:65px;font-size:.78rem;left:-3px;top:26px}html[lang=es] .goal-stage:before{left:-12px;right:-12px}}