.tea-tools-home{padding:76px 5%;background:#f2eee4;border-block:1px solid #d8d4c9}
.tea-tools-home__head{max-width:760px;margin:0 auto 38px;text-align:center}
.tea-tools-home__head h2{font-size:clamp(1.9rem,3.5vw,3rem);color:#153e30;margin-bottom:12px}
.tea-tools-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tea-tool-card{min-height:250px;padding:30px 26px;border:1px solid #d4ccb9;background:#fffdf7;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}
.tea-tool-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #163b2b18;border-color:#af8847}
.tea-tool-card__icon{width:46px;height:46px;border:1px solid #af8847;color:#af8847;display:grid;place-items:center;font:1.15rem Georgia,serif;margin-bottom:24px}
.tea-tool-card h3{font-size:1.3rem;color:#153e30;margin-bottom:9px}.tea-tool-card p{font-size:.95rem;line-height:1.75;flex:1}.tea-tool-card b{font-size:.82rem;color:#9a7436;font-weight:600;letter-spacing:.04em}
.tool-hero{background:linear-gradient(120deg,#0f3427,#214f3a);color:#f8f3e7;padding:72px 7% 66px;position:relative;overflow:hidden}
.tool-hero:after{content:"";position:absolute;right:-90px;top:-120px;width:380px;height:380px;border:1px solid #d2b36b42;border-radius:50%;box-shadow:0 0 0 55px #d2b36b12,0 0 0 110px #d2b36b0b}
.tool-hero__inner{max-width:880px;position:relative;z-index:1}.tool-hero h1{font:400 clamp(2.5rem,5vw,4.8rem)/1.12 Georgia,"Times New Roman",serif;margin:8px 0 18px}.tool-hero p{max-width:720px;color:#d7e0d8;font-size:1.08rem;line-height:1.85}.tool-hero .eyebrow{color:#d2b36b}
.tool-shell{max-width:1240px;margin:auto;padding:66px 5% 94px}.tool-shell--narrow{max-width:980px}
.match-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 32px}.match-progress span{height:4px;background:#d8d7d0}.match-progress span.active{background:#af8847}
.match-panel{border:1px solid #d7d2c6;background:#fff;padding:clamp(25px,5vw,58px)}.match-step{display:none}.match-step.active{display:block}.match-step h2{font-size:clamp(1.6rem,3vw,2.35rem);color:#153e30;margin-bottom:24px}
.match-options{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.match-option{border:1px solid #cfd3cb;padding:18px 20px;text-align:left;display:flex;gap:13px;align-items:center;background:#fff;min-height:68px}.match-option:hover,.match-option:focus-visible{border-color:#af8847;background:#f8f3e7}.match-option i{font-style:normal;color:#af8847;font-size:1.1rem}
.match-result{display:none}.match-result.active{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.match-result img{width:100%;aspect-ratio:1;object-fit:contain;background:#f1eee6}.match-result h2{font:400 clamp(2rem,4vw,3.35rem)/1.2 Georgia,"Times New Roman",serif;color:#153e30;margin-bottom:12px}.match-result__reason{border-left:3px solid #af8847;padding-left:16px}.tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.trace-search{display:grid;grid-template-columns:1fr auto;gap:12px;margin:26px 0 14px}.trace-search input{width:100%;min-height:52px;border:1px solid #aeb9b1;padding:12px 15px;background:#fff}.trace-samples{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.trace-samples button{border-bottom:1px solid #af8847;color:#795b28;padding:7px 0;font-size:.9rem}
.trace-result{display:none}.trace-result.active{display:block}.trace-summary{display:grid;grid-template-columns:240px 1fr;gap:34px;background:#f5f1e8;padding:28px;border:1px solid #d9d1c0}.trace-summary img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.trace-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.trace-facts div{border-top:1px solid #cdbd9a;padding-top:10px}.trace-facts small{display:block;color:#8a7757}.trace-flow{list-style:none;padding:0;margin:34px 0;display:grid;grid-template-columns:repeat(4,1fr)}.trace-flow li{position:relative;padding:0 22px 0 0}.trace-flow li:not(:last-child):after{content:"";position:absolute;top:16px;left:38px;right:7px;height:1px;background:#b99a5e}.trace-flow span{position:relative;z-index:1;width:33px;height:33px;border-radius:50%;background:#153e30;color:#fff;display:grid;place-items:center;font-size:.8rem;margin-bottom:13px}.trace-flow h3{font-size:1rem;margin-bottom:5px}.trace-flow p{font-size:.85rem;line-height:1.55}
.brew-assistant{margin:0 auto 65px;border:1px solid #d7d2c6;background:#f7f2e8;padding:clamp(24px,4vw,46px)}.brew-assistant__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brew-assistant label{display:flex;flex-direction:column;gap:8px;font-size:.9rem}.brew-assistant select,.brew-assistant input{min-height:50px;border:1px solid #b7bdb7;background:white;padding:10px 13px}.brew-advice{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brew-advice div{background:#153e30;color:white;padding:22px}.brew-advice small{display:block;color:#d6bd82;margin-bottom:8px}.brew-advice strong{font:400 1.45rem Georgia,serif}.brew-note{margin:18px 0 0;font-size:.85rem}
.my-tea-empty{text-align:center;border:1px dashed #bdbaaF;padding:54px 24px;background:#faf8f2}.my-tea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.my-tea-card{border:1px solid #d9d5ca;background:white}.my-tea-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f4f1e9}.my-tea-card__copy{padding:22px}.my-tea-card h2{font-size:1.15rem;margin-bottom:8px}.my-tea-card__actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.my-tea-card__actions a,.my-tea-card__actions button{font-size:.83rem;border-bottom:1px solid #af8847}.tea-save{margin-bottom:12px}.tea-save.saved{background:#af8847;border-color:#af8847}
.tools-note{font-size:.86rem;padding:15px 18px;background:#f0eee7;border-left:2px solid #af8847;margin-top:26px}
@media(max-width:900px){.tea-tools-grid{grid-template-columns:repeat(2,1fr)}.match-result.active{grid-template-columns:1fr}.my-tea-grid{grid-template-columns:repeat(2,1fr)}.trace-flow{grid-template-columns:1fr 1fr;gap:25px}.trace-flow li:after{display:none}}
@media(max-width:600px){.tea-tools-home{padding:58px 6%}.tea-tools-grid,.match-options,.trace-summary,.brew-assistant__grid,.brew-advice,.my-tea-grid{grid-template-columns:1fr}.tea-tool-card{min-height:220px}.tool-hero{padding:55px 6%}.tool-shell{padding:42px 6% 70px}.trace-search{grid-template-columns:1fr}.trace-flow{grid-template-columns:1fr}.trace-facts{grid-template-columns:1fr}.match-result img{max-height:310px}.my-tea-card{display:grid;grid-template-columns:120px 1fr}.my-tea-card img{height:100%;min-height:180px}.desktop-tool-link{display:none!important}}