:root{--ink:#17201d;--muted:#66716d;--paper:#fbfaf7;--cream:#f5f1e9;--line:rgba(23,32,29,.16);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit}.article-nav{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px);position:sticky;top:0;background:rgba(251,250,247,.96);z-index:2}.brand{font-weight:700;text-decoration:none;letter-spacing:-1px}.brand span{font-weight:400}.brand i{color:#db725a;font-style:normal}.article-nav a:last-child{font-size:13px;text-decoration:none;border-bottom:1px solid}.article-wrap{max-width:920px;margin:auto;padding:58px 22px 80px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:26px}.breadcrumbs a{text-decoration:none}.article-kicker{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:700;color:var(--muted)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-1.5px;line-height:1.08}h1{font-size:clamp(42px,7vw,76px);max-width:800px;margin:14px 0 20px}h2{font-size:32px;margin:46px 0 12px}p{max-width:720px}.dek{font:20px/1.55 var(--serif);color:var(--muted);max-width:680px}.hero-img{width:100%;max-height:560px;object-fit:cover;margin:34px 0 12px;background:var(--cream)}figcaption{font-size:12px;color:var(--muted)}.article-body{max-width:720px}.article-body ul{padding-left:22px}.tip{background:var(--cream);border-left:4px solid #a7ae86;padding:18px 20px;margin:30px 0}.product-link{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:13px 18px;margin:12px 0 16px;font-size:14px}.related{border-top:1px solid var(--line);margin-top:54px;padding-top:24px}.related a{display:block;margin:9px 0;color:#53675d}.article-footer{border-top:1px solid var(--line);margin-top:60px;padding-top:22px;color:var(--muted);font-size:13px}@media(max-width:650px){.article-nav{height:64px}.article-nav a:last-child{font-size:11px}.article-wrap{padding:38px 18px 60px}h1{font-size:45px}.dek{font-size:18px}.hero-img{max-height:440px;margin-top:25px}h2{font-size:29px}}

figure{margin:0;min-width:0}
.article-wrap{max-width:980px}
.article-body{max-width:760px;margin:0 auto}
.article-hero{margin:30px auto 42px;max-width:760px}
.article-hero .hero-img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;margin:0;background:#f5f1e9}
.article-hero figcaption{margin-top:10px}
.section-visual{margin:26px 0 34px}
.section-visual img{display:block;width:100%;height:auto;max-height:none;border-radius:6px;background:#f5f1e9}
.section-visual figcaption{margin:10px 0 0;font-size:14px;line-height:1.5;color:#56625c}
.section-visual.portrait{max-width:400px;margin-left:auto;margin-right:auto}
.colour-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 34px}
.colour-comparison img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f5f1e9;border-radius:6px}
.colour-comparison figcaption{font-size:14px;font-weight:600;text-align:center;margin:8px 0 0}
.article-body a:not(.product-link){color:#365746;text-underline-offset:3px}
.article-kicker,.breadcrumbs{font-size:13px}
.article-nav a:last-child{font-size:14px}
h1{overflow-wrap:break-word}
@media(max-width:650px){.article-hero{margin:24px 0 30px}.article-wrap{padding:30px 18px 54px}h1{font-size:clamp(34px,9vw,45px);line-height:1.1;letter-spacing:-1px}.article-body h2{font-size:28px;letter-spacing:-.6px}.article-nav{padding:0 18px;gap:16px}.article-nav a:last-child{font-size:13px}.section-visual{margin:22px 0 28px}.section-visual.portrait{max-width:340px}}
@media(max-width:380px){.colour-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Contextual product recommendation, with an explicit route to the shop. */
.product-recommendation{margin:42px 0 30px;padding:24px;background:#eee8dd;border:1px solid #d9cbb6;border-radius:12px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:26px;align-items:start}
.recommendation-photo{align-self:center;min-width:0}
.recommendation-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px}
.recommendation-label{margin:0 0 10px;font:700 12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.3px;color:#66502c}
.recommendation-copy h2{font-size:32px;line-height:1.12;letter-spacing:-.8px;margin:0 0 16px}
.recommendation-copy>p:not(.recommendation-label):not(.recommendation-note){font-size:16px;line-height:1.65;margin:0 0 16px}
.recommendation-benefits{padding-left:20px;margin:0 0 22px;font-size:15px;line-height:1.6}
.recommendation-benefits li{margin-bottom:7px}
.recommendation-cta,.article-nav a:last-child{background:#243f32;color:#fff;border:1px solid #243f32;border-radius:7px;font:700 15px/1.4 Arial,sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;min-height:48px;transition:background .15s ease,box-shadow .15s ease}
.article-body .recommendation-cta{color:#fff!important;text-decoration:none}
.recommendation-cta{width:100%;text-align:center;box-shadow:0 3px 0 #132a20}
.recommendation-cta:hover,.article-nav a:last-child:hover{background:#365b47;box-shadow:0 3px 10px #17201d25}
.recommendation-cta:focus-visible,.article-nav a:last-child:focus-visible{outline:3px solid #b47a20;outline-offset:4px}
.recommendation-note{font-size:13px;line-height:1.5;color:#605b50;margin:12px 0 0!important}
.article-nav a:last-child{font-size:14px;padding:10px 15px;min-height:44px}
@media(max-width:700px){.product-recommendation{grid-template-columns:1fr;padding:20px;gap:20px}.recommendation-photo{max-width:280px;width:100%;margin:auto}.recommendation-copy h2{font-size:30px}.article-nav a:last-child{font-size:13px;padding:9px 11px;gap:7px}.article-nav{gap:10px}.recommendation-cta{font-size:16px;padding:15px}}

/* Batch 2: bounded comparison layout; preserve approved article hierarchy. */
.colour-comparison.two-colours{grid-template-columns:repeat(2,minmax(0,1fr))}
.comparison-scroll{max-width:100%;overflow-x:auto;margin:24px 0;overscroll-behavior-inline:contain}
.decision-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.decision-table th,.decision-table td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid var(--line);min-width:140px}
.decision-table thead{background:var(--cream)}
.decision-table th:first-child{min-width:150px}
.article-body ol{padding-left:24px}.article-body ol li{margin:12px 0}
.comparison-scroll:focus-visible{outline:3px solid #365746;outline-offset:3px}