:root{color-scheme:light;--ink:#332b32;--plum:#522943;--muted:#74636e}
*{box-sizing:border-box}body{margin:0;background:#faf7f2;color:var(--ink);font:17px/1.7 system-ui,sans-serif}main{max-width:820px;margin:auto;padding:40px 24px 64px}h1,h2,h3{color:var(--plum);line-height:1.25}h1{font-size:clamp(30px,6vw,43px);margin:16px 0}h2{font-size:26px;margin-top:40px;scroll-margin-top:20px}h3{font-size:19px}a{color:#703453;text-underline-offset:3px}a:focus-visible{outline:3px solid #9b6b88;outline-offset:5px}nav{display:flex;gap:12px 24px;flex-wrap:wrap}.brand{width:72px;height:72px;border-radius:18px;margin-top:30px}.intro{font-size:20px;color:var(--muted)}.card{padding:22px 24px;margin:22px 0;border:1px solid #e7dce2;border-radius:18px;background:#fffdfb}.note{border-left:4px solid #9b6b88;padding:12px 18px;background:#f1e8ee;border-radius:0 10px 10px 0}li{margin:10px 0}small,footer{color:var(--muted);font-size:14px}footer{border-top:1px solid #e7dce2;margin-top:40px;padding-top:20px}p,li{overflow-wrap:anywhere}summary{cursor:pointer;font-weight:600;color:var(--plum)}@media(max-width:500px){main{padding:24px 18px 40px}.card{padding:18px}ol,ul{padding-left:24px}}@media print{body{background:white}main{max-width:none;padding:0}nav,.brand{display:none}.card{break-inside:avoid}a{color:inherit}}