
:root{font-family:Inter,Arial,sans-serif;color:#172922;background:#f3f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto;padding:28px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbe2d5}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{color:#47895f;margin-left:8px}.badge,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.badge{padding:9px 12px;background:#e4eadb;border-radius:6px}.hero{padding:45px 0 30px}.eyebrow{color:#52785b}h1{font-size:clamp(40px,6vw,72px);letter-spacing:-3px;margin:15px 0}.intro{font-size:20px;color:#5a695d;max-width:580px;line-height:1.5}.workspace{background:white;border:1px solid #dce3d6;border-radius:18px;padding:24px;box-shadow:0 12px 35px #1b332509}.notice{background:#f1f4e9;padding:14px 16px;border-radius:9px;display:flex;gap:16px;align-items:baseline;font-size:13px;line-height:1.6}.notice span{color:#5a695d}form{display:flex;gap:15px;margin:25px 0 18px;align-items:end}label{display:grid;gap:9px;font-size:13px;font-weight:700;flex:1}input,select,button{font:inherit;padding:13px;border:1px solid #cbd5c6;border-radius:7px;min-height:46px;background:white;color:inherit}button{background:#244f38;color:white;border-color:#244f38;font-weight:700;cursor:pointer;padding:13px 25px}button:disabled{opacity:.5}#status{font-size:13px;color:#66725e}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid #e0e5db;border-radius:10px;padding:23px}.card .visual{height:95px;background:linear-gradient(130deg,#e9efe1,#d8e5d4);border-radius:7px;display:grid;place-items:center;font-size:35px;color:#426548}.card h3{font-size:17px;line-height:1.5;min-height:50px}.price{font-size:29px;font-weight:800;color:#244f38;margin:12px 0}.card small{color:#6a7766;line-height:1.7}.next{padding:30px 0;max-width:700px}.next h2{font-size:22px}.next p{line-height:1.7;color:#60705e}footer{border-top:1px solid #dbe2d5;display:flex;justify-content:space-between;font-size:12px;gap:15px;color:#61705c}@media(max-width:700px){header,main,footer{padding:22px}.hero{padding-top:25px}h1{letter-spacing:-1.7px}form,.notice,footer{flex-direction:column;align-items:stretch}.grid{grid-template-columns:1fr}.badge{font-size:9px;letter-spacing:1px}.workspace{padding:18px}.card h3{min-height:0}}

nav a,.next a,.reading a{color:#244f38}nav{font-size:13px}nav a{text-decoration:none}.shop{padding:24px 0;border-top:1px solid #dbe2d5}.shop p{color:#60705e;line-height:1.7}.affiliate-note{font-size:13px;font-weight:600}#shop-links{display:flex;gap:12px;flex-wrap:wrap}#shop-links a{padding:12px 16px;background:white;border:1px solid #cbd5c6;border-radius:7px;color:#244f38;text-decoration:none;font-size:14px}.reading{max-width:880px}.reading h1{font-size:clamp(35px,5vw,54px);letter-spacing:-2px}.reading p{line-height:1.8;color:#52634f}.reading article{padding:24px 0;border-bottom:1px solid #dbe2d5}.reading h2{font-size:25px;margin-top:30px}

.import-tools{display:flex;gap:16px;align-items:end;margin-top:20px}.import-note{font-size:13px;line-height:1.6;color:#60705e}#controls{flex-wrap:wrap}#controls label{min-width:150px}.card a{display:block;color:#244f38;margin-top:15px}.card .price{font-size:24px}@media(max-width:700px){.import-tools{flex-direction:column;align-items:stretch}}

.card small{display:block;margin:6px 0}.card details{margin-top:14px}.card summary{color:#244f38;cursor:pointer;font-size:14px}.quantity-editor{display:grid;gap:10px;margin:12px 0}.quantity-editor label{font-size:12px}
.results-heading{grid-column:1/-1;margin:12px 0 0;font-size:16px}.results-heading+ p{font-size:13px;color:#66725e;margin-bottom:4px}.best-value{border:2px solid #47895f;background:#f8fbf5}.rank-badge{font-weight:700;color:#244f38!important}.calculation{font-size:13px;line-height:1.6;background:#f1f4e9;border-radius:6px;padding:10px}.unranked .price{color:#697364}.missing-data{font-size:13px;color:#805919;line-height:1.5}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #47895f;outline-offset:3px}
.shopping-home{background:#faf8f4;color:#202d2a}.shopping-home header{max-width:1280px}.shopping-home nav{display:flex;gap:25px}.shopping-home main{max-width:1280px}.shopping-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding:65px 0 75px}.shopping-hero h1{font-size:clamp(55px,7vw,94px);line-height:1.02;letter-spacing:-5px}.shopping-hero .intro{font-size:19px}.shopping-home .eyebrow{color:#687243}.shopping-home button,.button-link{background:#263d32;border-radius:100px;color:white;text-decoration:none;padding:16px 23px;display:inline-block;font-size:14px;font-weight:700}.shopping-home input{border-radius:12px;background:white;font-size:16px}#shopping-search{align-items:end;gap:10px}.search-context,#search-status{font-size:12px;line-height:1.6;color:#69736b;max-width:530px}.value-preview{background:#e5ebd9;border-radius:28px;padding:32px;transform:rotate(2deg);box-shadow:12px 14px 0 #cdd8bd}.preview-label,.benefits article>span{font-size:11px;letter-spacing:2px;font-weight:700;color:#577052}.preview-product{display:flex;align-items:center;gap:18px;padding:35px 0}.preview-product strong{font-size:24px}.preview-product p{margin:8px 0;color:#64735c}.package-icon{font-size:65px;color:#617a4d}.price-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.price-pair>div{display:grid;gap:10px;padding:20px;background:#f7f9f2;border-radius:14px}.price-pair strong{font-size:32px}.price-pair span,.price-pair small{font-size:12px}.price-pair .highlight{background:#263d32;color:white}.preview-foot{font-size:11px;color:#64735c;margin:22px 0 0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #dce0d4;padding:38px 0}.benefits h2{font-size:21px;letter-spacing:-.5px}.benefits p,.demo-callout p{font-size:15px;line-height:1.7;color:#677269}.demo-callout{background:#efece4;border-radius:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:20px 0 35px}.demo-callout h2{font-size:28px;margin:10px 0}.developer-tools{margin-top:20px}.developer-tools>summary{font-size:12px;color:#6a7766;cursor:pointer}@media(max-width:800px){.shopping-hero{grid-template-columns:1fr;gap:35px;padding:30px 0 50px}.shopping-hero h1{letter-spacing:-3px}.value-preview{transform:none;max-width:500px}.benefits{grid-template-columns:1fr;gap:12px}.demo-callout{align-items:start;flex-direction:column}.shopping-home nav{gap:12px;font-size:11px}#shopping-search{flex-direction:column;align-items:stretch}}
.comparison-page{background:#faf8f4}.comparison-page .hero{padding:28px 0 22px}.comparison-page h1{font-size:clamp(36px,5vw,58px);letter-spacing:-2px}.comparison-page .intro{font-size:17px}.comparison-page .workspace{box-shadow:none;border-radius:20px}.comparison-page .notice{font-size:12px;background:#f5f3ed}.comparison-answer{background:#e5ebd9;border-radius:14px;padding:22px 25px;margin:22px 0 30px}.comparison-answer h2{font-size:23px;margin:0 0 10px;letter-spacing:-.5px}.comparison-answer p{line-height:1.7;font-size:15px;margin:0 0 12px}.comparison-answer small{color:#61705c;font-size:12px;line-height:1.6}.section-title{font-size:19px;letter-spacing:-.3px}.filter-hint{font-size:12px;line-height:1.6;color:#677269}.purchase-details{font-size:13px;line-height:1.7;color:#52634f}.comparison-page .card{background:#fcfcf8;box-shadow:none}.comparison-page .best-value{background:#f0f5e8}.comparison-page .unranked{background:#f6f5f1;border-style:dashed}.comparison-page .card h3{font-size:17px;line-height:1.5}.comparison-page .card .price{font-size:30px}.comparison-page #controls{background:#f8f7f3;border-radius:12px;padding:16px;margin-bottom:10px}.comparison-page .developer-tools{margin-bottom:10px}.comparison-page label{font-size:12px}.comparison-page input,.comparison-page select{max-width:100%;min-width:0}.comparison-page #controls label{flex:1 1 170px}.comparison-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.comparison-page .grid{grid-template-columns:1fr}.comparison-page #controls label{flex:auto}.comparison-answer{padding:18px}.comparison-page header{gap:12px}.comparison-page .badge{letter-spacing:.5px}}
