/* V11 FINAL THEME - charcoal / copper / warm cream */
:root{
  --primary:#2b2118;
  --primary-2:#3a2a1d;
  --accent:#b86b2b;
  --accent-2:#d8924a;
  --cream:#fff8ee;
  --cream-2:#f7efe2;
  --surface:#ffffff;
  --text:#211a14;
  --muted:#6f6258;
  --border:#ead8c2;
}
html,body{
  background:linear-gradient(180deg,#fff8ee,#f7efe2)!important;
  color:var(--text)!important;
}
header,.header,.site-header,nav,.navbar,.topbar,.nav,.menu{
  background:linear-gradient(135deg,#2b2118,#6d3f1f,#b86b2b)!important;
  color:#fff!important;
  border-color:#ead8c2!important;
  box-shadow:0 10px 30px rgba(43,33,24,.18)!important;
}
header a,.header a,.site-header a,nav a,.navbar a,.topbar a{color:#fff!important}
.hero,.hero-section,[class*="hero"],.banner,.headline-section{
  background:linear-gradient(135deg,#2b2118,#6d3f1f,#b86b2b)!important;
  color:#fff!important;
}
.hero *,.hero-section *,[class*="hero"] *{color:inherit!important}
a{color:#6d3f1f!important}
button,.btn,.button,input[type="submit"],.convert-btn,[class*="btn"],select{
  background:linear-gradient(135deg,#6d3f1f,#b86b2b)!important;
  color:#fff!important;
  border:0!important;
  border-radius:14px!important;
}
.card,.converter-card,.tool-card,.content-card,.box,.panel,[class*="card"]{
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  box-shadow:0 14px 34px rgba(43,33,24,.08)!important;
}
.keywords,.keyword-section,.keywords-section,.seo-keywords,[class*="keyword"],#keywords,#seo-keywords,
.last-update,.updated-date,.update-date,.last-updated,[class*="last-update"],[class*="updated"],time{
  display:none!important;
}
.detailed-unit-article{
  max-width:980px;
  margin:34px auto;
  padding:30px;
  border:1px solid rgba(184,107,43,.25);
  border-radius:24px;
  background:#fff;
  line-height:1.9;
  color:var(--text);
  box-shadow:0 16px 40px rgba(43,33,24,.08);
  font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
  overflow:hidden;
}
.detailed-unit-article h1,.detailed-unit-article h2{
  font-size:1.9rem;
  line-height:1.35;
  margin:0 0 18px;
  color:#2b2118!important;
}
.detailed-unit-article h3{
  font-size:1.24rem;
  margin:26px 0 10px;
  color:#8a4c20!important;
}
.detailed-unit-article h4{color:#2b2118!important}
.detailed-unit-article p{margin:0 0 14px}
.detailed-unit-article li{margin:7px 0;unicode-bidi:plaintext}
.formula-box{
  background:linear-gradient(135deg,#fff8ee,#f7efe2)!important;
  border:1px solid #d8924a!important;
  border-radius:16px;
  padding:15px 18px;
  text-align:center;
  font-size:1.1rem;
  color:#211a14!important;
  direction:ltr;
  unicode-bidi:embed;
}
.smart-illustrations{
  max-width:980px;
  margin:24px auto;
  padding:0 12px;
  display:grid;
  gap:18px;
}
.smart-illustrations figure{margin:0}
.smart-illustrations img{
  width:100%;
  height:auto;
  display:block;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(184,107,43,.25);
  box-shadow:0 14px 34px rgba(43,33,24,.09);
}
.smart-illustrations figcaption{
  font-size:.95rem;
  color:#8a4c20;
  text-align:center;
  margin-top:8px;
}
.converter-illustration,.edu-image{display:none!important}
.site-footer-links{
  margin:32px auto;
  text-align:center;
  font-size:.95rem;
}
.site-footer-links a{
  display:inline-block;
  margin:6px 8px;
  text-decoration:none;
  color:#6d3f1f!important;
  font-weight:700;
}
.ltr{direction:ltr;unicode-bidi:embed;display:inline-block}
html[dir="rtl"] .detailed-unit-article{text-align:right}
.blog-grid{
  max-width:1100px;margin:30px auto;padding:0 16px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px
}
.blog-card{
  background:#fff;border:1px solid #ead8c2;border-radius:20px;padding:20px;
  box-shadow:0 12px 30px rgba(43,33,24,.08)
}
/* Remove empty/legacy hero blocks that created large white gaps */
.hero:has(.hero-card:empty), .hero-section:has(.hero-card:empty), .banner:empty,
.hero:empty,.hero-section:empty,.headline-section:empty{display:none!important}
.is-empty-hero{display:none!important}
@media(max-width:700px){
  .detailed-unit-article{margin:20px 12px;padding:19px}
  .detailed-unit-article h1,.detailed-unit-article h2{font-size:1.42rem}
}