:root{
  --cream:#FFF4E8;--pink:#E59AAD;--charcoal:#2B2B2B;
  --charcoal-soft:#6B6B6B;--orange:#E8623D;--hairline:rgba(43,43,43,0.12);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  background:var(--cream);color:var(--charcoal);
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.65;
}
.wrap{max-width:720px;margin:0 auto;padding:max(2.5rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-left)) max(3rem,env(safe-area-inset-bottom));}
.brand{
  display:inline-flex;align-items:center;gap:0.5rem;
  text-decoration:none;color:var(--charcoal);margin-bottom:2.5rem;
}
.brand img{width:36px;height:36px;border-radius:9px;}
.brand .name{font-weight:800;font-size:1.3rem;letter-spacing:-0.01em;}
h1{font-weight:800;font-size:2.1rem;letter-spacing:-0.02em;margin-bottom:0.4rem;}
.updated{color:var(--charcoal-soft);font-size:0.9rem;margin-bottom:2.5rem;}
h2{font-weight:600;font-size:1.15rem;margin:2rem 0 0.6rem;letter-spacing:-0.01em;}
p,li{color:var(--charcoal);margin-bottom:0.9rem;}
ul{padding-left:1.3rem;margin-bottom:0.9rem;}
li{margin-bottom:0.4rem;}
a{color:var(--charcoal);text-underline-offset:3px;}
a:hover{color:var(--orange);}
.note{
  background:rgba(232,98,61,0.10);border:1px solid rgba(232,98,61,0.35);
  border-radius:10px;padding:0.9rem 1.1rem;font-size:0.9rem;
  color:var(--charcoal-soft);margin-bottom:2rem;
}
footer{
  border-top:1px solid var(--hairline);margin-top:3rem;padding-top:1.5rem;
  font-size:0.85rem;color:var(--charcoal-soft);
  display:flex;gap:0.85rem;flex-wrap:wrap;align-items:center;
}
footer a{color:var(--charcoal-soft);text-decoration:underline;text-underline-offset:3px;padding:0.35rem 0.15rem;display:inline-block;}
footer a:hover{color:var(--charcoal);}
.dot{opacity:0.5;}