*{box-sizing:border-box}body{margin:0;background:#f7f3ec;color:#272337;font:18px/1.65 system-ui,sans-serif}main,header,footer{max-width:820px;margin:auto;padding:24px}header{border-bottom:3px solid #e1d4fb}a{color:#5930a0}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.12}h2{font-size:1.4rem;margin-top:2rem}.tag{font-weight:750;color:#5930a0}.note{padding:20px;background:#eee5ff;border-radius:18px}footer{font-size:.9rem;border-top:1px solid #ccc}a:focus-visible{outline:3px solid #5930a0;outline-offset:4px}