:root{font-family:"Segoe UI",sans-serif;color:#24372e;background:#fff;--primary:#0f5e47;--surface:#edf2e9;--cream:#f5f1e6;--dark:#173f32;--on-dark:#fff;--radius:16px}*{box-sizing:border-box}[hidden]{display:none!important}:root[data-theme=blue]{--primary:#203f76;--surface:#eaf0f5;--cream:#f2efe8;--dark:#20364d}body{margin:0;font-size:16px;line-height:1.65}.shell{max-width:1240px;padding:24px 40px;margin:auto}a{color:var(--primary);text-underline-offset:4px}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.4rem,4.6vw,4.2rem);font-weight:750;margin:.4em 0}h2{font-size:clamp(1.9rem,3vw,2.8rem);margin:.3em 0 .6em}h3{font-size:1.5rem}h4{font-size:1.15rem}button{font:inherit;font-weight:650;cursor:pointer;background:var(--primary);color:#fff;border:2px solid var(--primary);border-radius:8px;padding:12px 20px;min-height:48px}button:hover{filter:brightness(.91)}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus{outline:3px solid #1d4ed8;outline-offset:4px;box-shadow:0 0 0 2px #fff}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:2000}.skip:focus{top:8px}.masthead{display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:.85rem}.brand{font-size:1.5rem;font-weight:800;text-decoration:none;letter-spacing:-.05em}.demo{font-size:.65rem;letter-spacing:.1em;color:#4b5563}.hero{background:linear-gradient(115deg,var(--surface),var(--cream));overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;min-height:490px;gap:40px;padding-top:44px;padding-bottom:48px}.lead{max-width:560px;font-size:1.1rem;color:#4a5a50}.eyebrow{font-size:.68rem;letter-spacing:.17em;font-weight:800;color:var(--primary)}.small{font-size:.78rem;color:#526055}.hero-art{position:relative;height:310px;border:1px solid #b9c9b0;border-radius:50%;background:#e1e9da80}.hero-art span{position:absolute;bottom:44px;left:48px;font-family:Georgia,serif;font-style:italic;font-size:1.6rem;color:var(--primary);z-index:1}.leaf{position:absolute;width:130px;height:65px;border:1px solid #8da58e;border-radius:100% 0 100% 0;transform:rotate(25deg);background:#d5e2c880}.leaf-one{left:60px;top:40px}.leaf-two{right:20px;top:110px;transform:rotate(-15deg)}.leaf-three{left:20px;top:145px}.section-heading{text-align:center}.garden{padding-top:65px;padding-bottom:60px}.steps{display:flex;justify-content:center;gap:30px;counter-reset:step;padding:0;margin:32px 0;list-style:none;font-size:.8rem;font-weight:600}.steps li{counter-increment:step}.steps li:before{content:counter(step);border:1px solid #bbc8ba;border-radius:50%;display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;color:var(--primary)}.game{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);gap:20px;padding:16px;border:1px solid #dfe5dc;border-radius:22px;box-shadow:0 18px 50px #173f3210;align-items:start}.scene{position:relative;border-radius:14px;overflow:hidden;background:var(--surface)}.scene img{width:100%;height:auto;display:block}.hotspot{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;padding:0;border-radius:50%;border:3px solid white;box-shadow:0 0 0 7px #ffffff40,0 4px 15px #172e3b40;font-size:1.2rem}.spot-lupin{left:18%;top:75%}.spot-parkslide{left:28%;top:49%}.spot-gullris{left:74%;top:64%}.spot-vresros{left:88%;top:84%}.hotspot.completed{background:#fff;color:var(--primary);border-color:var(--primary)}.plant-panel{background:var(--cream);border-radius:14px;padding:25px;min-width:0}progress{width:100%;height:8px;accent-color:var(--primary)}#species-title{margin-bottom:8px}.scientific{font-style:italic;font-family:Georgia,serif;color:#536154;margin:0 0 12px}#species-image{display:block;height:125px;width:100%;object-fit:contain;background:var(--surface);border-radius:10px}#species-image.scene-crop{object-fit:cover;height:135px}fieldset{border:0;margin:20px 0;padding:0;min-width:0}legend{font-weight:650;line-height:1.45}.answer{display:block;text-align:left;width:100%;margin:10px 0;background:#fff;color:var(--primary);font-size:.9rem;padding:10px 12px}#feedback{background:#e0eada;padding:16px;margin-bottom:18px;border-left:4px solid var(--primary)}#next{width:100%;margin-bottom:10px}.secondary{background:transparent;color:var(--primary)}#back{font-size:.85rem;width:100%;border-color:#a3b19e}.local{margin-top:35px;padding:25px 0;border-top:1px solid #d7e2dc}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.cards>article,.cards>div{padding:22px;border:1px solid #dfe5dc;border-radius:12px}.cards h3{font-size:1.15rem}.map-section{background:var(--surface);padding:45px 0}.map-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.map-consent{display:flex;align-items:center;gap:24px;margin:24px 0}.map-consent p{max-width:640px}#map{height:400px;border-radius:14px;border:1px solid #a4b69e;z-index:0}.map-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.map-list li{background:#fff;border-radius:12px;padding:24px;overflow-wrap:anywhere}.map-list h4{margin:0 0 12px}.map-list p{margin:8px 0}.map-list .source-link{display:block;margin-top:14px}.section{padding-top:72px;padding-bottom:72px}.environments article{background:linear-gradient(130deg,var(--surface),var(--cream));min-height:195px;padding-top:35px}.environments span,.actions span{font-size:.7rem;font-weight:bold;letter-spacing:.12em}.why{background:var(--cream);padding:45px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.dark{background:var(--dark);color:var(--on-dark);padding:48px 0}.dark .eyebrow,.dark .scientific{color:#d3dfca}.dark .cards>div{background:#ffffff0b;border-color:#ffffff24}.dark h3{margin-top:0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}details{padding:16px 0;border-bottom:1px solid #d7e2dc}summary{cursor:pointer;font-weight:650;min-height:32px}footer{padding-top:30px!important;padding-bottom:40px!important}footer>a{display:inline-block;margin-top:24px}footer p{overflow-wrap:anywhere}.leaflet-control-attribution a{color:#174574}:root[data-mode=embed] .hosted-only,:root[data-mode=embed] .hero-art,:root[data-mode=embed] .masthead>a:last-child{display:none}:root[data-mode=embed] .hero-inner{display:block;min-height:0;padding-top:16px;padding-bottom:20px}:root[data-mode=embed] h1{font-size:2.3rem}:root[data-mode=embed] .garden{padding-top:30px}:root[data-mode=embed] .hero .lead{max-width:750px}@media(max-width:900px){.game{grid-template-columns:1fr}.plant-panel{padding:22px}.hero-inner{gap:15px}.hero-art{height:260px}.shell{padding-left:25px;padding-right:25px}.cards.actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{padding-left:18px;padding-right:18px}.masthead{flex-wrap:wrap;gap:5px 20px}.masthead>a:last-child{display:none}.hero-inner{display:block;min-height:0;padding-top:25px;padding-bottom:25px}.hero-art{display:none}.garden{padding-top:38px}.steps{gap:10px;flex-wrap:wrap;font-size:.72rem}.steps li:before{width:22px;height:22px;margin-right:4px}.game{padding:8px;gap:12px}.hotspot{width:44px;height:44px;min-height:44px;box-shadow:0 0 0 3px #ffffff70}.plant-panel{padding:20px}.section{padding-top:45px;padding-bottom:45px}.split,.faq{grid-template-columns:1fr;gap:15px}.map-consent{display:block}.map-tabs button{flex:1}.map-list{grid-template-columns:1fr}.map-list li{padding:18px}.cards{grid-template-columns:1fr}.cards.actions{grid-template-columns:1fr 1fr}.cards>article{padding:16px}.map-tabs button{font-size:.85rem;padding:10px}.dark{padding:25px 0}#map{height:300px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@font-face{font-family:Manrope;src:url(/vendor/Manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}:root{font-family:Manrope,"Segoe UI",sans-serif}
.cards>*{min-width:0;overflow-wrap:anywhere}@media(max-width:400px){.cards.actions{grid-template-columns:1fr}}
#scene-choice{margin:20px 0}#scene-choice label{font-weight:650;margin-right:12px}#scene-select{font:inherit;padding:12px;max-width:100%;border:1px solid var(--primary);border-radius:8px}#scene-select:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}

.slot-logo{width:150px;height:60px;object-fit:contain;vertical-align:middle}.brand{display:flex;gap:12px;align-items:center}.hero-slot{margin:0;min-width:0}.hero-slot img{width:100%;aspect-ratio:16/9;object-fit:contain}.slot-card{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.slot-card[hidden]+[data-credit]{display:none}#species-image,#species-image.scene-crop{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}#garden-image{object-fit:contain;height:auto}:root[data-mode=embed] .hero-slot{max-width:500px;margin:20px auto 0}@media(max-width:600px){.hero-slot{margin-top:20px}.slot-logo{width:110px;height:44px}}

.guide-text{white-space:pre-wrap}.guide-photo{width:100%;max-height:360px;object-fit:contain}.guide-article{min-width:0;overflow-wrap:anywhere}

html[data-general="true"] #guidance,html[data-general="true"] .municipal-only{display:none!important}#municipality-list{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0}#municipality-list a{display:block;padding:12px 18px;border:1px solid currentColor;border-radius:8px}#address-notice{padding:16px;border-left:4px solid #0f5e47;background:#f0f6ef}

.view-nav{display:flex;flex-wrap:wrap;gap:8px;padding-top:18px;padding-bottom:18px}.view-nav a,.view-nav button{font-size:.9rem;padding:12px 16px;white-space:normal}.view-nav [aria-selected=false]{background:white;color:var(--primary);border-color:#becbbf}.view-nav [aria-selected=true]{background:var(--primary);color:white}#quick-help{padding-top:28px;padding-bottom:32px}#help-species{display:block;font:inherit;max-width:100%;padding:12px;margin:8px 0 20px;border:1px solid #829886;border-radius:8px}#help-article{max-width:850px;overflow-wrap:anywhere}#help-local{margin-top:24px}:root[data-mode=embed] .hero-inner{padding-bottom:12px}:root[data-mode=embed] .hero .small,:root[data-mode=embed] #start{display:none}:root[data-mode=embed] .section{padding-top:24px}:root[data-mode=embed]{scroll-behavior:auto}@media(max-width:600px){.view-nav{display:grid;grid-template-columns:1fr 1fr}.view-nav button:first-child{grid-column:1/-1}.view-nav button{font-size:.86rem;padding:10px 8px}.view-nav a{padding:6px}#help-species{width:100%}}

:root[data-palette=true] body{background:var(--background);color:var(--text)}:root[data-palette=true] a,:root[data-palette=true] .eyebrow{color:var(--link)}:root[data-palette=true] button{color:var(--on-primary)}:root[data-palette=true] .hero,:root[data-palette=true] .why,:root[data-palette=true] .plant-panel{background:var(--surface)}:root[data-palette=true] .lead,:root[data-palette=true] .small,:root[data-palette=true] .scientific,:root[data-palette=true] .demo{color:inherit}:root[data-palette=true] .dark a,:root[data-palette=true] .dark .eyebrow{color:var(--on-dark)}:root[data-palette=true] .answer,:root[data-palette=true] .secondary,:root[data-palette=true] .view-nav [aria-selected=false]{background:var(--background);color:var(--link)}:root[data-palette=true] .view-nav [aria-selected=true]{color:var(--on-primary)}:root[data-palette=true] .map-list li{background:var(--background)}
:root[data-palette=true] #feedback{background:var(--surface);color:var(--text)}:root[data-palette=true] .hotspot.completed{background:var(--primary);color:var(--on-primary)}

/* Knowledge guide: one shared article, natural image proportions and readable measure. */
#art-guide a,#art-guide .small{color:var(--on-dark)}#guide-search{background:var(--background,#fff);color:var(--text,#24372e)}
#guide-search{display:block;width:min(100%,36rem);padding:.8rem;margin-top:.5rem}#guide-detail{max-width:76rem;margin:auto}#guide-detail h3{font-size:clamp(1.6rem,4vw,2.5rem)}#guide-detail .guide-text{max-width:72ch;line-height:1.75;white-space:pre-line}#guide-detail h4{font-size:1.3rem;margin-top:2rem}.guide-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem}.guide-gallery figure{margin:0;min-width:0}.guide-gallery .guide-photo{width:100%;height:auto;max-height:540px;object-fit:contain}.guide-summary{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.guide-article[hidden]{display:none}#guide-detail a{overflow-wrap:anywhere}#guide-detail details{margin-top:2rem}#guide-detail button{margin-bottom:1.5rem}

#quick-help>label{display:block;margin-top:1rem}#help-situation,#help-material{display:block;font:inherit;background:var(--background,#fff);color:var(--text,#24372e);border:1px solid #a9bdb0;border-radius:.5rem;padding:.75rem;width:min(100%,32rem);margin:.4rem 0 1rem}#help-journey,#help-reporting{margin-top:1.5rem;padding:1.25rem;border:1px solid #d5dfd8;border-radius:.75rem}#help-journey:empty{display:none}#help-journey p{max-width:72ch;white-space:pre-line}#help-reporting a{display:inline-block;padding:.5rem 0}#help-reporting details a{display:block}#quick-help [hidden]{display:none}

:root[data-font-body=manrope] body{font-family:Manrope,"Segoe UI",sans-serif}
:root[data-font-body=system] body{font-family:system-ui,"Segoe UI",sans-serif}
:root[data-font-body=arial] body{font-family:Arial,Helvetica,sans-serif}
:root[data-font-body=georgia] body{font-family:Georgia,"Times New Roman",serif}
:root[data-font-heading=manrope] h1,:root[data-font-heading=manrope] h2,:root[data-font-heading=manrope] h3,:root[data-font-heading=manrope] h4,:root[data-font-heading=manrope] h5,:root[data-font-heading=manrope] h6{font-family:Manrope,"Segoe UI",sans-serif}
:root[data-font-heading=system] h1,:root[data-font-heading=system] h2,:root[data-font-heading=system] h3,:root[data-font-heading=system] h4,:root[data-font-heading=system] h5,:root[data-font-heading=system] h6{font-family:system-ui,"Segoe UI",sans-serif}
:root[data-font-heading=arial] h1,:root[data-font-heading=arial] h2,:root[data-font-heading=arial] h3,:root[data-font-heading=arial] h4,:root[data-font-heading=arial] h5,:root[data-font-heading=arial] h6{font-family:Arial,Helvetica,sans-serif}
:root[data-font-heading=georgia] h1,:root[data-font-heading=georgia] h2,:root[data-font-heading=georgia] h3,:root[data-font-heading=georgia] h4,:root[data-font-heading=georgia] h5,:root[data-font-heading=georgia] h6{font-family:Georgia,"Times New Roman",serif}
:root[data-font-button=manrope] button,:root[data-font-button=manrope] input,:root[data-font-button=manrope] select,:root[data-font-button=manrope] textarea{font-family:Manrope,"Segoe UI",sans-serif}
:root[data-font-button=system] button,:root[data-font-button=system] input,:root[data-font-button=system] select,:root[data-font-button=system] textarea{font-family:system-ui,"Segoe UI",sans-serif}
:root[data-font-button=arial] button,:root[data-font-button=arial] input,:root[data-font-button=arial] select,:root[data-font-button=arial] textarea{font-family:Arial,Helvetica,sans-serif}
:root[data-font-button=georgia] button,:root[data-font-button=georgia] input,:root[data-font-button=georgia] select,:root[data-font-button=georgia] textarea{font-family:Georgia,"Times New Roman",serif}

.visual-edit-button{font:600 13px/1.3 system-ui!important;padding:6px 10px!important;margin:4px!important;min-height:32px;border-radius:6px!important;width:auto!important;max-width:100%;flex:0 0 auto}
:root[data-mode=hosted]{scroll-padding-top:var(--section-nav-height,100px)}
:root[data-mode=hosted] .view-nav{position:sticky;top:0;z-index:900;background:var(--background,#fff);box-shadow:0 2px 5px #0002}
:root[data-mode=hosted] .section,:root[data-mode=hosted] h2,:root[data-mode=hosted] h3{scroll-margin-top:var(--section-nav-height,100px)}
.view-nav [aria-current=location]{text-decoration:underline;text-decoration-thickness:3px;font-weight:800}
#section-menu{display:none}
@media(max-width:600px){:root[data-mode=hosted] .view-nav{padding-top:8px;padding-bottom:8px;display:block}:root[data-mode=hosted] #section-menu{display:block;width:100%}:root[data-mode=hosted] .view-nav a{display:none}:root[data-mode=hosted] .view-nav.nav-expanded{display:grid;grid-template-columns:1fr 1fr}:root[data-mode=hosted] .view-nav.nav-expanded a{display:block}}