/*
  Theme Name: Encyclotech
  Description: Premium tech blog – base reset only
  Version: 1.1
  NOTE: All design rules live in:
    - typography.css  (fonts, colors, :root vars)
    - layout.css      (grid, header, footer)
    - components.css  (all UI components)
  This file only contains neutral resets and utilities.
*/

/* =============================================
   1. BOX-SIZING RESET
   ============================================= */
*, *::before, *::after {
  box-sizing: border-box;
}

/* =============================================
   2. ARTICLE RESET
   Prevent the old generic `article` rule from
   applying white card / box-shadow to every
   semantic <article> on the page (hero, cards…)
   ============================================= */
article {
  background: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

/* =============================================
   3. ACCESSIBILITY — screen reader only
   ============================================= */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  word-wrap: normal;
}

/* =============================================
   4. SPACING UTILITIES
   ============================================= */
.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }

.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mt-4 { margin-top: 2rem; }