
:root{--green:#163e35;--forest:#103329;--gold:#b08a46;--ink:#233e32;--cream:#f8f5eb;--paper:#fffdf8;--muted:#63776c;--line:#e0dfd2;--font-serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.7}a{color:var(--green)}a:hover{color:#7a5822}img{max-width:100%;height:auto}.wrap{max-width:1160px;margin:auto;padding:0 24px}.eyebrow{font-size:.74rem;font-weight:800;text-transform:uppercase;color:var(--gold);letter-spacing:.18em}.serif,h1,h2,h3{font-family:var(--font-serif);line-height:1.15}h1{font-size:clamp(2.6rem,5vw,5.2rem);font-weight:500;letter-spacing:-.04em;margin:12px 0 24px}h2{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:500;margin:0 0 20px}h3{font-size:1.43rem;font-weight:500}p{margin:0 0 17px}.muted{color:var(--muted)}.site-header{background:#fffefb;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;box-shadow:0 4px 18px #183a3220}.head{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;text-decoration:none;gap:9px;white-space:nowrap}.brand img{width:90px;height:64px;object-fit:contain}.brandname{font-family:var(--font-serif);font-size:1.43rem;font-weight:700;color:var(--forest)}.nav{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.nav a{font-size:.86rem;font-weight:650;color:var(--green);text-decoration:none}.nav a:hover{text-decoration:underline;text-underline-offset:6px}.btn{display:inline-block;background:var(--green);color:white;border:1px solid var(--green);border-radius:5px;padding:12px 20px;font-size:.88rem;text-decoration:none;font-weight:750;cursor:pointer}.btn:hover{background:#225d4d;color:white}.btn.outline{background:transparent;color:var(--green)}.btn.outline:hover{background:#e7efe9}.hero{background:linear-gradient(116deg,#143f35df,#143d35b6),url('https://images.unsplash.com/photo-1762311413348-d89e9548997d?auto=format&fit=crop&w=1700&q=85') center/cover;color:white;min-height:560px;display:flex;align-items:center}.hero .eyebrow{color:#e7c487}.hero .wrap{width:100%;padding-top:65px;padding-bottom:70px}.hero p{max-width:640px;font-size:1.11rem;color:#eaf2ed}.hero .btn{background:var(--gold);border-color:var(--gold);color:var(--forest)}.hero .btn:hover{background:#d7b16c}.hero .btn.outline{background:transparent;border-color:#d5ded7;color:white}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.statsbar{background:#e9efe8;border-bottom:1px solid var(--line);padding:17px 0;text-align:center;color:#2e5748;font-weight:700;font-size:.8rem;letter-spacing:.055em}.section{padding:85px 0}.soft{background:var(--cream)}.section-lead{font-size:1.08rem;color:var(--muted);max-width:750px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin:36px 0}.article-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 7px 25px #163e350c;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #163e3520}.article-card>.cardtop{height:9px;background:var(--gold)}.article-card-body{padding:25px;flex:1;display:flex;flex-direction:column}.article-card h3{margin:11px 0;font-size:1.5rem}.article-card p{color:var(--muted);font-size:.9rem;flex:1}.article-card a{font-size:.88rem;font-weight:760;text-decoration:none;margin-top:12px}.article-card a:hover{text-decoration:underline}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:25px}.filters input{border:1px solid #cbd7cd;border-radius:7px;padding:13px 16px;min-width:min(100%,350px);background:white;color:#183d31;font:inherit}.filters select{border:1px solid #cbd7cd;border-radius:7px;background:white;padding:12px;color:#183d31;font:inherit}.n-results{font-size:.86rem;color:var(--muted)}.disclosure{background:#f4eddb;border-left:4px solid var(--gold);padding:16px 18px;font-size:.9rem;border-radius:4px;margin:23px 0 30px}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.product{border:1px solid var(--line);padding:20px 16px;background:white;border-radius:9px;display:flex;flex-direction:column}.product .art{background:linear-gradient(140deg,#e9eee4,#f8f3e5);text-align:center;padding:15px;min-height:110px;display:grid;place-content:center;border-radius:6px;color:#367060}.product .art span{font-size:2rem}.product h3{font-size:1.2rem;margin:18px 0 10px}.price{font-size:1.3rem;font-weight:800;color:var(--green)}.product p{flex:1;font-size:.83rem;color:var(--muted)}.product .btn{text-align:center;padding:10px 9px;font-size:.78rem}.footnotes{font-size:.82rem;color:var(--muted);margin-top:19px}.cta{padding:52px 0;background:#e6eee6;text-align:center}.cta h2{margin-bottom:10px}.footer{background:#15372e;color:#ecf2e9;padding:57px 0 20px}.foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer a{color:#d9e4d9;text-decoration:none}.footer a:hover{text-decoration:underline}.footer ul{padding:0;list-style:none}.footer li{margin:7px 0}.footer h4{margin-top:0;color:#d6b475}.fineprint{border-top:1px solid #ffffff24;margin-top:35px;padding-top:21px;font-size:.76rem;color:#bccfc5}.fineprint a{text-decoration:underline}.article-hero{background:#f4f1e7;padding:58px 0 45px;border-bottom:1px solid var(--line)}.article-hero h1{max-width:990px}.article-hero p{max-width:780px;font-size:1.12rem;color:#5b7365}.breadcrumbs{font-size:.79rem;color:#63796c;margin-bottom:22px}.breadcrumbs a{text-decoration:none}.article-body{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,1fr);gap:65px;padding:60px 0 85px}.prose{font-size:1.045rem;line-height:1.82}.prose h2{font-size:2.05rem;margin:47px 0 19px}.prose h2:first-child{margin-top:0}.prose p{margin-bottom:20px}.aside-box{position:sticky;top:125px;background:#f6f5ed;padding:25px;border-radius:9px;border:1px solid var(--line)}.aside-box strong{display:block;margin-bottom:13px}.aside-box a{display:block;margin-bottom:9px;text-decoration:none;font-size:.87rem}.takeaway{background:#edf3ea;border-left:4px solid #2b7257;padding:22px 25px;margin:35px 0}.reading-meta{font-size:.83rem;color:#62786b;margin-top:15px}.related{background:var(--cream);padding:65px 0}.related-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-cards a{border:1px solid #d9dccd;background:#fff;padding:22px;text-decoration:none;font-family:var(--font-serif);font-size:1.25rem;line-height:1.25;border-radius:7px}.related-cards a small{display:block;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-size:.65rem;font-weight:800;margin-bottom:8px}.simple-page{max-width:820px;padding-top:70px;padding-bottom:100px}.simple-page h1{font-size:3.8rem}.simple-page h2{margin-top:36px;font-size:2rem}.simple-page p,.simple-page li{line-height:1.85}.contact-pill{padding:15px 20px;border-radius:8px;background:#edf1e7;border-left:4px solid #ab8746}.hide{display:none!important}
@media(max-width:1100px){.products{grid-template-columns:repeat(3,1fr)}.nav{gap:13px}.brandname{font-size:1.16rem}.brand img{width:70px;height:55px}.article-body{gap:35px}}
@media(max-width:780px){.head{flex-wrap:wrap;justify-content:center;padding:11px 0}.nav{justify-content:center;gap:12px}.nav a{font-size:.82rem}.article-grid{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.article-body{grid-template-columns:1fr}.aside-box{position:static}.foot-cols{grid-template-columns:1fr 1fr;gap:25px}}
@media(max-width:520px){.wrap{padding:0 18px}.hero{min-height:470px}.hero .wrap{padding-top:48px;padding-bottom:48px}.hero h1{font-size:2.7rem}.article-grid,.products,.related-cards{grid-template-columns:1fr}.section{padding:60px 0}.article-hero{padding:40px 0}.article-body{padding:38px 0 65px}.prose h2{font-size:1.78rem}.foot-cols{grid-template-columns:1fr}.simple-page h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card{transition:none}}


/* Revision 3 — Yellow Mountain Imports verified first-order offer. Scoped to shopping sections. */
.affiliate-offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:24px 0;padding:24px 26px;border:1px solid #c9d9c8;border-left:5px solid #b89451;border-radius:16px;background:#eff4ed;box-shadow:0 7px 20px rgba(25,58,41,.045)}
.affiliate-offer-copy{flex:1 1 380px;min-width:0}
.affiliate-offer .eyebrow{margin-bottom:5px;color:#516d50}
.affiliate-offer h3{font-family:'Playfair Display',Georgia,serif;color:#173e35;font-size:clamp(1.38rem,2vw,1.9rem);line-height:1.24;margin:0 0 10px}
.affiliate-offer p{margin:7px 0;line-height:1.55;color:#304b42}
.affiliate-offer .offer-fineprint{font-size:.84rem;color:#556960;margin-top:8px}
.affiliate-code{display:inline-block;max-width:100%;overflow-wrap:anywhere;background:#fff;color:#153d34;padding:2px 7px;border:1px dashed #ba985c;border-radius:5px;font-weight:750;letter-spacing:.01em}
.affiliate-offer-button{max-width:100%;white-space:normal;text-align:center;justify-content:center;flex:0 1 auto}
.product .product-coupon{font-size:.78rem;line-height:1.38;color:#4b6459;overflow-wrap:anywhere;margin:10px 0 0}
.direct-link-note{font-size:.9rem;line-height:1.6;border:1px solid #dae4d9;border-radius:10px;padding:16px 18px;background:#f8faf6;margin:18px 0}
.direct-link-note a{color:#145747;text-decoration:underline;text-underline-offset:3px}
.prose .affiliate-offer{margin:24px 0 18px;padding:20px}
.prose .affiliate-offer h3{margin:4px 0 10px}
.prose .affiliate-offer p{margin:7px 0}
@media(max-width:650px){.affiliate-offer{padding:19px 17px;gap:15px}.affiliate-offer-button{width:100%}.direct-link-note{padding:14px}}

/* Revision 4: helpful illustrations, short learning exercises and comparison table. */
.instruction-figure{margin:26px 0 30px;padding:14px;background:#f5f5ee;border:1px solid #dae1d5;border-radius:11px}
.instruction-figure img{width:100%;max-width:700px;height:auto;display:block;margin:auto;border-radius:6px}
.instruction-figure figcaption{color:#4d6759;font-size:.82rem;line-height:1.5;margin:12px 5px 0}
.learning-exercise{padding:24px 0 6px}
.learning-exercise>h2{margin:0 0 16px!important;font-size:clamp(1.65rem,3vw,2.05rem)}
.learning-exercise>p{margin:0 0 20px}
.practice-questions{padding-left:25px;list-style:decimal}
.practice-questions li{margin:0 0 19px;padding-left:5px}
.practice-questions li>span{display:block;font-weight:650}
.practice-questions details{background:#f2f6f0;padding:10px 14px;margin:10px 0 0;border:1px solid #d5e2d5;border-radius:7px}
.practice-questions summary{font-size:.9rem;font-weight:700;cursor:pointer;color:#215847}
.practice-questions details p{margin:8px 0 2px;font-size:.93rem}
.learning-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:24px 0}
.learning-steps>div{border:1px solid #d5ded2;border-radius:10px;padding:20px 20px 14px;background:#f8faf5}
.learning-steps strong{display:block;color:#173d32;font-size:.99rem;margin:7px 0}
.learning-steps p{font-size:.88rem;line-height:1.55;color:#4d6358;margin-bottom:0}
.step-number{font-family:Georgia,serif;color:#b08a46;font-size:1.7rem;font-weight:700;line-height:1}
.next-lesson{border-left:3px solid #c1a36b;background:#f7f5eb;padding:15px 18px;font-size:.94rem;line-height:1.62;margin:26px 0}
.comparison-scroll{width:100%;overflow-x:auto;border:1px solid #dbe0d2;border-radius:9px;margin:22px 0;-webkit-overflow-scrolling:touch}
.set-comparison{border-collapse:collapse;min-width:620px;width:100%;font-size:.88rem;line-height:1.45}
.set-comparison th,.set-comparison td{text-align:left;padding:14px 13px;border-bottom:1px solid #e3e6dc;vertical-align:top}
.set-comparison thead{background:#183f34;color:#fff}
.set-comparison thead th{font-size:.8rem;font-weight:750}
.set-comparison tbody tr:nth-child(even){background:#f7f8f4}
.set-comparison tbody tr:last-child th,.set-comparison tbody tr:last-child td{border-bottom:0}
.set-comparison tbody th{font-weight:750;color:#1d4d3d}
.returning-shopper-note{background:#f7f5eb;border:1px solid #e3dcc7;border-radius:8px;padding:12px 14px;font-size:.92rem}
@media(max-width:660px){.learning-steps{grid-template-columns:1fr}.learning-exercise{padding:17px 0}.instruction-figure{padding:9px}}
