*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#08080a;
  --surface:#111115;
  --border:#1e1e24;
  --gold:#c9a84c;
  --gold-dim:rgba(201,168,76,.15);
  --text:#9a9aaa;
  --text-bright:#e8e8f0;
  --text-dim:#505060;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased}
/* NAV */
nav{
  position:sticky;top:0;z-index:50;
  background:rgba(8,8,10,.9);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  padding:0 1.5rem;
  height:60px;
  display:flex;align-items:center;justify-content:space-between;
}
.nav-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}
.nav-brand img{height:30px;width:30px;object-fit:contain;border-radius:4px}
.nav-brand span{font-family:'Cinzel',serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--text-bright)}
.nav-links{display:flex;gap:1.75rem}
.nav-links a{color:var(--text-dim);text-decoration:none;font-size:.78rem;letter-spacing:.05em;transition:color .2s}
.nav-links a:hover{color:var(--gold)}
.entry-tag{
  display:inline-block;
  font-size:.62rem;letter-spacing:.1em;font-weight:500;
  color:var(--gold);
  background:var(--gold-dim);
  border-radius:4px;padding:.15rem .55rem;
  margin-bottom:.65rem;
}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.chip{
  font-size:.63rem;
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
  color:var(--text-dim);
  padding:.18rem .5rem;border-radius:4px;
  letter-spacing:.04em;
}
/* FOOTER */
footer{
  border-top:1px solid var(--border);
  padding:1.75rem 1.5rem;
  text-align:center;
  font-size:.72rem;color:var(--text-dim);
  letter-spacing:.04em;
}
footer span{color:var(--gold)}

/* POST */
.post{max-width:720px;margin:0 auto;padding:3rem 1.5rem 5rem}
.back{display:inline-block;margin-bottom:2rem;font-size:.78rem;letter-spacing:.05em;color:var(--text-dim);text-decoration:none;transition:color .2s}
.back:hover{color:var(--gold)}
.post h1{font-family:'Cinzel',serif;font-size:clamp(1.5rem,4.5vw,2.1rem);font-weight:900;line-height:1.25;color:var(--text-bright);margin-bottom:.6rem}
.post-meta{font-size:.75rem;letter-spacing:.06em;color:var(--text-dim);margin-bottom:2rem}
.post-text{font-size:.95rem;line-height:1.9}
.post-text p+p{margin-top:1rem}
.post .chips{margin-top:2rem}
.post-nav{display:flex;justify-content:space-between;gap:1.5rem;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.post-nav a{max-width:48%;font-size:.82rem;line-height:1.5;color:var(--text);text-decoration:none;transition:color .2s}
.post-nav a:hover{color:var(--gold)}
.post-nav small{display:block;margin-bottom:.2rem;font-size:.68rem;color:var(--text-dim)}
.post-nav .older{margin-left:auto;text-align:right}
@media(max-width:520px){.nav-links{display:none}}