@charset "UTF-8";
:root{--ink:#172f39;--muted:#64706e;--paper:#f6f1e7;--white:#fffdf7;--line:#e5e0d4;--forest:#294b37;--indigo:#263f60;--red:#b94830;--orange:#c86b3d;--gold:#b89d66;--mint:#dce9d2;--radius:22px;--shadow:0 14px 36px rgba(30,45,39,.09);--body-size:15.5px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);font-size:var(--body-size);background:#eee9df;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}svg{flex-shrink:0}.ico{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ico.small{height:16px;width:16px}.svg-sprite{position:absolute;opacity:0;pointer-events:none;width:0;height:0;overflow:hidden}::selection{background:#c8dbbb;color:#172f39}.page-pattern{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 25%,#dde2d3 0,transparent 30%),radial-gradient(circle at 86% 65%,#ebd5c5 0,transparent 30%),#eee9df}.app-layout{width:min(100%,650px);margin:0 auto;min-height:100dvh;background:var(--paper);position:relative;box-shadow:0 5px 55px rgba(32,46,34,.15);padding-bottom:calc(96px + env(safe-area-inset-bottom))}.mobile-edge{padding:0 20px}.topbar{height:90px;background:#f8f5ec;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e7e1d7;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand-group{display:flex;align-items:center;gap:12px}.brand-mark{height:44px;width:44px;flex-shrink:0;background:#182e3c;border-radius:16px;position:relative;box-shadow:0 8px 18px #1a35442a;overflow:hidden}.brand-dot{position:absolute;border-radius:50%;height:23px;width:23px;top:14px;border:2px solid #d1c094}.brand-dot.blue{background:#314668;left:7px}.brand-dot.red{background:#c75030;right:6px}.brand-sprout{color:#d2d7a6;position:absolute;left:18px;top:3px;font-size:16px;line-height:1}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:14px;letter-spacing:.055em;font-weight:900}.brand-copy em{font-family:Georgia,serif;font-weight:400;font-size:15px}.brand-copy small{margin-top:4px;color:#7c7f74;font-size:9px;letter-spacing:.14em;font-weight:750}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{border:1px solid #e3ded3;background:#fffdf8;color:#31423f;border-radius:50%;height:39px;width:39px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #102a2712}.text-switch{font-weight:850;font-size:17px;letter-spacing:-.07em}.font-big{font-size:13px;vertical-align:super}.screen{animation:enter .27s both}.screen[hidden],.plant-panel[hidden],#quizQuestions[hidden],#quizIntro[hidden],#quizResults[hidden]{display:none!important}@keyframes enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.15em;line-height:1.5;color:#8f8268}.home-kicker{font-size:10px;font-weight:850;letter-spacing:.105em;display:flex;align-items:center;gap:7px;color:#596a58;margin:21px 3px 13px}.small-dot{background:#ba573b;width:7px;height:7px;border-radius:100%}.kicker-side{margin-left:auto;color:#9a948b}.hero{min-height:625px;background:#f8ebd0;border-radius:27px;position:relative;overflow:hidden;isolation:isolate;border:1px solid #e6dbc5;box-shadow:0 19px 48px #3d392829}.hero-photo{position:absolute;bottom:-1px;left:0;width:100%;height:auto;object-fit:contain;z-index:-1}.hero-shade{position:absolute;inset:0;background:linear-gradient(to bottom,#f9f0df 0%,#f9f0df 41%,#f9f0df16 70%,transparent);z-index:-1;pointer-events:none}.hero-content{padding:28px 25px 230px}.hero-caption{font-size:10px;font-weight:800;letter-spacing:.06em;color:#647954;display:flex;align-items:center;gap:6px}.hero h1,.page-intro h1{font-family:Georgia,"Times New Roman",serif;line-height:.99;letter-spacing:-.055em;font-size:clamp(49px,13vw,73px);font-weight:500;margin:19px 0 18px}.hero h1 i,.page-intro h1 i{font-weight:500;color:var(--red)}.hero h1 span{color:var(--forest)}.hero p{max-width:390px;font-size:14.5px;line-height:1.6;color:#4f5d58;margin:0 0 21px}.hero-cta{display:flex;align-items:center;gap:11px}.btn{appearance:none;border:0;border-radius:14px;padding:14px 18px;min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:800;font-size:12.5px;transition:transform .2s,box-shadow .2s}.btn:active,.round-link:active,.hero-circle:active{transform:scale(.96)}.btn-dark{background:#183641;color:#fff;box-shadow:0 10px 20px #1936422e}.btn-dark:hover{background:#214957;box-shadow:0 14px 25px #1936423b}.btn-cream{background:#fff4e4;color:#20333b}.btn-wide{width:100%}.hero-circle{height:49px;width:49px;border-radius:50%;border:1px solid #cad2b7;background:#e6ead9;color:#3b5846;display:grid;place-items:center}.hero-index{position:absolute;left:22px;right:22px;bottom:17px;display:flex;align-items:center;justify-content:space-between;color:#23383f;font-size:9px;letter-spacing:.1em;font-weight:900;text-shadow:0 1px 2px #fff7ea}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:24px 0 37px}.fact-strip>div{padding:0 9px;border-right:1px solid #d9d3c6}.fact-strip>div:first-child{padding-left:2px}.fact-strip>div:last-child{border-right:0}.fact-strip b{font-family:Georgia,serif;font-size:34px;font-weight:500;color:#264557;letter-spacing:-.07em;line-height:1}.fact-strip span{display:block;font-size:10px;line-height:1.3;color:#777b73;margin-top:7px;max-width:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:40px 0 20px}.section-heading h2{font-family:Georgia,serif;font-weight:500;line-height:1.15;font-size:clamp(28px,7vw,37px);letter-spacing:-.035em;margin:6px 0 0}.round-link{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#192f3b;border:0;color:#fff;flex:none;box-shadow:0 7px 14px #1c39472b}.feature-story{display:block;border:0;padding:0;border-radius:22px;position:relative;min-height:325px;width:100%;overflow:hidden;text-align:left;color:white;box-shadow:var(--shadow);isolation:isolate;background:#183f3e}.feature-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s;z-index:-2}.feature-story:hover img{transform:scale(1.025)}.feature-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#0f292a 0%,#112b2bd9 27%,#152a2a20 90%);z-index:-1}.feature-content{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;min-height:325px;padding:25px}.outline-tag{display:inline-block;border:1px solid #ffffff99;border-radius:50px;padding:5px 10px;font-size:9px;letter-spacing:.1em;font-weight:800;color:#fff}.feature-content h3{font-family:Georgia,serif;font-size:32px;line-height:1.1;letter-spacing:-.025em;font-weight:500;max-width:295px;margin:13px 0 7px}.feature-content p{max-width:320px;font-size:12px;color:#e2e8dd;line-height:1.55;margin:0}.feature-footer{margin-top:19px;font-size:10px;font-weight:850;letter-spacing:.12em;display:inline-flex;align-items:center;gap:10px}.feature-footer .ico{width:16px}.plant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.plant-card{min-width:0;text-align:left;border:1px solid #e0d9c8;background:#f9f5e9;overflow:hidden;border-radius:21px;padding:0;box-shadow:0 7px 20px #142c3414;transition:transform .22s,box-shadow .22s}.plant-card:hover{transform:translateY(-3px);box-shadow:0 12px 27px #142c3427}.plant-img-wrap{height:200px;overflow:hidden;background:#f7ead0}.plant-img-wrap img{height:100%;width:100%;object-fit:cover;object-position:center 42%}.plant-card-text{padding:16px 14px 20px;min-height:150px;position:relative}.plant-card--blue .plant-card-text{border-top:4px solid #354d71}.plant-card--red .plant-card-text{border-top:4px solid #c3553a}.plant-card-text>span:first-child{display:block;font-size:9px;font-weight:850;letter-spacing:.055em;color:#858073}.plant-card-text h3{font-size:28px;font-family:Georgia,serif;letter-spacing:-.04em;font-weight:500;line-height:1.1;margin:8px 0}.plant-card-text p{font-size:11px;color:#747a73;margin:0;line-height:1.4}.plant-card-arrow{position:absolute;right:12px;bottom:14px;color:#384f48}.plant-card-arrow .ico{height:16px;width:16px}.journal-banner{margin:44px 0 36px;border-radius:24px;background:#e8ebe0;position:relative;min-height:300px;overflow:hidden;border:1px solid #d6dfd0}.journal-banner>div{position:relative;z-index:2;width:63%;padding:23px 0 25px 22px}.journal-banner h2{font-family:Georgia,serif;font-weight:500;font-size:31px;line-height:1.14;margin:12px 0}.journal-banner p{font-size:12px;color:#647467;line-height:1.55}.journal-banner img{position:absolute;width:58%;height:100%;right:-3%;bottom:0;object-fit:cover;object-position:43% center;mask-image:linear-gradient(90deg,transparent,#000 31%)}.inline-link,.text-link{display:inline-flex;align-items:center;gap:7px;background:none;border:0;border-bottom:1px solid currentColor;color:#345244;font-size:12px;font-weight:800;padding:1px 0 4px;text-decoration:none}.inline-link .ico,.text-link .ico{width:16px;height:16px}.home-last{padding-bottom:20px}.mini-quiz{display:flex;align-items:center;gap:16px;background:#fffdfa;border:1px solid var(--line);border-radius:21px;padding:21px 17px;box-shadow:0 6px 18px #263e3510}.mini-quiz-icon{height:55px;width:55px;display:grid;place-items:center;border-radius:17px;background:#f2e2d5;color:var(--red);flex-shrink:0}.mini-quiz>div{flex:1}.mini-quiz h3{font-family:Georgia,serif;font-size:23px;line-height:1.15;font-weight:500;margin:3px 0 7px}.mini-quiz p{font-size:11px;margin:0;color:#727a72;line-height:1.45}.mini-quiz .round-link{width:37px;height:37px}.page-intro{padding:29px 4px 9px}.page-intro h1{font-size:clamp(44px,12vw,68px);line-height:1.045;margin:13px 0 16px}.page-intro p{color:#697169;font-size:14.5px;line-height:1.7;margin:0 0 20px;max-width:520px}.full-bleed-art,.wide-image{margin:0 0 23px;overflow:hidden;border-radius:20px;background:#efdfc2;box-shadow:0 9px 24px #173e341a}.full-bleed-art img,.wide-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.full-bleed-art figcaption,.wide-image figcaption{padding:9px 12px;font-size:10.5px;color:#777568;background:#faf4e7;line-height:1.4}.editorial-block{padding:18px 5px 25px}.chapter-number{font-size:10px;font-weight:800;letter-spacing:.15em;color:#a47051}.editorial-block h2,.editorial-block h3{font-family:Georgia,serif;font-weight:500;color:#1f3940;letter-spacing:-.03em}.editorial-block h2{font-size:34px;line-height:1.15;margin:12px 0 20px}.editorial-block h3{font-size:26px;line-height:1.18;margin:26px 0 9px}.editorial-block p{font-size:14px;line-height:1.78;color:#4f5f5b;margin:0 0 16px}.inline-highlight{display:flex;gap:11px;background:#e5ecdc;border-left:3px solid #7d9b78;padding:17px 15px;border-radius:0 13px 13px 0;margin-top:24px}.inline-highlight .ico{color:#47654a;margin-top:2px}.inline-highlight p{font-size:12.5px;margin:0;line-height:1.6}.story-card{background:#fffdf7;border:1px solid #e8dfd3;border-radius:22px;padding:26px 22px;box-shadow:0 9px 25px #2240300e}.story-top{display:flex;align-items:center;justify-content:space-between}.source-dot{height:9px;width:9px;border-radius:50%;background:#608e67;box-shadow:0 0 0 4px #e7efe2}.story-card h3{font-size:30px;line-height:1.16;font-family:Georgia,serif;font-weight:500;letter-spacing:-.03em;margin:15px 0}.story-card p{color:#4f625d;font-size:13.5px;line-height:1.7;margin:0 0 13px}.source-inline{display:flex;gap:12px;align-items:center;margin-top:22px;color:#285d5a;text-decoration:none;font-weight:800;font-size:11.5px;border-top:1px solid #e9e4dc;padding-top:16px}.source-inline .ico{width:16px;height:16px}.timeline{padding:0 4px 0 8px}.timeline-item{display:grid;grid-template-columns:95px 1fr;gap:14px;position:relative;padding:0 0 25px 12px}.timeline-item:before{content:"";position:absolute;top:15px;bottom:0;left:0;width:1px;background:#c9c9b9}.timeline-item:last-child:before{height:10px}.timeline-item:after{content:"";position:absolute;left:-4px;top:7px;width:9px;height:9px;border-radius:50%;background:#bb593f;outline:5px solid #efdfcf}.timeline-year{font-weight:850;letter-spacing:.02em;font-size:11px;color:#a0543e;padding-top:3px}.timeline-item h3{font-size:16px;line-height:1.24;margin:0 0 7px;color:#253f42}.timeline-item p{font-size:12.5px;line-height:1.64;color:#6a736b;margin:0}.quote-panel{background:#203c45;color:#f5f2e9;border-radius:23px;padding:27px 24px;margin:16px 0 41px;position:relative;overflow:hidden}.quote-panel:after{content:"✳";position:absolute;font-family:Georgia;font-size:155px;right:-20px;top:-35px;opacity:.09;line-height:1}.quote-panel .eyebrow{color:#c8c9a9}.quote-panel h3{font-family:Georgia,serif;font-size:28px;font-weight:500;line-height:1.2;max-width:350px;margin:14px 0}.quote-panel p{font-size:12.5px;line-height:1.75;color:#d5dfd9;margin:0}.story-accordion{background:#fffdf7;border-radius:17px;border:1px solid #e7e1d5;margin-bottom:11px;overflow:hidden}.story-accordion summary{list-style:none;display:flex;gap:11px;align-items:center;min-height:74px;padding:15px 16px;cursor:pointer;font-weight:760;font-size:13.5px;line-height:1.35}.story-accordion summary::-webkit-details-marker{display:none}.story-accordion summary .ico{margin-left:auto;width:17px;height:17px;transition:transform .2s}.story-accordion[open] summary .ico{transform:rotate(45deg)}.acc-number{font-size:10px;font-weight:850;color:#b55b44;flex:none}.story-accordion>div{padding:0 18px 19px 44px;color:#52615b;font-size:12.5px;line-height:1.7}.story-accordion p{margin:0 0 13px}.story-accordion p:last-child{margin-bottom:0}.story-accordion .discussion{background:#edf1e8;border-radius:10px;padding:10px 12px}.callout-image{margin:38px 0 10px;background:#1b3e43;color:white;border-radius:21px;overflow:hidden;position:relative;min-height:320px}.callout-image img{width:100%;height:320px;object-fit:cover}.callout-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#173a41 0%,#173a41d4 29%,transparent 87%)}.callout-image>div{position:absolute;bottom:20px;left:22px;right:20px;z-index:2}.callout-image .eyebrow{color:#ebd5a8}.callout-image h3{font-family:Georgia,serif;font-weight:500;font-size:26px;line-height:1.15;max-width:350px;margin:7px 0 15px}.plant-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dddacc;background:#ebe8dd;border-radius:15px;padding:5px;gap:5px;margin-bottom:20px}.plant-tab{background:transparent;border:none;border-radius:11px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:850;color:#67736e;font-size:13px}.plant-tab.is-active{background:#fffdf7;color:#263f45;box-shadow:0 5px 15px #1b312220}.color-circle{display:inline-block;height:10px;width:10px;border-radius:50%}.dark-blue{background:#324a70}.vermilion{background:#c45736}.plant-feature{border-radius:24px;background:#fffdf7;overflow:hidden;border:1px solid #e8ded0;box-shadow:var(--shadow)}.plant-poster{background:#efdfc3}.plant-poster img{width:100%;height:340px;object-fit:contain;object-position:center;background:#f5e9cc}.plant-lead{padding:22px 21px 24px}.species-kicker{font-size:9.5px;font-weight:850;color:#8d7555;letter-spacing:.14em}.plant-lead h2{font-size:45px;font-family:Georgia,serif;font-weight:500;letter-spacing:-.04em;line-height:1;margin:10px 0 2px}.latin{font-family:Georgia,serif;color:#947353;font-style:italic;font-size:15px}.plant-lead p{font-size:13.5px;line-height:1.65;color:#59665e;margin:18px 0}.audio-link{border:0;color:#315d5a;background:#ecf2e8;border-radius:9px;padding:10px 13px;font-weight:850;font-size:11.5px;display:inline-flex;gap:8px;align-items:center}.audio-link .ico{width:18px;height:18px}.swatch-row{display:flex;gap:10px;padding:18px 2px 0;flex-wrap:wrap}.swatch-row span{background:#fffdf9;border-radius:50px;border:1px solid #e6e0d5;display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.08em;font-weight:850;padding:7px 11px;color:#7d786c}.swatch-row i{height:15px;width:15px;border-radius:50%}.plant-panel .editorial-block{padding-top:22px}.three-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 15px}.three-facts>div{background:#e8ede4;border-radius:14px;padding:17px 11px;min-width:0}.three-facts .ico{height:18px;width:18px;color:#4f775a}.three-facts strong{font-size:12px;display:block;margin:7px 0 4px}.three-facts span{font-size:10.5px;line-height:1.45;display:block;color:#5f7166}.image-disclaimer{background:#f0ece2;border-radius:10px;color:#78756c;font-size:11px;line-height:1.5;padding:12px 14px;display:flex;gap:9px;align-items:flex-start}.image-disclaimer .ico{height:17px;width:17px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.comparison>div{padding:20px 16px;border-radius:18px;background:#e4e9e2;border-top:3px solid #355779}.comparison>div+div{background:#f0e4d7;border-color:#bd5c3f}.comparison span{color:#7b806d;font-size:9.5px;letter-spacing:.1em;font-weight:900}.comparison h4{font-size:21px;font-family:Georgia,serif;font-weight:500;line-height:1.15;margin:8px 0}.comparison p{font-size:11.5px;color:#5b6c61;line-height:1.6;margin:0}.callout-quiet{background:#fffdf7;border:1px solid #e2dfd4;border-radius:21px;padding:22px;margin:28px 0 0}.callout-quiet h3{font-family:Georgia,serif;font-size:27px;line-height:1.18;font-weight:500;margin:10px 0}.callout-quiet p{font-size:12.5px;color:#62716b;line-height:1.65}.preserve-lead{margin-top:6px}.progress-bubble{font-family:Georgia,serif;display:grid;place-items:center;border:1px solid #b7c6ae;border-radius:50%;height:55px;width:55px;color:#3e6b4f;font-size:18px;white-space:nowrap;flex-shrink:0}.mission-progress{height:7px;border-radius:99px;background:#e0e4d8;overflow:hidden;margin-bottom:17px}.mission-progress span{display:block;background:linear-gradient(90deg,#648c69,#bec88a);height:100%;width:0;transition:width .3s}.missions{display:grid;gap:10px}.mission-item{background:#fffdf7;border:1px solid #e8e1d4;border-radius:17px;padding:18px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;position:relative}.mission-item input{position:absolute;opacity:0;width:1px;height:1px}.mission-check{height:30px;width:30px;border:2px solid #b9c4b4;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:transparent;transition:all .2s}.mission-item input:checked+.mission-check{background:#3e6e4d;color:#fff;border-color:#3e6e4d}.mission-copy{flex:1}.mission-copy strong{font-size:13px;line-height:1.3;display:block}.mission-copy small{font-size:11px;color:#728077;line-height:1.5;display:block;margin-top:5px}.mission-n{font-family:Georgia,serif;color:#c3bba5;font-size:20px}.mission-item:has(input:checked){border-color:#a9c4aa;background:#f2f7ef}.mission-item:has(input:focus-visible){outline:3px solid #6b9274;outline-offset:3px}.fieldbook{background:#fffdfa;border-radius:22px;border:1px solid #e5e0d6;padding:24px 20px;margin:38px 0 16px;box-shadow:0 8px 20px #142c3410}.fieldbook-title{display:flex;justify-content:space-between;align-items:center;color:#8e7052}.fieldbook h2{font-family:Georgia,serif;font-size:31px;font-weight:500;line-height:1.18;letter-spacing:-.035em;margin:12px 0}.fieldbook>p{font-size:12px;color:#718077;line-height:1.65}.fieldbook form{display:flex;flex-direction:column;margin:22px 0 29px}.fieldbook label{font-size:11px;font-weight:850;color:#405b55;margin:0 0 7px}.fieldbook input,.fieldbook textarea{border:1px solid #d8ded5;border-radius:12px;padding:13px 14px;line-height:1.5;color:#243d40;outline:none;background:#f9fbf7;margin-bottom:16px;width:100%;font-size:14px;resize:vertical}.fieldbook input:focus,.fieldbook textarea:focus{border-color:#4a8460;box-shadow:0 0 0 3px #60987029}.field-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e9e5dc;padding:0 0 14px}.field-list-head strong{font-size:13px}.field-list-head .text-link{border:0;font-size:10px;color:#57765d}.field-list{min-height:40px}.empty-notes{font-size:12px;color:#8a8d85;margin:18px 0 0}.note-card{background:#f2f4ec;padding:15px;border-radius:13px;margin-top:10px;border-left:3px solid #81a17b}.note-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#7c877d}.note-card h4{margin:7px 0 4px;font-size:14px}.note-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:#566860;font-size:12.5px;margin:0;line-height:1.6}.delete-note{border:0;background:none;color:#a54e41;padding:4px}.delete-note .ico{height:16px;width:16px}.safety-note{display:flex;gap:13px;padding:20px;background:#efe9df;border-radius:16px;color:#80664b;margin-bottom:8px}.safety-note strong{display:block;font-size:12px}.safety-note p{font-size:11.5px;line-height:1.65;margin:6px 0 0}.quiz-hero{border-radius:22px;overflow:hidden;position:relative;margin:0 0 22px;height:300px;background:#193b3b;isolation:isolate;box-shadow:var(--shadow)}.quiz-hero img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;z-index:-2}.quiz-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#163539 0%,#163539dd 26%,transparent 92%);z-index:-1}.quiz-hero>div{position:absolute;left:22px;right:20px;bottom:22px;color:white}.quiz-hero>div span{font-size:10px;font-weight:850;letter-spacing:.1em;color:#e9d8a7}.quiz-hero h2{font-family:Georgia,serif;font-size:31px;line-height:1.1;font-weight:500;margin:7px 0}.quiz-hero p{color:#d1dcd5;font-size:12px;margin:0}.quiz-app{background:#fffdf8;border-radius:20px;padding:23px 20px;border:1px solid #e8e3d9}.quiz-level{display:flex;align-items:center;gap:13px}.level-indicator{display:grid;place-items:center;background:#e2e9dd;border-radius:15px;height:54px;width:54px;color:#487051;flex-shrink:0}.quiz-level h3{font-family:Georgia,serif;font-weight:500;font-size:24px;line-height:1.1;margin:5px 0}.quiz-level p{font-size:11.5px;color:#7c857b;line-height:1.5;margin:5px 0}.level-list{border-top:1px solid #e9e5db;border-bottom:1px solid #e9e5db;margin:22px 0;padding:8px 0}.level-list>div{display:flex;gap:9px;align-items:center;padding:10px 0;font-size:12px;font-weight:650}.level-list span{color:#a46a4c;font-weight:850;font-size:11px}.level-list small{margin-left:auto;color:#959487;font-size:10px}.quiz-steps{display:flex;align-items:center;justify-content:space-between;gap:8px}.quiz-steps span{color:#8c8c7b;font-size:10px;font-weight:850;letter-spacing:.1em}.quiz-steps strong{font-size:11px;color:#5b6a62}.question-progress{height:6px;border-radius:99px;background:#eaebe4;margin:13px 0 24px;overflow:hidden}.question-progress span{height:100%;display:block;background:linear-gradient(90deg,#406b70,#c55d39);transition:width .25s}.quiz-topic{color:#b06446;font-weight:850;font-size:10px;letter-spacing:.12em}.quiz-question{font-family:Georgia,serif;font-size:27px;line-height:1.2;font-weight:500;margin:9px 0 22px}.quiz-options{display:grid;gap:10px;margin-bottom:17px}.quiz-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#f7f6f0;border:1px solid #e7e4d9;border-radius:12px;padding:14px;min-height:57px;font-weight:650;font-size:12.5px;line-height:1.45}.option-letter{height:27px;width:27px;display:grid;place-items:center;border:1px solid #d9d6cd;border-radius:8px;flex-shrink:0;font-size:11px;color:#8e897b;background:#fffdfa}.quiz-option:disabled{cursor:default;opacity:1}.quiz-option.is-correct{border-color:#87b58b;background:#e5f2e4;color:#325f3e}.quiz-option.is-correct .option-letter{color:#fff;border-color:#608d65;background:#608d65}.quiz-option.is-wrong{border-color:#d29d8c;background:#fcf0e9;color:#a35141}.quiz-option.is-wrong .option-letter{color:#fff;border-color:#bb6348;background:#bb6348}.quiz-feedback{padding:15px;border-radius:13px;background:#edf3e8;border-left:3px solid #6c956d;margin:16px 0}.quiz-feedback.is-negative{background:#f8efe8;border-color:#c57e54}.quiz-feedback strong{display:block;font-size:13px}.quiz-feedback p{font-size:12px;line-height:1.55;color:#556a5d;margin:6px 0 0}.quiz-navigation{margin-top:17px}.quiz-navigation .btn{width:100%}.quiz-results{text-align:center}.score-medal{margin:10px auto 20px;height:95px;width:95px;display:grid;place-items:center;background:#e5eee0;border:5px solid #cad8c7;border-radius:50%;font-family:Georgia,serif;font-size:29px;color:#345c49}.quiz-results h3{font-family:Georgia,serif;font-size:35px;line-height:1.1;font-weight:500;margin:10px 0}.quiz-results p{color:#687a70;font-size:13px;line-height:1.65;margin-bottom:22px}.results-summary{text-align:left;padding:13px;background:#f2f4ee;border-radius:12px;margin-bottom:22px}.results-summary div{display:flex;gap:10px;align-items:center;border-bottom:1px solid #dde3d9;padding:9px 0}.results-summary div:last-child{border-bottom:0}.results-summary b{font-size:12px}.results-summary span{margin-left:auto;font-family:Georgia,serif;font-size:20px}.lesson-list{display:grid;gap:9px}.lesson-list>div{background:#fffdf9;padding:17px;border:1px solid #e7e4d9;border-radius:16px;display:flex;gap:13px}.lesson-number{color:#b36543;font-size:11px;font-weight:850;padding-top:4px}.lesson-list h3{font-size:14px;margin:0 0 5px}.lesson-list p{font-size:12px;margin:0;color:#69776e;line-height:1.62}.teacher-note{background:#e9eee6;border-radius:14px;display:flex;gap:12px;margin:25px 0;padding:18px;color:#3b6048}.teacher-note strong{font-size:13px}.teacher-note p{font-size:11.5px;line-height:1.6;margin:6px 0 0;color:#5c6f60}.site-footer{text-align:center;padding:35px 18px 24px}.footer-sigil{display:block;color:#b86749;font-size:32px;line-height:1.2}.site-footer p{font-size:10px;font-weight:850;letter-spacing:.09em;color:#69756e;line-height:1.5}.site-footer p small{display:block;font-size:10px;font-weight:400;letter-spacing:0;line-height:1.5;color:#92938b;margin:4px auto;max-width:370px}.site-footer .text-link{margin:15px 0 0;font-size:10px;color:#536e60}.bottom-nav{position:fixed;bottom:0;z-index:30;width:min(100%,650px);padding:10px 11px calc(10px + env(safe-area-inset-bottom));background:#fffdf9f5;box-shadow:0 -7px 28px #16323b1d;border-top:1px solid #e6e1d5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;backdrop-filter:blur(18px)}.nav-item{border:0;background:transparent;color:#8b938c;min-height:53px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:10px;font-weight:730;position:relative}.nav-item .ico{width:22px;height:22px}.nav-item.is-active{background:#e8eee4;color:#294f43}.nav-item.is-active:before{content:"";position:absolute;height:3px;width:24px;border-radius:20px;background:#b96240;top:-10px}.sources-dialog{background:#fffcf4;border:1px solid #dfd6c7;border-radius:24px;width:min(calc(100% - 24px),580px);max-height:min(86dvh,790px);padding:24px;box-shadow:0 25px 70px #0f263a65;color:#31433e;overscroll-behavior:contain}.sources-dialog::backdrop{background:#0a2436a8;backdrop-filter:blur(4px)}.sources-dialog .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sources-dialog h2{font-family:Georgia,serif;font-weight:500;font-size:35px;margin:8px 0}.sources-dialog h3{font-size:14px;margin-top:22px}.sources-dialog p,.sources-dialog li{font-size:12px;line-height:1.7;color:#68756b}.source-list{padding-left:20px}.source-list li{margin-bottom:9px}.source-list a{color:#315e5c;text-underline-offset:3px}.privacy-note{padding:14px;background:#eef0e7;border-radius:9px}.sources-dialog .btn{margin-top:18px}.toast{position:fixed;left:50%;bottom:calc(95px + env(safe-area-inset-bottom));transform:translate(-50%,20px);z-index:50;width:max-content;max-width:min(90vw,450px);background:#1d3d41;color:white;padding:13px 17px;border-radius:12px;font-size:12px;box-shadow:0 12px 33px #132b3740;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6b9274;outline-offset:3px}.large-text{--body-size:17px}.large-text .editorial-block p,.large-text .story-card p,.large-text .page-intro p,.large-text .plant-lead p,.large-text .story-accordion>div,.large-text .fieldbook>p{font-size:1.07em}.large-text .hero p{font-size:15.5px}
@media (max-width:410px){.mobile-edge{padding:0 14px}.topbar{height:77px;padding:0 13px}.brand-mark{width:42px;height:42px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:8px}.top-actions{gap:4px}.icon-button{width:37px;height:37px}.hero{min-height:630px}.hero-content{padding:25px 20px 223px}.hero h1{font-size:clamp(46px,12.8vw,55px);margin:15px 0}.hero p{font-size:13.5px}.hero-cta{gap:7px}.btn{padding:12px 14px}.hero-index{left:15px;right:15px}.plant-img-wrap{height:165px}.plant-card-text{padding:13px 11px 20px;min-height:143px}.plant-card-text h3{font-size:25px}.journal-banner>div{width:68%;padding:21px 0 21px 18px}.journal-banner h2{font-size:27px}.journal-banner img{width:55%}.section-heading h2{font-size:30px}.three-facts>div{padding:13px 9px}.three-facts span{font-size:10px}.plant-poster img{height:315px}.timeline-item{grid-template-columns:75px 1fr;gap:10px}.nav-item{font-size:9px}.nav-item .ico{height:20px;width:20px}}
@media (min-width:651px){.topbar{padding:0 35px}.mobile-edge{padding:0 35px}.hero{min-height:690px}.hero-content{padding:42px 36px 300px}.hero-photo{bottom:-20px}.hero h1{font-size:75px}.hero p{font-size:15px;max-width:400px}.plant-img-wrap{height:260px}.journal-banner{min-height:320px}.journal-banner>div{padding:35px 0 35px 35px}.feature-story,.feature-content{min-height:385px}.plant-poster img{height:390px}.bottom-nav{left:50%;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.poster-promo{border:1px solid #d6d9c9;background:#dfe6d8;border-radius:20px;margin:0 0 28px;min-height:214px;position:relative;display:grid;grid-template-columns:35% 1fr;overflow:hidden}.poster-promo img{height:100%;width:100%;object-fit:cover;object-position:top center}.poster-promo>div{padding:25px 17px}.poster-promo h3{font-family:Georgia,serif;font-size:25px;line-height:1.15;font-weight:500;letter-spacing:-.02em;margin:9px 0}.poster-promo p{font-size:11px;color:#647366;line-height:1.55}.poster-promo .text-link{font-size:11px}.poster-dialog{padding:0;border:0;border-radius:18px;max-width:min(96vw,490px);max-height:94dvh;background:#f3e8d7;box-shadow:0 30px 60px #0a27378f;overflow:visible}.poster-dialog::backdrop{background:#0a263bbf;backdrop-filter:blur(5px)}.poster-dialog img{max-width:100%;max-height:91dvh;border-radius:16px;object-fit:contain}.poster-close{position:absolute;top:7px;right:7px;z-index:3;border:0;border-radius:50%;height:37px;width:37px;background:#fffdf6;color:#233d3d;display:grid;place-items:center;box-shadow:0 4px 10px #19293744}.story-card-secondary{margin-top:15px;background:#e9eee7}.story-card-secondary .source-inline{border-color:#cfdad1}


/* Identidade editorial escolar, inspirada na navegacao ilustrada do projeto Eu Vejo, Eu Escuto, Eu Denuncio */
.pathways-head{padding:13px 4px 9px;margin-top:23px}.pathways-head h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(31px,8.5vw,44px);line-height:1.03;letter-spacing:-.052em;margin:11px 0 10px}.pathways-head h2 i{color:var(--red);font-weight:400}.pathways-head p{color:var(--muted);margin:0;max-width:420px;line-height:1.52;font-size:14px}.pathways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0 35px}.pathway{position:relative;min-height:190px;border:1px solid rgba(255,255,255,.4);border-radius:23px;padding:17px 15px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;isolation:isolate;overflow:hidden;box-shadow:0 10px 25px rgba(19,46,54,.1);transition:transform .23s ease,box-shadow .23s ease}.pathway:after{content:'';position:absolute;right:-40px;bottom:-46px;height:155px;width:155px;border:18px solid rgba(255,255,255,.11);border-radius:50%;z-index:-1;transform:rotate(-18deg)}.pathway:before{content:'';position:absolute;inset:auto -17px -23px auto;display:block;width:105px;height:100px;background:radial-gradient(ellipse,rgba(255,255,255,.22),transparent 60%)}.pathway:focus-visible{outline:3px solid #e0b653;outline-offset:4px}.pathway:active{transform:scale(.975)}.pathway-icon{height:41px;width:41px;display:grid;place-items:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.23);border-radius:14px;color:inherit}.pathway-icon .ico{height:22px;width:22px}.pathway-copy{display:flex;flex-direction:column;width:100%;padding-top:18px}.pathway-copy small{font-size:9px;letter-spacing:.12em;font-weight:850;opacity:.74}.pathway-copy b{font-family:Georgia,serif;font-size:23px;letter-spacing:-.04em;font-weight:500;line-height:1.12;margin:5px 0}.pathway-copy>span{font-size:11px;opacity:.85}.pathway-arrow{position:absolute;right:13px;top:17px;width:18px;height:18px;opacity:.82}.pathway-tapeba{color:#fff8e8;background:linear-gradient(140deg,#304b44,#527e61)}.pathway-plants{color:#fff9f1;background:linear-gradient(140deg,#183a51,#315975)}.pathway-care{color:#fff6ea;background:linear-gradient(145deg,#a4412d,#c77146)}.pathway-play{color:#30270d;background:linear-gradient(145deg,#ebcd85,#f8e6ad)}
.entry-screen[hidden]{display:none!important}.entry-screen{position:fixed;inset:0;z-index:1000;background:#142d35e8;display:flex;justify-content:center;align-items:center;padding:0;animation:entryFade .4s ease both}.entry-shell{width:min(100%,460px);min-height:100dvh;background:#f9f3e7;display:flex;flex-direction:column;position:relative;overflow:auto;box-shadow:0 18px 55px #08151970}.entry-art{height:51dvh;min-height:280px;max-height:510px;position:relative;overflow:hidden;background:#edd9b8}.entry-art img{height:100%;width:100%;object-fit:cover;object-position:50% 38%;filter:saturate(.96)}.entry-art:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(0deg,#182d34a8,transparent 35%)}.entry-stamp{position:absolute;top:22px;left:22px;padding:7px 11px;border:1px solid #fff9;background:#0f3039b5;color:#fff8e7;font-size:10px;font-weight:750;letter-spacing:.14em;border-radius:40px}.entry-bottom{flex:1;padding:30px clamp(24px,6vw,42px) max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-start}.entry-overline{font-size:10px;font-weight:800;color:#687356;letter-spacing:.09em;display:flex;align-items:center;gap:8px}.entry-dot{width:8px;height:8px;border-radius:50%;background:#bb512f}.entry-bottom h1{font-family:Georgia,serif;font-size:clamp(40px,11vw,61px);line-height:.99;letter-spacing:-.052em;font-weight:400;margin:15px 0}.entry-bottom h1 i{color:#bc5333}.entry-bottom p{font-size:14px;color:#5d6966;max-width:330px;line-height:1.65;margin:0 0 22px}.entry-cta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;padding:17px 18px;border-radius:17px;background:#163b43;color:#fff;font-weight:800;letter-spacing:.07em;font-size:11px;box-shadow:0 15px 30px #17384230;transition:transform .2s ease}.entry-cta:active{transform:scale(.98)}.entry-attribution{font-size:9px;margin-top:14px;color:#8e8a7c;font-weight:800;letter-spacing:.16em}.entry-screen.is-closing{animation:entryOut .35s ease forwards}@keyframes entryFade{from{opacity:0}to{opacity:1}}@keyframes entryOut{to{opacity:0;visibility:hidden}}
.game-head{margin:34px 0 0;padding:23px 23px 20px;min-height:165px;background:#163c46;border-radius:24px;color:#fff;display:flex;gap:10px;align-items:center;overflow:hidden;position:relative}.game-head>div{flex:1;position:relative;z-index:1}.game-head .eyebrow{color:#d2ba87}.game-head h2{font-family:Georgia,serif;font-size:clamp(30px,8vw,40px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:8px 0}.game-head p{font-size:12px;line-height:1.5;color:#dce3df;margin:0}.game-head img{width:35%;height:144px;object-fit:cover;object-position:left;border-radius:100px;box-shadow:0 8px 32px #091e2560;transform:rotate(12deg) translate(12px,12px)}.memory-shell{padding:19px 14px 16px;border:1px solid #ded9c8;border-radius:0 0 23px 23px;margin:-8px 0 28px;background:#fffdf6;box-shadow:0 12px 30px #1f38291a}.memory-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 3px 16px}.memory-top>div{display:flex;flex-direction:column}.memory-top strong{font-size:15px}.memory-restart{font-size:12px;border:1px solid #dedbcf;background:#f2f1e8;padding:9px 11px;border-radius:12px;color:#365444;display:flex;align-items:center;gap:5px;font-weight:750}.memory-restart .ico{width:16px;height:16px}.memory-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.memory-card{border:0;min-height:112px;aspect-ratio:1/1;border-radius:13px;padding:0;background:transparent;perspective:600px;position:relative;transition:transform .2s}.memory-card-inner{display:grid;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.25,.8,.3,1)}.memory-card.is-revealed .memory-card-inner,.memory-card.is-matched .memory-card-inner{transform:rotateY(180deg)}.memory-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:13px;display:flex;align-items:center;justify-content:center;padding:9px;line-height:1.25;overflow-wrap:anywhere;text-align:center}.memory-front{background:linear-gradient(140deg,#294a49,#153a4c);color:#d9bf8a;border:1px solid #72908c66;box-shadow:0 6px 13px #233b3d27}.memory-front:before{content:'';position:absolute;border:1px solid #ffffff22;inset:8px;border-radius:8px}.memory-front svg{width:28px;height:28px;opacity:.95}.memory-back{transform:rotateY(180deg);background:#f6efdf;color:#274342;border:1px solid #e5d9c0;font-size:clamp(11px,2.8vw,13px);font-weight:750}.memory-card.is-matched .memory-back{background:#deead5;border-color:#b3ca9a;color:#2c542d}.memory-message{font-size:12px;color:#6a6f64;min-height:40px;line-height:1.5;padding:13px 5px 1px}.memory-card:focus-visible{outline:3px solid #d09242;outline-offset:2px}
@media(min-width:600px){.pathway{min-height:190px}.memory-board{grid-template-columns:repeat(4,minmax(0,1fr))}.entry-shell{min-height:min(860px,100dvh);border-radius:24px}.entry-art{height:350px}.entry-bottom{padding:30px 35px}}
@media(max-width:340px){.pathway{min-height:177px;padding:13px 10px}.pathway-copy b{font-size:20px}.memory-back{font-size:10px}.entry-bottom{padding:20px}}
@media(prefers-reduced-motion:reduce){.entry-screen,.entry-screen.is-closing{animation:none}.memory-card-inner{transition:none}}

/* Identidade oficial Raízes de Cor: mesma arte do ícone de instalação */
.brand-icon{display:block;object-fit:contain;background:transparent;border-radius:12px;box-shadow:0 7px 18px rgba(8,32,52,.22);overflow:visible;}


/* ===== EDIÇÃO VISUAL 3D | Raízes de Cor ===== */
:root {--shadow:0 16px 33px rgba(21,44,54,.19)}
html{scroll-behavior:smooth}
.app-layout{background:linear-gradient(160deg,#f9f4e9 0%,#f7f1e5 54%,#f8f2e9 100%)}
.topbar{background:#f9f3e9ef;box-shadow:0 7px 24px #122e3a0d;border-bottom:1px solid #c6b99d56}
.topbar .brand-icon{height:47px;width:47px;filter:drop-shadow(0 4px 9px #102b343b);transition:transform .35s cubic-bezier(.15,.75,.2,1)}
.brand-group:hover .brand-icon{transform:rotate(-5deg) scale(1.05)}
.brand-copy strong{color:#102c3a}
.pathways-grid{gap:12px;margin-top:20px}
.pathway{min-height:210px;padding:14px 15px 16px;border-radius:25px;box-shadow:0 13px 26px #12334229,inset 0 1px #ffffff4d;transition:transform .32s cubic-bezier(.18,.8,.22,1),box-shadow .32s}
.pathway:hover,.plant-card:hover,.feature-story:hover{transform:translateY(-4px);box-shadow:0 22px 40px #12334237}
.pathway:active{transform:scale(.97)}
.pathway:before{background:radial-gradient(ellipse at center,#ffffff47,transparent 65%);width:135px;height:135px;bottom:-32px;right:-34px}
.pathway:after{border:1px solid #ffffff29;width:148px;height:148px;right:-52px;bottom:-36px}
.pathway-icon{width:75px;height:75px;background:none;border:0;box-shadow:none;border-radius:18px;display:block;flex-shrink:0;overflow:visible;position:relative;z-index:1}
.pathway-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 9px #10212d61);transition:transform .37s cubic-bezier(.18,.84,.27,1)}
.pathway:hover .pathway-icon img,.pathway:focus-visible .pathway-icon img{transform:translateY(-5px) rotate(-3deg) scale(1.06)}
.pathway-copy{padding-top:11px}.pathway-copy b{font-weight:650;font-size:clamp(20px,5.4vw,24px)}
.pathway-arrow{border-radius:99px;box-shadow:0 1px 6px #061d2229}
.pathway-tapeba{background:linear-gradient(144deg,#254947,#4b8068 86%)}
.pathway-plants{background:linear-gradient(144deg,#142f47,#335f79 90%)}
.pathway-care{background:linear-gradient(145deg,#933f2f,#d27b41 100%)}
.pathway-play{background:linear-gradient(145deg,#d9b769,#f4df9d 94%);color:#24352c}

/* Real custom wallpaper behind the critical reflection card; mobile-first text contrast */
.quote-panel{background:linear-gradient(105deg,#082936f2 0%,#103645e3 54%,#0e3045a8 100%),url('assets/bg-reflexao.webp') 55% center/cover;border:1px solid #66837b52;border-radius:26px;padding:27px 24px 29px;box-shadow:0 19px 45px #122f3e39,inset 0 1px #e6d9bb2b;isolation:isolate;transition:transform .3s,box-shadow .3s}
.quote-panel:after{content:none!important}
.quote-panel:before{content:'';position:absolute;left:0;bottom:0;width:96%;height:5px;background:linear-gradient(90deg,#db8b3a,#f2ca7a,#4d9486,transparent)}
.quote-ribbon{display:inline-flex;align-items:center;gap:6px;color:#ffe1a8;letter-spacing:.12em;font-size:10px;font-weight:850}
.quote-ribbon img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 12px #071e28b9)}
.quote-panel h3{font-size:clamp(26px,7vw,35px);letter-spacing:-.02em;max-width:420px;margin-top:15px;color:#fff5de;text-wrap:balance;text-shadow:0 2px 10px #091d2b60}
.quote-panel p{max-width:470px;color:#f2f3ed;font-size:13px;line-height:1.8;text-shadow:0 1px 6px #05192466}

.site-footer{position:relative;isolation:isolate;overflow:hidden;margin:44px -20px -10px;padding:44px 26px 33px;background:linear-gradient(#fffbf0d9,#fff6e0e8),url('assets/bg-creditos.webp') center/cover;border-top:1px solid #bd997b66;box-shadow:inset 0 16px 30px #fff1dd88}
.footer-emblem{width:73px;height:73px;display:block;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 9px 12px #112c3852);animation:floatEmblem 4s ease-in-out infinite}
.site-footer p{font-size:11px;line-height:1.55;letter-spacing:.1em;color:#183b45;text-shadow:0 1px #fff9}
.site-footer p small{color:#485d5b;max-width:390px;font-size:11px;line-height:1.6;margin-top:11px}
.site-footer .text-link{display:inline-flex;margin-top:16px;border:1px solid #2b5050;background:#193d47;color:#fff9e9;box-shadow:0 8px 20px #17343f36;padding:7px 16px 7px 9px;border-radius:15px;font-size:12px;transition:transform .2s,box-shadow .2s}
.site-footer .text-link img{width:30px;height:30px;object-fit:contain}
.site-footer .text-link:hover{transform:translateY(-3px);box-shadow:0 14px 22px #17343f42}

/* Replace bottom navigation pictograms with crisp thematic 3D art */
.bottom-nav{background:#fffaf1f7;border-top:1px solid #cfba946e;box-shadow:0 -10px 35px #18323f25;padding:9px 9px calc(11px + env(safe-area-inset-bottom));gap:2px}
.nav-item{min-height:69px;gap:2px;border-radius:15px;font-size:10px;color:#39514c;transition:background .25s,transform .25s;font-weight:850}
.nav-item .nav-illustration{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 4px #0828393c);transition:transform .28s cubic-bezier(.18,.9,.25,1)}
.nav-item:hover .nav-illustration,.nav-item:focus-visible .nav-illustration{transform:translateY(-3px) scale(1.05)}
.nav-item.is-active{background:linear-gradient(160deg,#173c48,#254f5b);color:#fff5df;box-shadow:0 7px 14px #16384432}
.nav-item.is-active .nav-illustration{filter:drop-shadow(0 4px 7px #081b25af);transform:translateY(-2px)}
.nav-item.is-active:before{top:-9px;background:#d67734;height:4px;box-shadow:0 1px 9px #d6773488;width:32px}
.app-layout{padding-bottom:calc(104px + env(safe-area-inset-bottom))}

/* Section headers with custom colored wallpaper, illustrations are distinct from text */
.page-intro{position:relative;isolation:isolate;margin:20px 0 18px;padding:22px 21px 24px;border-radius:26px;overflow:hidden;box-shadow:0 10px 27px #1b394a17;border:1px solid #ccbda570}
.page-intro:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(98deg,#faf4e8f5 10%,#faf1e4e7 69%,#faf0e4b8 100%),url('assets/bg-parchment.webp') center/cover}
#screen-tapeba .page-intro:before{background:linear-gradient(95deg,#fff1dff5 0%,#fff0dcf2 60%,#ffefd5a3 100%),url('assets/bg-carnauba.webp') center/cover}
#screen-plantas .page-intro:before{background:linear-gradient(100deg,#f1f4eef5,#edf1ebe5 68%,#bcd0d3a0),url('assets/bg-jenipapo.webp') center/cover}
#screen-cuidar .page-intro:before{background:linear-gradient(105deg,#f0f4e9f5,#f0f3e4ec 68%,#d4e2b2b8),url('assets/bg-carnauba.webp') center/cover}
#screen-aprender .page-intro:before{background:linear-gradient(105deg,#fff2e5f7,#fff2e6e5 69%,#f1cbb0b5),url('assets/bg-urucum.webp') center/cover}
.page-category-icon{width:66px;height:66px;object-fit:contain;float:right;margin:-7px -7px 3px 10px;filter:drop-shadow(0 8px 13px #112e3a47);animation:floatEmblem 4.2s ease-in-out infinite}
.page-intro h1{clear:both;word-break:normal;overflow-wrap:break-word;font-size:clamp(38px,11.7vw,67px)}
.page-intro .eyebrow{color:#6d4d3a}
.page-intro p{color:#425a57;font-weight:500;font-size:14px}
.callout-quiet{background:linear-gradient(102deg,#fff9eef2,#faf0e0df),url('assets/bg-parchment.webp') center/cover;border:1px solid #d6b9969e;box-shadow:0 11px 26px #4b3b211c;border-radius:23px}
.game-head{background:linear-gradient(100deg,#123443f5,#194353d6),url('assets/bg-night.webp') center/cover;box-shadow:0 13px 32px #14354230}
.mini-quiz{background:linear-gradient(125deg,#fff8e8,#f9ecd8);box-shadow:0 12px 26px #243f3621;border-color:#d6c7a7;border-radius:23px}
.mini-quiz-icon,.level-indicator{display:flex;align-items:center;justify-content:center;width:63px;height:63px;border-radius:18px;background:none!important;overflow:visible;flex-shrink:0}
.mini-quiz-icon img,.level-indicator img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 7px 10px #12344247)}
.article-illustration{width:55px;height:55px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 6px 8px #0c30383c)}
.fact-illustration{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 5px 8px #183a4738)}
.three-facts .ico{display:none}
.memory-front img{width:53%;height:53%;object-fit:contain;filter:drop-shadow(0 3px 7px #06191c55)}

/* Rich motion, with reduced-motion accessibility support */
@keyframes floatEmblem{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes contentRise{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.screen.is-active .page-intro,.screen.is-active .pathways-grid{animation:contentRise .45s both}
.mission-item,.plant-tab,.plant-card,.story-card,.story-accordion{transition:transform .24s,box-shadow .24s,border-color .24s}
.mission-item:hover,.story-accordion:hover{transform:translateY(-2px);box-shadow:0 10px 22px #193a3f18}
@media(max-width:360px){.mobile-edge{padding:0 14px}.pathway{min-height:202px;padding:12px}.pathway-icon{height:66px;width:66px}.pathway-copy b{font-size:19px}.pathway-copy>span{font-size:10px}.quote-panel{padding:21px 20px}.site-footer{margin-left:-14px;margin-right:-14px}.nav-item .nav-illustration{width:35px;height:35px}.nav-item{font-size:9px}.page-intro{padding:19px 17px}.page-category-icon{height:56px;width:56px}}
@media(min-width:651px){.site-footer{margin-left:-35px;margin-right:-35px}.page-intro{padding:34px}.page-intro h1{font-size:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.footer-emblem,.page-category-icon{animation:none!important}.screen.is-active .page-intro,.screen.is-active .pathways-grid{animation:none!important}.pathway,.pathway-icon img,.nav-item,.nav-illustration,.plant-card{transition:none!important}}

/* ===== EDIÇÃO 02 · EXPERIÊNCIAS ESCOLARES E LEITURA EM ABAS ===== */
.chapter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 25px;padding:6px;background:linear-gradient(145deg,#e7ddc9,#f7ebd7);border:1px solid #d6c7af;border-radius:21px;box-shadow:inset 0 2px 6px #79644a14,0 9px 22px #1a394514}
.chapter-tab{appearance:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;min-height:86px;border-radius:16px;border:1px solid transparent;background:transparent;color:#365057;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:-.01em;line-height:1.15;transition:transform .24s,background .24s,box-shadow .24s,color .24s}
.chapter-tab img{height:44px;width:44px;object-fit:contain;filter:drop-shadow(0 4px 7px #182b3c44);transition:transform .25s}
.chapter-tab:hover img{transform:translateY(-2px) scale(1.05)}
.chapter-tab.is-active{background:linear-gradient(150deg,#112e41,#245367);color:#fff5e8;box-shadow:0 8px 19px #193b4c47,inset 0 1px #ffffff3f}
.chapter-tab.is-active img{transform:translateY(-1px)}
.chapter-tab:focus-visible,.answer-tile:focus-visible,.mini-news:focus-visible{outline:3px solid #d67a43;outline-offset:2px}
.chapter-pane{animation:chapterEnter .32s ease both;min-width:0}
.chapter-pane[hidden]{display:none!important}
@keyframes chapterEnter{from{opacity:.38;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.pane-heading{padding:0 2px 8px;margin-bottom:13px}
.pane-heading h2{font-family:Georgia,'Times New Roman',serif;line-height:1.1;color:#173847;font-size:clamp(27px,7.5vw,39px);letter-spacing:-.025em;margin:7px 0 8px}
.pane-heading p{font-size:14px;line-height:1.65;color:#51615e;margin:0}
.mini-news{width:100%;margin:13px 0 31px;display:flex;align-items:center;gap:13px;text-align:left;background:linear-gradient(115deg,#193746,#295a5e);color:#fff8e8;border:1px solid #71948872;border-radius:20px;box-shadow:0 13px 29px #193c4a33;padding:14px 16px;cursor:pointer;transition:transform .25s,box-shadow .25s}
.mini-news:hover{transform:translateY(-3px);box-shadow:0 17px 34px #193c4a48}
.mini-news img{width:59px;height:59px;object-fit:contain;flex-shrink:0}
.mini-news span{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.mini-news small{font-size:10px;color:#f7bc7d;letter-spacing:.12em;font-weight:850}
.mini-news strong{font:700 clamp(18px,4.8vw,24px)/1.12 Georgia,serif}
.mini-news em{font-size:12px;font-style:normal;color:#dfebe5;line-height:1.5}
.mini-news>.ico{width:17px;height:17px;flex-shrink:0}
.story-chapter{margin:12px 0 20px;padding:22px 22px 18px;border-radius:24px;background:linear-gradient(118deg,#24464b,#1b3546);color:#fff5e5;box-shadow:0 14px 27px #14374832}
.story-chapter .eyebrow{color:#f5bc76}.story-chapter h2{font:700 clamp(25px,6.8vw,35px)/1.16 Georgia,serif;margin:8px 0 12px;color:#fff9ee}.story-chapter p{font-size:13px;color:#e4e8e1;line-height:1.7;margin:0}
.documentary-story{overflow:hidden;border-radius:25px;background:#fffaee;border:1px solid #d7c4ab;box-shadow:0 13px 32px #1b3c4823;margin:17px 0 23px;transition:transform .28s,box-shadow .28s}
.documentary-story:hover{transform:translateY(-3px);box-shadow:0 21px 38px #1b3c4830}
.documentary-story>img{width:100%;height:185px;display:block;object-fit:cover;object-position:center}
.documentary-copy{padding:21px 22px 25px}
.documentary-pill{display:inline-block;border-radius:999px;background:#dbe9da;color:#214c46;padding:8px 11px;font-size:10px;font-weight:900;letter-spacing:.07em;line-height:1.1}
.documentary-copy h3{font:700 clamp(24px,6.1vw,34px)/1.16 Georgia,serif;letter-spacing:-.015em;color:#173847;margin:13px 0 15px}
.documentary-copy p{font-size:14px;line-height:1.75;color:#435752;margin:0 0 12px}
.documentary-copy a,.source-note a{color:#a33e27;font-weight:800;text-underline-offset:4px;text-decoration:underline}
.ink-story .documentary-pill{background:#ffddc0;color:#83402d}
.source-note{margin:23px 0;padding:16px 18px;background:#f4ead9;border:1px solid #d8c8a8;border-radius:17px;color:#334b4c;font-size:13px;line-height:1.8}
.research-lab,.listening-guide{border:1px solid #dac7ad;border-radius:25px;background:linear-gradient(125deg,#fffaf0,#f6ecdd);padding:19px;box-shadow:0 11px 28px #183a4a20;margin:23px 0}
.research-label{display:flex;align-items:center;gap:13px;margin-bottom:11px}
.research-label img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 9px #17384a44)}
.research-label h2{font:700 clamp(23px,6.1vw,31px)/1.15 Georgia,serif;color:#193945;margin:5px 0 0}
.research-instruction,.listening-guide>p{color:#475a55;font-size:13px;line-height:1.75}
.research-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 11px;color:#34565b;font-size:11px;font-weight:900;letter-spacing:.09em}
.research-question{font:700 clamp(23px,6vw,31px)/1.24 Georgia,serif;margin:13px 0 19px;color:#152f40}
.research-options{display:grid;gap:10px}
.answer-tile{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:1px solid #d3c5ae;border-radius:17px;padding:13px 14px;background:#fffefa;color:#294248;line-height:1.55;cursor:pointer;font-size:13px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.answer-tile:hover:not(:disabled){transform:translateY(-2px);border-color:#b68c59;box-shadow:0 7px 14px #14364918}
.answer-tile:disabled{cursor:default}.answer-tile.is-right{border-color:#588772;background:#dcefe5}.answer-tile.is-wrong{border-color:#c66d57;background:#f9e1d7}
.answer-tile b{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:8px;background:#e9ded0;color:#264a50;font-size:12px}
.research-feedback{margin:14px 0;padding:14px 16px;border-radius:17px;background:#e0ebe4;color:#244a40;font-size:13px;line-height:1.7;border-left:4px solid #438369}
.research-feedback.is-negative{background:#f9e8dc;color:#78472c;border-left-color:#d07d4a}
.research-feedback b{display:block;margin-bottom:4px}.research-feedback p{margin:0}
.research-next{margin-top:13px}
.interview-list{padding-left:24px;display:grid;gap:12px;color:#2d494d;font-size:14px;line-height:1.65;margin:17px 0 19px}
.interview-list li::marker{color:#a14b36;font-weight:800}
.listening-guide .privacy-note{font-size:12px;border-top:1px solid #d7c9b3;padding:13px 0 0}
#downloadGuide{margin-top:11px}
@media(min-width:650px){.chapter-tabs{max-width:600px;margin-left:auto;margin-right:auto}.chapter-tab{flex-direction:row;gap:9px;min-height:68px}.chapter-tab img{width:46px;height:46px}.documentary-story{display:grid;grid-template-columns:41% 59%}.documentary-story>img{height:100%;min-height:292px}.documentary-copy{padding:26px}.research-lab,.listening-guide{padding:29px}}
@media(max-width:360px){.chapter-tab{font-size:10px;min-height:77px}.chapter-tab img{width:36px;height:36px}.mini-news{padding:11px;gap:8px}.mini-news img{width:46px;height:46px}.documentary-copy{padding:17px}.research-lab,.listening-guide{padding:14px}}
@media(prefers-reduced-motion:reduce){.chapter-pane{animation:none}.chapter-tab,.chapter-tab img,.documentary-story,.mini-news,.answer-tile{transition:none}}
/* Ajuste final: impede deslocamento lateral causado pelas margens do rodapé nos celulares. */
@media(max-width:650px){.site-footer{margin-left:0;margin-right:0;max-width:100%;width:auto;border-radius:24px 24px 0 0}}