/* Editorial layout v1 — shared by every public page, September 2026. */
:root{--ink:#18332f;--muted:#566862;--accent:#285c4f;--paper:#f5f4ee;--surface:#fff;--line:#d8ddd5;--wash:#e3e9df;--font:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--font)}img,svg{max-width:100%}img{height:auto}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,h4,h5,h6{color:var(--ink);line-height:1.2;text-wrap:balance}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}h1{font-size:clamp(36px,4.5vw,60px)}h2{font-size:clamp(28px,3vw,40px)}h3{font-size:23px}p{margin:0 0 1.25em}ul,ol{padding-left:1.4em}li{margin-bottom:.4em}hr{border:0;border-top:1px solid var(--line);margin:40px 0}[hidden]{display:none!important}
.design-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.design-skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:1000}.design-skip:focus{top:10px}.design-header{background:var(--paper);border-bottom:1px solid var(--line)}.design-header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.design-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:18px;font-weight:750;line-height:1.2;letter-spacing:-.04em}.design-monogram{width:40px;height:44px;display:grid;place-items:center;color:var(--paper);background:var(--ink);font:26px Georgia,serif;border-radius:4px 4px 15px 4px}.design-brand small{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin-top:7px;color:var(--muted)}.design-nav{display:flex;gap:27px;align-items:center}.design-nav a{font-size:13px;color:var(--ink);text-decoration:none;font-weight:600;padding:12px 0}.design-nav a:hover{text-decoration:underline}.design-disclosure{font-size:11px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line)}.design-disclosure a{color:inherit}
.design-kicker{font:700 10px/1.5 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.design-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:65px}.design-hero h1{font-size:clamp(46px,5.3vw,74px);margin:0 0 24px;line-height:1.03}.design-hero h1 em{font-weight:400;color:var(--accent)}.design-hero p:not(.design-kicker){font-size:17px;color:var(--muted);max-width:510px}.design-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.design-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;background:var(--ink);color:white;text-decoration:none;border:1px solid var(--ink);border-radius:4px;font-size:13px;font-weight:600}.design-button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.design-button:hover{background:var(--accent);color:white}.design-art{background:var(--wash);border-radius:90px 5px 5px 5px;overflow:hidden;position:relative;min-height:420px;display:grid;place-items:center}.design-art img{width:100%;height:440px;object-fit:cover}.design-art svg{width:100%;height:410px}.design-art-note{position:absolute;bottom:20px;left:25px;font:11px var(--font);color:var(--ink);background:var(--paper);padding:10px 14px;border-radius:3px}.design-featured{border-block:1px solid var(--line);padding:42px 0 50px}.design-section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.design-section-heading h2{margin:0}.design-section-heading p{color:var(--muted);max-width:360px;font-size:14px;margin:0}.design-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.design-feature{padding:27px;background:white;border:1px solid var(--line);border-radius:5px;display:flex;flex-direction:column;min-height:190px}.design-feature>span{font-size:11px;letter-spacing:.1em;color:var(--accent)}.design-feature h3{font-size:23px;letter-spacing:-.035em;margin:28px 0 18px}.design-feature a{color:var(--ink);text-decoration:none}.design-feature a:hover{text-decoration:underline}.design-feature p{font-size:12px;color:var(--muted);margin-top:auto;margin-bottom:0}.design-directory{padding:60px 0}.design-search{width:100%;max-width:350px;padding:12px 16px;border:1px solid var(--line);background:white;border-radius:4px;color:var(--ink)}.design-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}.design-guide{border-top:1px solid var(--line);padding:24px 0}.design-guide h3{font-size:18px;letter-spacing:-.02em;margin:10px 0 14px}.design-guide h3 a{color:var(--ink);text-decoration:none}.design-guide h3 a:hover{text-decoration:underline}.design-guide span{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.design-guide p{font-size:12px;color:var(--muted);margin:0}.design-note{padding:35px 40px;background:var(--ink);color:white;border-radius:5px;margin-bottom:55px;display:grid;grid-template-columns:1fr 1.7fr;gap:40px}.design-note h2{color:white;font-size:30px;margin:0}.design-note p{font-size:14px;color:#e0e7e2;margin:0}.design-note a{color:white}.design-footer{padding:38px 0;background:var(--wash);border-top:1px solid var(--line)}.design-footer-top{display:flex;justify-content:space-between;gap:30px}.design-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.design-footer p{font-size:11px;color:var(--muted);margin:25px 0 0}.design-footer a{color:var(--ink)}
/* Content templates: shared for buying guides, informational articles and legal pages. */
.design-content{min-height:45vh}.design-content>.container,.design-content>.container--narrow{width:min(900px,calc(100% - 48px));margin-inline:auto}.article-hero,.article-header{padding:44px 24px 35px;background:transparent;border-bottom:1px solid var(--line);margin:0 auto 36px;max-width:1000px}.article-hero h1,.article-header h1{max-width:860px;margin:18px auto 22px}.article-hero>.container--narrow,.article-header>.container{max-width:860px;margin:auto}.article-excerpt,.article-lead,.article-header p,.article-hero p{font-size:18px;color:var(--muted);max-width:790px}.breadcrumb,.breadcrumbs{font-size:11px;color:var(--muted);line-height:1.7}.article-meta,.article-info,.meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:16px 0}.article-body,.article-content{width:min(860px,calc(100% - 48px));margin:0 auto 60px;font-size:17px;line-height:1.85}.article-body>.container,.article-body>.container--narrow,.article-content>.container{width:auto;max-width:none;padding:0}.article-body h2,.article-content h2{margin:48px 0 24px}.article-body h3,.article-content h3{margin:30px 0 16px}.article-body p,.article-content p{max-width:78ch}.article-body img,.article-content img{display:block;max-width:100%;height:auto;border-radius:3px}.article-body>img,.article-content>img{margin:30px auto}.toc,.table-of-contents{background:var(--wash);border:1px solid var(--line);padding:23px 28px;margin:30px 0;border-radius:5px;font-size:14px}.toc h2,.toc h3,.table-of-contents h2{font:700 14px var(--font);margin:0 0 15px}.toc ul,.toc ol{columns:2;column-gap:30px;margin-bottom:0}.toc li{break-inside:avoid}.toc a{color:var(--ink)}
.product-card,.product-review,.product-section{background:white;border:1px solid var(--line);border-radius:6px;padding:30px;margin:28px 0;position:relative;box-shadow:0 5px 20px #18332f04}.product-title,.product-review__title{font-size:24px;line-height:1.3;letter-spacing:-.03em;font-weight:700;margin-bottom:16px}.product-title a{color:var(--ink)}.product-card p,.product-review p{font-size:15px;line-height:1.8}.product-card:has([data-amazon-image]),.product-review:has([data-amazon-image]){display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:0 28px}.product-card:has([data-amazon-image])>*,.product-review:has([data-amazon-image])>*{grid-column:1}.product-card:has([data-amazon-image])>a:has([data-amazon-image]),.product-review:has([data-amazon-image])>a:has([data-amazon-image]){grid-column:2;grid-row:1 / span 12;align-self:start}.product-card a:has([data-amazon-image]),.product-review a:has([data-amazon-image]){display:block;background:var(--ink);color:white!important;text-align:center;padding:0 0 16px;border-radius:5px;font-size:12px;line-height:1.6;text-decoration:none;overflow:hidden}.product-card [data-amazon-image],.product-review [data-amazon-image]{display:block;background:white;padding:18px;margin-bottom:15px;min-height:40px}.product-card [data-amazon-image] img,.product-review [data-amazon-image] img{max-height:245px!important;width:auto;object-fit:contain;margin:0 auto!important}.product-card [data-amazon-image]:empty,.product-review [data-amazon-image]:empty{min-height:0;padding:0}.product-cta:not(:has([data-amazon-image])),.product-review__cta a,.amazon-btn,.btn-amazon{display:inline-block;background:var(--ink);color:white!important;padding:13px 20px;border-radius:4px;font-size:13px;text-decoration:none}.product-rank,.product-review__num,.product-review__badge,.badge,.card-tag{font-size:11px;letter-spacing:.05em;font-weight:600;color:var(--accent)}.product-subtitle,.product-review__best-for{color:var(--muted);font-size:13px}.product-image,.product-image-link{max-width:330px;margin:20px auto}.pros-cons,.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:14px}.pros-cons h4{font-size:14px}.product-reference{padding:25px;background:var(--wash);border-radius:4px;font-size:13px}.reference-kicker,.reference-note{font-size:11px;display:block;color:var(--muted)}
.table-wrap,.table-container,.comparison-table-wrap,.design-table-scroll{max-width:100%;overflow:auto;margin:24px 0;border:1px solid var(--line);border-radius:5px}table{width:100%;border-collapse:collapse;background:white;font-size:13px;line-height:1.6}th,td{padding:15px 17px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--wash);font-weight:700;color:var(--ink)}.callout,.info-box,.tip-box,.warning-box,.note,.disclaimer{padding:20px 25px;margin:25px 0;background:var(--wash);border-left:3px solid var(--accent);font-size:14px;border-radius:3px}.callout h3,.info-box h3{margin-top:0;font-size:18px}.callout-icon,.icon-col{display:none}.faq-item{padding:22px 0;border-bottom:1px solid var(--line)}.faq-item__question{font-size:19px;font-weight:600}.related-articles{border-top:1px solid var(--line);margin-top:45px;padding-top:20px}.card-grid,.articles-grid,.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:block;background:white;border:1px solid var(--line);border-radius:5px;padding:22px;color:var(--ink);text-decoration:none}.card h3,.card__title{font-size:18px;margin:12px 0}.card p,.card__excerpt{font-size:13px;color:var(--muted)}.card__image-placeholder{display:none}.card__read-more{font-size:12px}.disclosure-banner,.affiliate-disclosure,.disclosure{background:var(--wash);color:var(--muted);padding:16px;font-size:12px}.disclosure-banner a,.affiliate-disclosure a,.disclosure a{color:var(--ink)!important}.design-info{width:min(860px,calc(100% - 48px));margin:45px auto 70px}.design-info>h1{margin-top:0}.design-content :is(p,li,td,a,h1,h2,h3,h4){overflow-wrap:break-word}.design-content h2[id],.design-content h3[id]{scroll-margin-top:24px}.design-content .seo-legal{display:none}
@media(max-width:900px){.design-wrap{width:calc(100% - 40px)}.design-hero{gap:30px}.design-hero h1{font-size:52px}.design-nav{gap:16px}.design-guide-grid{grid-template-columns:repeat(2,1fr)}.card-grid,.articles-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.product-card:has([data-amazon-image]),.product-review:has([data-amazon-image]){grid-template-columns:minmax(0,1fr) 230px;gap:0 20px}.design-art{min-height:360px}.design-art img{height:380px}}
@media(max-width:640px){.design-wrap{width:calc(100% - 36px)}.design-header-inner{padding:20px 0 13px;min-height:0;align-items:start;flex-direction:column;gap:16px}.design-brand{font-size:18px}.design-nav{width:100%;justify-content:space-between;gap:10px}.design-nav a{font-size:12px;padding:5px 0}.design-disclosure{font-size:10px}.design-hero{grid-template-columns:1fr;padding-block:35px;gap:30px}.design-hero h1{font-size:48px}.design-hero p:not(.design-kicker){font-size:16px}.design-art{min-height:0;border-radius:55px 5px 5px 5px}.design-art svg{height:270px}.design-art img{height:290px}.design-art-note{bottom:12px;left:16px;font-size:10px}.design-actions{margin-top:24px;gap:9px}.design-button{padding:12px 17px;font-size:12px}.design-feature-grid,.design-guide-grid,.card-grid,.articles-grid,.related-grid{grid-template-columns:1fr}.design-featured{padding-block:32px}.design-feature{min-height:0;padding:24px}.design-feature h3{margin-top:18px}.design-section-heading{display:block}.design-section-heading p,.design-search{margin-top:18px}.design-directory{padding-block:38px}.design-note{grid-template-columns:1fr;gap:18px;padding:27px;margin-bottom:36px}.design-footer-top{flex-direction:column;gap:24px}.design-footer nav{gap:18px}.article-hero,.article-header{padding:30px 20px 25px;margin-bottom:25px}.article-hero h1,.article-header h1{font-size:36px}.article-excerpt,.article-lead,.article-header p,.article-hero p{font-size:16px}.article-body,.article-content{width:calc(100% - 36px);font-size:16px;line-height:1.85}.article-body h2,.article-content h2{font-size:30px;margin-top:36px}.toc ul,.toc ol{columns:1}.toc{padding:20px}.product-card,.product-review{padding:22px;margin-block:22px}.product-card:has([data-amazon-image]),.product-review:has([data-amazon-image]){display:block}.product-card a:has([data-amazon-image]),.product-review a:has([data-amazon-image]){margin-top:22px}.product-card [data-amazon-image] img,.product-review [data-amazon-image] img{max-height:280px!important}.product-title,.product-review__title{font-size:22px}.pros-cons{grid-template-columns:1fr;gap:0}table{min-width:570px}.design-info{width:calc(100% - 36px)}.design-content>.container,.design-content>.container--narrow{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.design-toc-sub{margin-left:1rem}button.faq-item__question{display:block;width:100%;padding:12px 0;border:0;background:transparent;color:var(--ink);font-family:var(--font);text-align:left;line-height:1.5}button.faq-item__question::after{content:' −';color:var(--accent)}button.faq-item__question[aria-expanded=false]::after{content:' +'}

@font-face{font-family:'Manrope CTA';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/manrope-bold-latin.woff2') format('woff2')}
/* Shared purchase buttons: includes legacy CTA aliases, not inline citations. */
.design-v1 a:is(.product-cta,.product-review__cta,.amazon-btn,.btn-amazon,.buy-btn,.cta-button,.cta,.btn,.btn-primary,.btn--primary,.btn--amazon):not(:has([data-amazon-image])){
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:48px;max-width:100%;padding:13px 22px;margin-block:8px;
 background:#f4bd50;color:#272317!important;border:1px solid #a76b0d;
 border-radius:8px;box-shadow:0 3px 0 #a76b0d;
 font:700 18px/1.4 'Manrope CTA',var(--font);text-align:center;text-decoration:none;
 white-space:normal;overflow-wrap:anywhere;vertical-align:middle;
 transition:background-color .15s ease,box-shadow .15s ease;
}
.design-v1 a:has(>[data-amazon-image]){
 display:block;min-height:48px;max-width:100%;background:#f4bd50;color:#272317!important;
 border:1px solid #a76b0d;border-radius:8px;box-shadow:0 3px 0 #a76b0d;
 padding:0 16px 16px;font:700 18px/1.4 'Manrope CTA',var(--font);text-align:center;
 text-decoration:none;overflow:hidden;
}
.design-v1 a>[data-amazon-image]{display:block;background:white;margin:0 -16px 15px;padding:18px}
.design-v1 a:is(.product-cta,.product-review__cta,.amazon-btn,.btn-amazon,.buy-btn,.cta-button,.cta,.btn,.btn-primary,.btn--primary,.btn--amazon):hover,
.design-v1 a:has(>[data-amazon-image]):hover{background:#ffd17a;color:#272317!important;text-decoration:none;box-shadow:0 3px 0 #80500a}
.design-v1 a:is(.product-cta,.product-review__cta,.amazon-btn,.btn-amazon,.buy-btn,.cta-button,.cta,.btn,.btn-primary,.btn--primary,.btn--amazon):focus-visible,
.design-v1 a:has(>[data-amazon-image]):focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.design-v1 a:is(.product-cta,.product-review__cta,.amazon-btn,.btn-amazon,.buy-btn,.cta-button,.cta,.btn,.btn-primary,.btn--primary,.btn--amazon):active{box-shadow:none}
@media(max-width:640px){.design-v1 a:is(.product-cta,.product-review__cta,.amazon-btn,.btn-amazon,.buy-btn,.cta-button,.cta,.btn,.btn-primary,.btn--primary,.btn--amazon):not(:has([data-amazon-image])){width:100%}}
@media(prefers-reduced-motion:reduce){.design-v1 a{transition:none!important}}

:root{--ink:#302e27;--accent:#97502d;--wash:#e9e2d5}
