/* =========================================================
   Y'z English LP (pixel-faithful layout)
   - 3 columns: left & right fixed, center scroll
   - patterns: /picture/1.jpg (paper), 2.jpg (blue), 3.jpg (beige)
   - logo balloon: /picture/S__112369686_0.png (adjust if needed)
   ========================================================= */

:root {
  /* NOTE: remove black outer background (use light paper across the whole viewport) */
  --bg: #f6f7fb;

  --wL: 380px;
  --wC: 620px;
  --wR: 360px;

  --navy: #0c2e57;
  --navy2: #0b2a4d;
  --blue: #1f4f8f;
  --sky: #e9f2fb;
  --beige: #f3e5cf;

  --line: #0bb56f;

  --text: #0f172a;
  --muted: #4b5563;

  --shadowSm: 0 10px 22px rgba(0, 0, 0, .10);
  --shadowMd: 0 18px 40px rgba(0, 0, 0, .16);

  --radiusPanel: 22px;
  /* used where the reference is rounded */
  --radiusCard: 26px;
  --radiusPill: 12px;

  --borderSoft: rgba(15, 23, 42, 0.10);
  --gold: #d4af37;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", system-ui, -apple-system, Segoe UI, Roboto, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  color: var(--text);
  background-color: var(--bg);
  width: 100%;
  min-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}