/* ====================================================================================================================
 * TipCMS Reset CSS
 * Modern CSS reset for clean installations
 * Provides consistent cross-browser baseline
 * ====================================================================================================================
 * 
 * PHILOSOPHY:
 * This reset zeros all default browser margins, padding, and styles to provide a predictable foundation.
 * Content authors control ALL spacing via inline styles or wrapper divs in their DATA fields.
 * 
 * TEMPLATE 12 USAGE:
 * Since .tpl12-content has padding: 0, wrap your content in a <div> with desired spacing:
 * 
 *   <div style="padding: 40px 20px;">
 *     <h2 style="margin-bottom: 20px;">Your Heading</h2>
 *     <p style="margin-bottom: 20px;">Your content here...</p>
 *   </div>
 * 
 * RECOMMENDED SPACING:
 * - Padding (outer breathing room): 20px-40px top/bottom, 15px-20px left/right
 * - Margins (between elements): 15px-20px between headings and paragraphs
 * 
 * This approach provides maximum flexibility for edge-to-edge content when desired.
 * ====================================================================================================================*/

/* Box-sizing reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margins and padding */
* {
  margin: 0;
  padding: 0;
}

/* Typography elements */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, li,
figure, figcaption,
dl, dd {
  margin: 0;
  padding: 0;
}

/* Lists */
ul, ol {
  list-style: none;
}

/* Images */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Forms */
button, input, select, textarea {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* Links */
a {
  text-decoration: none;
  color: inherit;
}

/* Remove default fieldset/legend styles */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}
