.elementor-5244 .elementor-element.elementor-element-f56eae2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5244 .elementor-element.elementor-element-1f545b3{--display:flex;--border-radius:2px 2px 2px 2px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5244 .elementor-element.elementor-element-b15b05d > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-5244 .elementor-element.elementor-element-a0416d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5244 .elementor-element.elementor-element-66cbcea{--display:flex;--border-radius:2px 2px 2px 2px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-5244 .elementor-element.elementor-element-acfcb4b > .elementor-widget-container{margin:20px 30px 20px 30px;}.elementor-5244 .elementor-element.elementor-element-2720ab4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5244 .elementor-element.elementor-element-c55ebd7{--display:flex;--border-radius:2px 2px 2px 2px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-5244 .elementor-element.elementor-element-6641fed > .elementor-widget-container{margin:30px 30px 30px 30px;}@media(min-width:768px){.elementor-5244 .elementor-element.elementor-element-1f545b3{--width:98%;}.elementor-5244 .elementor-element.elementor-element-66cbcea{--width:97%;}.elementor-5244 .elementor-element.elementor-element-c55ebd7{--width:97%;}}/* Start custom CSS for shortcode, class: .elementor-element-b15b05d *//* ===== DozeGear Markdown to HTML Tool Polish ===== */

/* Main Tool Card */
.md2html-container {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #E5E7EB;
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}

/* Headings & Labels */
.md2html-container h1,
.md2html-container h2 {
  color: #1F2937;
  font-weight: 700;
}

.md2html-container label {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}

/* Markdown Input */
#md-input {
  font-family: monospace;
  font-size: 14px;
  line-height: 1.6;
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  padding: 12px;
}

#md-input:focus {
  outline: none;
  border-color: #6366F1;
}

/* Convert Button (Primary CTA) */
#convert-btn {
  background: #6366F1;
  color: #ffffff;
  font-weight: 600;
  border-radius: 8px;
  padding: 10px 18px;
  transition: all 0.2s ease;
}

#convert-btn:hover {
  background: #4F46E5;
  box-shadow: 0 4px 10px rgba(99,102,241,0.35);
}

/* Clear Button */
#clear-btn {
  background: #F3F4F6;
  color: #1F2937;
  border-radius: 8px;
  font-weight: 500;
}

/* HTML Output Box */
.output-box {
  background: #F9FAFB;
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  padding: 14px;
  min-height: 180px;
  overflow-y: auto;
}

/* Copy Button */
#copy-btn {
  background: #16A34A;
  color: #ffffff;
  font-weight: 600;
  border-radius: 8px;
  padding: 9px 16px;
}

#copy-btn:hover {
  background: #15803D;
}

/* About Section */
.about-section p {
  font-size: 15px;
  line-height: 1.7;
  color: #374151;
}

.about-section ul li {
  margin-bottom: 8px;
  font-size: 14px;
}

/* Related Tools Highlight */
.related-tools li strong {
  color: #1F2937;
}

/* FAQ Section */
.faq-section h3 {
  font-size: 15px;
  font-weight: 600;
  color: #1F2937;
}

.faq-section p {
  font-size: 14px;
  color: #6B7280;
  line-height: 1.6;
}

/* Mobile Optimization */
@media (max-width: 768px) {
  .md2html-buttons button {
    width: 100%;
    margin-bottom: 8px;
  }

  #copy-btn {
    width: 100%;
  }
}/* End custom CSS */