:root{--ink:#1a1714;--paper:#faf7f2;--muted:#6b6359;--line:#e3dcd1;--accent:#9a3b1f;--accent-soft:#c97a55;--card:#fffdf9;}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:"Inter",system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
  a{color:inherit}
  h1,h2,.serif{font-family:"Fraunces",Georgia,serif;font-weight:400;letter-spacing:-.01em}
  nav{position:sticky;top:0;z-index:50;background:rgba(250,247,242,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  nav .in{max-width:760px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between}
  .brand{font-family:"Fraunces",serif;font-size:18px;text-decoration:none}
  .back{font-size:14px;color:var(--muted);text-decoration:none;transition:.2s}
  .back:hover{color:var(--accent)}

  header.h{max-width:760px;margin:0 auto;padding:74px 28px 30px}
  .seclabel{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:16px}
  header.h h1{font-size:clamp(36px,6vw,56px);font-weight:300}
  header.h p{font-size:18px;color:var(--muted);margin-top:16px;max-width:560px}

  .list{max-width:760px;margin:0 auto;padding:20px 28px 80px}
  .post{display:block;text-decoration:none;padding:30px 0;border-top:1px solid var(--line);transition:.2s}
  .post:hover h2{color:var(--accent)}
  .pmeta{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted);letter-spacing:.04em;margin-bottom:10px;flex-wrap:wrap}
  .pmeta .cat{color:var(--accent-soft);text-transform:uppercase;letter-spacing:.14em;font-size:11.5px}
  .pmeta .cat::after{content:" ·";color:var(--line)}
  .post h2{font-size:clamp(22px,3vw,27px);font-weight:400;transition:color .2s}
  .post p{color:var(--muted);font-size:15.5px;margin-top:8px}