@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--white:#fff;--forest:#43594D;--terra:#B87563;--charcoal:#303332;--paper:#E7DCCB;--gray:#F4F5F4}*{box-sizing:border-box}body{margin:0;color:var(--charcoal);background:var(--white);font:16px/1.65 'DM Sans',sans-serif}a{color:var(--forest);text-decoration:none}a:hover{color:var(--terra)}.site-header{border-bottom:1px solid #dfe3df;background:#fff}.topline{text-align:center;background:var(--forest);color:#fff;padding:8px;font-size:13px}.nav-wrap{max-width:1200px;margin:auto;padding:22px 24px;display:flex;align-items:center;gap:28px}.brand{font:700 30px 'Playfair Display',serif;color:var(--forest)}nav{display:flex;gap:20px;flex:1;justify-content:center}.nav-action,.button{background:var(--terra);color:#fff;padding:10px 17px;border-radius:3px}.breadcrumbs{max-width:1200px;margin:24px auto;padding:0 24px;color:#65716a;font-size:14px;display:flex;gap:10px}.container{max-width:1200px;margin:auto;padding:0 24px}.hero{background:var(--forest);color:#fff;padding:78px 0}.hero h1,.hero p{color:#fff}.hero-grid{max-width:1200px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero img{width:100%;height:auto;object-fit:cover}.hero h1{font:700 clamp(42px,6vw,76px)/1.05 'Playfair Display',serif;margin:0 0 22px}.hero p{font-size:20px}.section{padding:72px 0}.section h2{font:700 38px 'Playfair Display',serif;color:var(--forest);margin-top:0}.feature-grid,.product-grid,.article-grid,.quote-grid,.stat-grid,.footer-grid{display:grid;gap:22px}.feature-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.article-grid{grid-template-columns:repeat(3,1fr)}.card{background:var(--gray);padding:25px;border:1px solid #e1e5e1}.card img,.split img{width:100%;height:230px;object-fit:cover}.card h3{color:var(--forest)}.stat-band{background:var(--terra);color:#fff}.stat-grid{grid-template-columns:repeat(4,1fr);text-align:center}.stat-grid strong{font:700 42px 'Playfair Display',serif;color:#fff;display:block}.stat-grid span{color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split img{height:280px}.quote{border-left:4px solid var(--terra);padding:22px;background:var(--paper)}.quote p,.quote cite{color:var(--charcoal)}.table-wrap{overflow:auto}.comparison{width:100%;border-collapse:collapse;background:#fff}.comparison th,.comparison td{padding:14px;border-bottom:1px solid #dfe3df;text-align:left}.comparison th{background:var(--forest);color:#fff}.callout{background:var(--paper);padding:28px;border-left:5px solid var(--terra)}.faq details{border-bottom:1px solid #dfe3df;padding:18px 0}.faq summary{font-weight:700;color:var(--forest);cursor:pointer}.site-footer{background:var(--charcoal);color:#fff;padding:60px 24px 20px}.footer-grid{max-width:1200px;margin:auto;grid-template-columns:1.4fr repeat(3,1fr)}.site-footer h3,.site-footer p,.site-footer a{color:#fff}.site-footer a{display:block;margin:6px 0}.footer-brand{color:#fff}.copyright{max-width:1200px;margin:40px auto 0;padding-top:18px;border-top:1px solid #5b625e;color:#fff;font-size:13px}.filter-layout{display:grid;grid-template-columns:250px 1fr;gap:30px}.filters{background:var(--gray);padding:22px}.filters label{display:block;margin:12px 0}.filters input,.filters select,.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #cdd5cf;background:#fff}.contact-form{max-width:680px;display:grid;gap:15px}.success{display:none;background:var(--paper);padding:16px;color:var(--forest)}.timeline li{margin:20px 0}.toc{background:var(--gray);padding:22px}.pagination{display:flex;gap:12px;margin-top:24px}@media(max-width:800px){nav{display:none}.hero-grid,.split,.filter-layout{grid-template-columns:1fr}.feature-grid,.product-grid,.article-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr}.hero img{height:300px}}@media(max-width:520px){.feature-grid,.product-grid,.article-grid,.footer-grid{grid-template-columns:1fr}.nav-wrap{justify-content:space-between}}

/* TABLE COLOR FIX */
table{width:100%;border-collapse:collapse;margin:16px 0}
th,td{padding:10px 14px;text-align:left;border:1px solid #d1d5db;color:#172033 !important}
thead th{background:#1e3a5f;color:#fff !important;font-weight:600}
tbody tr:nth-child(even) td{background:#f9fafb;background:#f9fafb !important;color:#172033 !important}
tbody tr:nth-child(odd) td{background:#ffffff;background:#ffffff !important;color:#172033 !important}
tbody tr:hover td{background:#f0f4f8}
.dark table th,.dark table td,.hero table td,.stats table td,.cta table td{color:#fff !important}
/* IMG-RESPONSIVE */
.card img,.article-card img,.info-card img,.product-card img,.category-card img,.product-card-image img{
  width:100%;height:220px;object-fit:cover;display:block}
.card,.article-card,.info-card,.product-card,.category-card{overflow:hidden}
.split img,.visual img,.about img,.feature img{
  width:100%;max-height:280px;height:auto;object-fit:cover;display:block}
img{max-width:100%;height:auto;display:block}
/* BUG2: paragraph link */
.section p a,.content p a,.policy p a,.article p a,.legal p a,.wrap p a,.container p a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.dark p a,.hero p a,.stats p a,.cta p a,.site-footer p a{color:#fff;text-decoration:underline}
/* BUG3: prevent double-grid */
section.split,section.grid-2,section.grid-3,section.grid-4,section.timeline,section.stats,
section.stat-grid,section.articles,section.features,section.collection,section.showcase,section.hero{display:block}
.split > div,.grid-2 > div,.grid-3 > div{min-width:0}
/* TABLE-DARK-SECTION-FIX */
.dark table td,.dark table th,
.section.dark table td,.section.dark table th,
[class*="dark"] table td,[class*="dark"] table th {
  background:#1e3a5f !important;color:#fff !important;border-color:#2d4a6f !important}
.dark tbody tr:nth-child(even) td,[class*="dark"] tbody tr:nth-child(even) td {
  background:#162d4a !important;color:#fff !important}
.dark tbody tr:nth-child(odd) td,[class*="dark"] tbody tr:nth-child(odd) td {
  background:#1e3a5f !important;color:#fff !important}
.dark thead th,[class*="dark"] thead th {
  background:#0f2138 !important;color:#fff !important}