
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172c2b;background:#f5f6f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 28px}header{background:#fff;border-bottom:1px solid #dce3dd}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}.brand{font-family:Georgia,serif;font-size:29px;font-weight:bold;letter-spacing:-1.3px;text-decoration:none;color:#183f38}.brand span{color:#d98c56}.navlinks{display:flex;gap:30px;font-size:14px;font-weight:650}.navlinks a{text-decoration:none}.navlinks a:hover,.text-link:hover{text-decoration:underline}.nav-cta{border:1px solid #1c4a41;border-radius:100px;padding:10px 18px;text-decoration:none;font-size:14px;font-weight:650}.hero{background:#153e36;color:white}.hero-inner{display:grid;grid-template-columns:52% 48%;min-height:490px}.hero-copy{padding:78px 45px 70px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#e8ba8d;font-size:12px;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(43px,5vw,70px);letter-spacing:-.055em;line-height:1.03;margin:20px 0}.hero p{font-size:18px;line-height:1.65;max-width:590px;color:#e2eee8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:33px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border-radius:6px;padding:12px 19px;text-decoration:none;font-weight:700;font-size:14px}.btn-primary{background:#e5a371;color:#19352f}.btn-secondary{border:1px solid #82a79a;color:#fff}.hero-photo{background:linear-gradient(90deg,rgba(21,62,54,.15),transparent),url('https://commons.wikimedia.org/wiki/Special:FilePath/Villa_Cavrois_Pergola_Terrasse.jpg?width=1200') center/cover;background-color:#6e8173;min-height:350px}.photo-credit{font-size:12px;padding:9px 0 0;color:#667b74}.photo-credit a{color:inherit}.notice{padding:18px 0;color:#4d625c;font-size:14px;line-height:1.5;border-bottom:1px solid #dde3dd}.section{padding:72px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section h2{font-family:Georgia,serif;font-size:clamp(31px,3vw,43px);letter-spacing:-.035em;margin:0 0 8px}.section-head p,.section-intro{color:#576c64;line-height:1.6;max-width:620px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e0e6e0;border-radius:9px;padding:28px;display:flex;flex-direction:column;min-height:300px}.card .num{color:#bb7243;font-size:13px;font-weight:800;letter-spacing:.1em}.card h3{font-family:Georgia,serif;font-size:27px;letter-spacing:-.03em;margin:22px 0 10px}.card p{line-height:1.65;color:#54665e;margin:0 0 20px}.card .best{font-size:14px;background:#eff3ee;padding:10px 12px;border-radius:5px;margin-top:auto;color:#274c42}.card .text-link{font-weight:750;color:#206755;text-decoration:none;margin-top:20px;font-size:14px}.guide{background:#e8eee8}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.criterion{background:#fff;border-left:3px solid #d99968;padding:24px}.criterion h3{margin:0 0 8px;font-size:18px}.criterion p{color:#536a60;line-height:1.6;margin:0}.shop{background:#fff}.shop-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#173f37;color:#fff;padding:45px;border-radius:10px}.shop-panel p{line-height:1.6;color:#d8e6de}.shop-links{display:grid;gap:12px;align-content:center}.shop-links a{background:#fff;color:#173f37;text-decoration:none;padding:16px 19px;border-radius:5px;font-weight:750;display:flex;justify-content:space-between;gap:10px}.shop-links a:hover{background:#f4dfcb}footer{background:#102e29;color:#c5d5cc;padding:42px 0;font-size:13px;line-height:1.7}footer strong{display:block;color:white;font-size:20px;font-family:Georgia,serif;margin-bottom:10px}footer a{color:#e3c29f}footer .foot{display:flex;justify-content:space-between;gap:40px}footer p{max-width:690px;margin:0}@media(max-width:800px){.navlinks{display:none}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:60px 0}.hero-photo{min-height:300px}.cards{grid-template-columns:1fr}.card{min-height:0}.guide-grid,.shop-panel{grid-template-columns:1fr}.section{padding:54px 0}.foot{flex-direction:column}}@media(max-width:500px){.wrap{padding:0 20px}.hero h1{font-size:46px}.hero p{font-size:16px}.hero-photo{min-height:230px}.shop-panel{padding:28px}.nav-cta{font-size:12px;padding:9px 12px}}

.article-hero{background:#153e36;color:white;padding:64px 0 58px}.article-hero h1{font:normal clamp(38px,5vw,62px)/1.08 Georgia,serif;letter-spacing:-.045em;max-width:850px;margin:15px 0}.article-hero p{max-width:750px;line-height:1.65;font-size:18px;color:#e2eee8}.breadcrumb{font-size:14px;color:#cadfd2}.breadcrumb a{color:inherit}.article-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(240px,1fr);gap:55px;padding:55px 28px 85px}.prose{font-size:17px;line-height:1.78;color:#263d35}.prose h2{font:normal 34px/1.2 Georgia,serif;letter-spacing:-.03em;color:#153e36;margin:48px 0 14px}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 18px}.prose ul{padding-left:23px}.prose li{margin-bottom:11px}.callout{background:#e8eee8;border-left:4px solid #d99968;padding:21px 24px;margin:30px 0}.aside{align-self:start;position:sticky;top:22px;background:white;border:1px solid #dce3dd;border-radius:8px;padding:23px}.aside h2{font:normal 24px Georgia,serif;margin:0 0 14px}.aside a{display:block;color:#206755;padding:9px 0;text-decoration:none;font-weight:650;font-size:14px}.aside a:hover{text-decoration:underline}.aside .affiliate{font-size:13px;color:#687a70;line-height:1.5;border-top:1px solid #dce3dd;margin-top:14px;padding-top:14px}.guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.guide-tile{background:white;border:1px solid #dce3dd;border-radius:8px;padding:26px;text-decoration:none}.guide-tile:hover{border-color:#26745d}.guide-tile small{color:#b4693e;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.guide-tile h2{font:normal 25px Georgia,serif;color:#153e36;letter-spacing:-.02em;margin:13px 0}.guide-tile p{color:#586f64;line-height:1.55;margin:0}.meta{color:#b6d0c4;font-size:14px}@media(max-width:800px){.article-layout{display:block;padding:40px 20px 65px}.aside{position:static;margin-top:35px}.guides-grid{grid-template-columns:1fr}}
.prose .table-scroll{overflow-x:auto;margin:28px 0}.prose table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;line-height:1.5;background:white}.prose caption{text-align:left;font-weight:700;margin-bottom:10px}.prose th,.prose td{border:1px solid #dce3dd;padding:12px;text-align:left;vertical-align:top}.prose thead{background:#e8eee8}.prose section p a{color:#206755;text-decoration:underline;text-underline-offset:3px}.prose .btn small{font-size:12px;margin-left:7px}
