:root{
  color-scheme: light;
  --bg:#ffe4f1; --bg-dot:#ffd0e6; --paper:#fff8fc; --line:#f6c3dc;
  --pink:#e6197e; --plum:#4a1238; --plum-2:#8a4a72; --gold:#e9a93a; --gold-soft:#ffe3a6;
  --display:"Leckerli One","Brush Script MT",cursive;
  --body:"Baloo 2","Trebuchet MS",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;font-family:var(--body);color:var(--plum);font-size:17px;line-height:1.6;
  background-color:var(--bg);
  background-image:radial-gradient(var(--bg-dot) 1.6px,transparent 1.7px);background-size:22px 22px;
  padding-inline:16px;padding-block:18px 40px;
}
a{color:var(--pink);font-weight:700}
a:focus-visible{outline:3px solid var(--plum);outline-offset:2px;border-radius:4px}
.bar{max-width:760px;margin:0 auto 16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.logo{font-family:var(--display);font-size:34px;color:var(--pink);text-decoration:none;text-shadow:3px 3px 0 var(--gold-soft)}
.play{border:2px solid var(--plum);background:var(--pink);color:#fff;border-radius:999px;padding:6px 18px;text-decoration:none;box-shadow:0 3px 0 var(--plum)}
main{max-width:760px;margin:0 auto;background:var(--paper);border:2px solid var(--line);border-radius:26px;padding:24px clamp(18px,4vw,40px) 30px}
h1{font-family:var(--display);font-weight:400;font-size:clamp(32px,6vw,44px);line-height:1.1;margin:0 0 4px;color:var(--plum);text-wrap:balance}
.meta{color:var(--plum-2);font-weight:600;margin:0 0 18px}
h2{font-size:21px;margin:26px 0 6px;text-wrap:balance}
p,li{max-width:65ch}
ul{padding-left:22px;margin:6px 0}
li{margin:4px 0}
.box{background:#fff;border:2px dashed var(--line);border-radius:18px;padding:12px 16px;margin:14px 0}
.box strong{color:var(--pink)}
table{border-collapse:collapse;width:100%;font-size:15px}
.tw{overflow-x:auto}
th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--line)}
th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--plum-2)}
footer{max-width:760px;margin:16px auto 0;text-align:center;color:var(--plum-2);font-weight:600;font-size:14px}
footer a{margin:0 8px}