/* ========================================================================
   Lộc Minh IELTS — Base Styles
   Reset, typography defaults, container utility, motion preferences.
   Requires tokens.css to be loaded first.
   ======================================================================== */

*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--bg-page);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

/* Phosphor icons — keep inline-flex so they align with text */
i[class^="ph"], i[class*=" ph"]{display:inline-flex;line-height:1}

/* Layout container */
.container{
  max-width:var(--container-max);
  margin:0 auto;
  padding:0 var(--container-pad);
}

/* Section vertical rhythm */
section{padding:90px 0;position:relative}

/* Honor reduced-motion users globally */
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important}
}

/* Mobile section spacing */
@media (max-width: 900px){
  section{padding:60px 0}
}