*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:#111;color:#eee;line-height:1.7;font-size:16px;
  min-height:100dvh;padding:40px 20px;
}
main{max-width:720px;margin:0 auto}
h1{
  font-family:'Fraunces',Georgia,serif;font-size:clamp(28px,5vw,38px);
  font-weight:800;letter-spacing:-0.02em;line-height:1.1;margin-bottom:8px;
}
h2{font-family:'Fraunces',Georgia,serif;font-size:22px;margin:28px 0 10px;color:#fff}
p,li{color:rgba(255,255,255,0.82);margin-bottom:14px}
ul{padding-left:22px;margin-bottom:14px}
a{color:#fff}
a:hover{text-decoration:underline}
.updated{font-size:14px;color:rgba(255,255,255,0.55);margin-bottom:24px}
.back{
  display:inline-block;margin-bottom:32px;color:rgba(255,255,255,0.7);
  text-decoration:none;font-weight:600;font-size:14px;
}
.back:hover{color:#fff}
code{
  background:rgba(255,255,255,0.08);padding:2px 6px;border-radius:6px;
  font-size:0.9em;font-family:ui-monospace,Menlo,monospace;
}
.note{
  border-left:3px solid rgba(255,255,255,0.3);padding-left:16px;
  margin-top:32px;font-size:15px;color:rgba(255,255,255,0.7);
}
@media print{
  body{background:#fff;color:#000;padding:0}
  h1,h2,a{color:#000}
  p,li{color:#111}
}