* { margin: 0; padding: 0; box-sizing: border-box; }
  html { font-size: 16px; scroll-behavior: smooth; }

  .pg.svelte-7ke6fz {
    --bg: #FAFAF8;
    --fg: #111110;
    --dim: #71706E;
    --muted: #AEADAB;
    --border: rgba(17,17,16,0.07);
    --serif: 'DM Serif Display', Georgia, serif;
    --sans: 'Inter', system-ui, sans-serif;
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    background: #FAFAF8;
    color: #111110;
    font-family: 'Inter', system-ui, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
  }

  .nav-wrap.svelte-7ke6fz { position: sticky; top: 0; z-index: 100; background: rgba(250,250,248,0.85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); }
  nav.svelte-7ke6fz { padding: 14px clamp(20px, 5vw, 80px); max-width: 1200px; margin: 0 auto; }
  .back.svelte-7ke6fz { font-size: 0.82rem; color: var(--dim); text-decoration: none; transition: color 0.2s; font-weight: 400; }
  .back.svelte-7ke6fz:hover { color: var(--fg); }

  .w.svelte-7ke6fz { max-width: 720px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 48px); }

  .hd.svelte-7ke6fz { padding: clamp(56px, 8vw, 96px) 0 clamp(32px, 4vw, 48px); border-bottom: 1px solid var(--border); margin-bottom: clamp(32px, 4vw, 48px); }
  .label.svelte-7ke6fz { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.14em; color: var(--muted); font-weight: 500; margin-bottom: 16px; }
  h1.svelte-7ke6fz { font-family: var(--serif); font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; letter-spacing: -0.03em; font-weight: 400; margin-bottom: 12px; }
  .updated.svelte-7ke6fz { font-size: 0.8rem; color: var(--muted); }

  .body.svelte-7ke6fz { padding-bottom: 80px; }
  section.svelte-7ke6fz { padding: clamp(24px, 3vw, 36px) 0; border-bottom: 1px solid var(--border); }
  section.svelte-7ke6fz:last-child { border-bottom: none; }
  h2.svelte-7ke6fz { font-family: var(--serif); font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.3; letter-spacing: -0.01em; font-weight: 400; margin-bottom: 14px; color: var(--fg); }
  p.svelte-7ke6fz { font-size: 0.9rem; color: var(--dim); line-height: 1.75; font-weight: 300; margin-bottom: 12px; }
  p.svelte-7ke6fz:last-child { margin-bottom: 0; }

  .footer-w.svelte-7ke6fz { padding-bottom: 40px; }
  footer.svelte-7ke6fz { padding: 32px 0 0; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; font-size: 0.72rem; color: var(--muted); }
  .fl.svelte-7ke6fz { display: flex; gap: 20px; }
  footer.svelte-7ke6fz a:where(.svelte-7ke6fz) { color: var(--dim); text-decoration: none; transition: color 0.2s; }
  footer.svelte-7ke6fz a:where(.svelte-7ke6fz):hover { color: var(--fg); }