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

  .pg.svelte-u4k2t {
    --bg: #FAFAF8;
    --fg: #111110;
    --dim: #71706E;
    --muted: #AEADAB;
    --border: rgba(17,17,16,0.07);
    --highlight: #DBFF6E;
    --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-u4k2t { 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-u4k2t { padding: 14px clamp(20px, 5vw, 80px); max-width: 1200px; margin: 0 auto; }
  .back.svelte-u4k2t { font-size: 0.82rem; color: var(--dim); text-decoration: none; transition: color 0.2s; font-weight: 400; }
  .back.svelte-u4k2t:hover { color: var(--fg); }

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

  .hd.svelte-u4k2t { padding: clamp(56px, 8vw, 96px) 0 clamp(40px, 5vw, 60px); }
  .label.svelte-u4k2t { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.14em; color: var(--muted); font-weight: 500; margin-bottom: 16px; }
  h1.svelte-u4k2t { font-family: var(--serif); font-size: clamp(2.4rem, 5vw, 3.6rem); line-height: 1.1; letter-spacing: -0.03em; font-weight: 400; margin-bottom: 16px; }
  .sub.svelte-u4k2t { font-size: 1rem; color: var(--dim); font-weight: 300; line-height: 1.7; max-width: 480px; }

  .empty.svelte-u4k2t { padding: clamp(48px, 6vw, 80px) 0; border-top: 1px solid var(--border); }
  .empty-label.svelte-u4k2t { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.14em; color: var(--muted); font-weight: 500; margin-bottom: 16px; }
  .empty.svelte-u4k2t p:where(.svelte-u4k2t) { font-size: 1rem; color: var(--dim); margin-bottom: 32px; font-weight: 300; }
  .cta-link.svelte-u4k2t { font-size: 0.88rem; color: var(--fg); text-decoration: none; font-weight: 500; border-bottom: 1px solid var(--fg); padding-bottom: 1px; transition: opacity 0.2s; }
  .cta-link.svelte-u4k2t:hover { opacity: 0.65; }

  .posts.svelte-u4k2t { border-top: 1px solid var(--border); }
  .post.svelte-u4k2t { display: block; padding: clamp(28px, 4vw, 44px) 0; border-bottom: 1px solid var(--border); text-decoration: none; color: inherit; transition: opacity 0.2s; }
  .post.svelte-u4k2t:hover { opacity: 0.72; }
  .post-meta.svelte-u4k2t { font-size: 0.72rem; color: var(--muted); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
  .dot.svelte-u4k2t { color: var(--muted); }
  .post.svelte-u4k2t h2:where(.svelte-u4k2t) { font-family: var(--serif); font-size: clamp(1.3rem, 2.5vw, 1.7rem); line-height: 1.2; letter-spacing: -0.02em; font-weight: 400; margin-bottom: 8px; }
  .post-sub.svelte-u4k2t { font-size: 0.9rem; color: var(--dim); margin-bottom: 8px; font-weight: 300; }
  .post-excerpt.svelte-u4k2t { font-size: 0.88rem; color: var(--dim); line-height: 1.65; font-weight: 300; margin-bottom: 16px; }
  .read.svelte-u4k2t { font-size: 0.8rem; color: var(--muted); font-weight: 400; }

  .footer-w.svelte-u4k2t { padding-bottom: 40px; }
  footer.svelte-u4k2t { 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-u4k2t { display: flex; gap: 20px; }
  footer.svelte-u4k2t a:where(.svelte-u4k2t) { color: var(--dim); text-decoration: none; transition: color 0.2s; }
  footer.svelte-u4k2t a:where(.svelte-u4k2t):hover { color: var(--fg); }