:root{--pb:#ff5d8f;--pb-dark:#d6336c;--ink:#4a2536;--soft:#7a5267;--line:#f6d8e4;--bg:#fff9fb;--card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Baloo 2",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}
.wrap{max-width:28rem;margin:0 auto;padding:0 16px 48px}
header{position:sticky;top:0;z-index:2;background:rgba(255,249,251,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin:0 -16px 16px;padding:12px 16px;display:flex;align-items:center;gap:10px}
header a{color:var(--ink);text-decoration:none;font-size:22px;line-height:1;padding:4px 8px 4px 0}
header h1{font-size:18px;margin:0;font-weight:800}
.meta{font-size:12px;color:var(--soft);margin:0 0 16px}
section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin-bottom:12px}
h2{font-size:15px;margin:0 0 6px;font-weight:800}
p,li{font-size:13.5px;margin:6px 0}
ul{padding-left:20px;margin:6px 0}
strong{font-weight:700}
.fill{background:#fde8ef;color:var(--pb-dark);border-radius:6px;padding:0 4px;font-weight:700}
footer{text-align:center;font-size:12px;color:var(--soft);margin-top:20px}
footer a{color:var(--pb-dark);font-weight:700}