/* Custom CSS for Tools pages only */

/* Apply wider layout only when tools-page class is present */
.tools-page .main {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
}

.tools-page .post-single,
.tools-page .post-content {
  max-width: 100% !important;
}

/* Tool container specific */
.tools-page .tool-container {
  max-width: 100% !important;
}

/* For very wide screens */
@media (min-width: 1600px) {
  .tools-page .main {
    max-width: 1500px !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

/* Header for tools pages */
.tools-page header.header {
  max-width: 1400px !important;
  margin: 0 auto !important;
}

@media (min-width: 1600px) {
  .tools-page header.header {
    max-width: 1500px !important;
  }
}