/* Layout and typography vary as well as color; content differentiation is reviewed separately. */
.style-editorial{--ink:#35251e;--muted:#6a5a50;--line:#dfd2c4;--paper:#fffaf2;--soft:#f3e8d8;--accent:#efd3a5;--accent-hover:#e1bd84;--max:980px;font-family:Georgia,"Times New Roman",serif;font-size:18px}
.style-editorial .site-header{background:var(--paper)}
.style-editorial .site-title{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.02em}
.style-editorial .hero{display:block;max-width:820px;margin:auto;padding-top:76px}
.style-editorial .hero h1{max-width:760px;font-weight:500;letter-spacing:-.045em}
.style-editorial .product-summary{margin-top:40px;background:transparent;border:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);border-radius:0;padding:24px 0}
.style-editorial .product-summary h2{font-size:25px}
.style-editorial .product-summary ul{columns:2;column-gap:36px}
.style-editorial .product-summary li{break-inside:avoid}
.style-editorial .prose{max-width:760px;margin:auto}
.style-editorial .guide-grid{display:block;border-top:2px solid var(--ink)}
.style-editorial .guide-card{padding:26px 0;border:0;border-bottom:1px solid var(--line);border-radius:0}
.style-editorial .guide-card h3{font-size:26px;font-weight:500}
.style-editorial .button{border-radius:0;font-family:system-ui,sans-serif}
.style-editorial .related-section,.style-editorial .site-footer{background:var(--soft);border-radius:0}
.style-editorial a{color:#784224}.style-editorial .button{color:#35251e}

.style-comparison{--ink:#142a43;--muted:#4f6278;--line:#cfdce8;--paper:#f8fbff;--soft:#eaf1f9;--accent:#174c7e;--accent-hover:#103b64;--max:1220px}
.style-comparison .site-header{background:var(--ink);border-bottom:4px solid #e5af47}
.style-comparison .site-title,.style-comparison .nav-guide{color:#fff}
.style-comparison .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.style-comparison .hero h1{font-size:clamp(2.3rem,4vw,3.6rem);letter-spacing:-.02em}
.style-comparison .product-summary{background:#fff;border:2px solid var(--line);border-top:6px solid var(--accent);border-radius:0;padding:26px}
.style-comparison .product-summary h2{font-size:26px}
.style-comparison .button{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:3px}
.style-comparison .button:hover{background:var(--accent-hover)}
.style-comparison .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:guide}
.style-comparison .guide-card{background:#fff;border-radius:0;border-top:4px solid var(--accent)}
.style-comparison .guide-card::before{counter-increment:guide;content:counter(guide,decimal-leading-zero);display:block;font-size:34px;font-weight:800;color:var(--accent);margin-bottom:16px}
.style-comparison .prose th{background:var(--ink);color:#fff}
.style-comparison .prose td{border:1px solid var(--line)}
.style-comparison .prose table{border:1px solid var(--line)}
.style-comparison .related-section{border-radius:0;border-left:5px solid var(--accent)}
.style-comparison .article-hero{display:block}
.style-comparison .site-footer{background:var(--soft)}

@media(max-width:760px){
  .style-editorial{font-size:17px}
  .style-editorial .hero{padding-top:36px}
  .style-editorial .product-summary ul{columns:1}
  .style-editorial .guide-card h3{font-size:23px}
  .style-comparison .hero{display:block}
  .style-comparison .guide-grid{grid-template-columns:1fr}
  .style-comparison .product-summary{margin-top:30px}
}