.elementor-10990 .elementor-element.elementor-element-c85efbb{--display:flex;}/* Start custom CSS for html, class: .elementor-element-be8fb5f */#gb-diacetyl-guide{
max-width:100%;
margin:0 auto;
font-family:Arial,Helvetica,sans-serif;
line-height:1.8;
color:#222;
}

#gb-diacetyl-guide *{
box-sizing:border-box;
}

#gb-diacetyl-guide .hero{
background:#f8fafc;
padding:40px;
border-radius:14px;
margin-bottom:35px;
}

#gb-diacetyl-guide h1{
font-size:2.4rem;
line-height:1.2;
margin-bottom:15px;
color:#111;
}

#gb-diacetyl-guide h2{
font-size:1.8rem;
margin-top:50px;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:2px solid #ececec;
}

#gb-diacetyl-guide h3{
font-size:1.3rem;
margin-top:30px;
margin-bottom:15px;
}

#gb-diacetyl-guide p{
margin:15px 0;
}

#gb-diacetyl-guide img{
width:100%;
height:auto;
border-radius:12px;
margin:25px 0;
}

#gb-diacetyl-guide .quick-answer{
background:#effaf2;
border-left:5px solid #22c55e;
padding:22px;
border-radius:8px;
margin:25px 0;
}

#gb-diacetyl-guide .warning-box{
background:#fff8e8;
border-left:5px solid #f59e0b;
padding:22px;
border-radius:8px;
margin:25px 0;
}

#gb-diacetyl-guide .expert-box{
background:#f8fafc;
border:1px solid #e5e7eb;
padding:25px;
border-radius:12px;
margin:30px 0;
}

#gb-diacetyl-guide .fact-box{
background:#f5f7ff;
padding:25px;
border-radius:10px;
margin:30px 0;
}

#gb-diacetyl-guide table{
width:100%;
border-collapse:collapse;
margin:25px 0;
}

#gb-diacetyl-guide th,
#gb-diacetyl-guide td{
border:1px solid #ddd;
padding:12px;
text-align:left;
}

#gb-diacetyl-guide th{
background:#fafafa;
}

#gb-diacetyl-guide ul{
padding-left:20px;
}

#gb-diacetyl-guide li{
margin-bottom:10px;
}

@media(max-width:768px){

#gb-diacetyl-guide{
padding:0 15px;
}

#gb-diacetyl-guide .hero{
padding:25px;
}

#gb-diacetyl-guide h1{
font-size:1.9rem;
}

#gb-diacetyl-guide h2{
font-size:1.5rem;
}

}

.gb-cta-wrapper{
  text-align:center;
  margin:25px 0;
}

.gb-cta-button{
  display:inline-block;
  width:100%;
  max-width:420px;
  padding:14px 18px;
  background:#111;
  color:#fff;
  text-decoration:none;
  font-size:16px;
  font-weight:600;
  border-radius:10px;
  text-align:center;
  letter-spacing:0.3px;
  transition:all 0.2s ease;
}

.gb-cta-button:hover{
  opacity:0.85;
  transform:translateY(-2px);
}

@media(max-width:768px){
  .gb-cta-button{
    font-size:15px;
    padding:13px 16px;
  }
}
.toc-box{
background:#f8fafc;
border:1px solid #e5e7eb;
padding:20px;
border-radius:10px;
margin:25px 0;
}

.toc-grid{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:10px 20px;
margin-top:10px;
}

.toc-grid a{
display:block;
padding:8px 10px;
background:#fff;
border:1px solid #eee;
border-radius:6px;
text-decoration:none;
color:#2563eb;
font-size:14px;
transition:0.2s;
}

.toc-grid a:hover{
background:#f1f5f9;
}

@media(max-width:768px){
.toc-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */