*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#fff4c2;color:#111;font-family:"Trebuchet MS",sans-serif;line-height:1.62}
.bubbles{background:#111;display:flex;flex-wrap:wrap;position:sticky;top:0;z-index:2}
.bubbles a{color:#fff4c2;text-decoration:none;padding:14px 16px;font-size:.78rem;font-weight:700;letter-spacing:.04em}
.bubbles a.on{background:#fff4c2;color:#111;border-radius:0 0 12px 12px}
.page{max-width:760px;margin:0 auto;padding:28px 16px 72px}
.panel{border:3px solid #111;background:#fff;padding:16px 16px 8px;margin:0 0 14px;box-shadow:6px 6px 0 #111}
h1{font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1.14;margin:36px 0 12px}
h2{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}
p,li{margin:0 0 10px}
ul{margin:0 0 10px 1.1em}
img{width:100%;height:auto;display:block;margin:8px 0;border:2px solid #111}
.cap{font-size:.8rem;margin:-2px 0 8px}
table{width:100%;border-collapse:collapse;margin:6px 0 10px;font-size:.88rem}
th,td{border:1px solid #111;padding:6px 5px;text-align:left}
th{background:#fff4c2}
.end{font-size:.84rem}
a{color:#111}