:root{--ink:#472A6B;--ink-soft:#7A5C9E;--card:#FFFBEA;--gold:#FFB53D;--coral:#D12B77;}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:linear-gradient(180deg,#FFD9EC,#FFF3C2 62%) fixed;min-height:100vh;color:var(--ink);
  font-family:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;
  padding:calc(24px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));}
main{max-width:640px;margin:0 auto;background:var(--card);border:3px solid #fff;border-radius:22px;
  padding:22px 22px 26px;box-shadow:0 6px 0 rgba(110,80,50,.18);}
h1{font-size:26px;margin:0 0 2px;} h2{font-size:18px;margin:22px 0 4px;}
.tiles{display:flex;gap:4px;margin:0 0 12px;} .tiles span{display:inline-flex;width:30px;height:34px;align-items:center;justify-content:center;
  background:#fff;border-radius:7px;font-weight:800;box-shadow:0 3px 0 #E0CBA8;}
.updated,.sub{color:var(--ink-soft);font-size:14px;margin:0 0 14px;}
p,li{font-size:16px;}
.contact{background:#fff;border-radius:14px;padding:12px 14px;margin:6px 0 4px;font-size:17px;} ul{padding-left:22px;}
a{color:var(--coral);}
footer{max-width:640px;margin:16px auto 0;text-align:center;font-size:14px;color:var(--ink-soft);}
footer a{margin:0 .4em;}