:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:#203b35;font:16px/1.7 system-ui,sans-serif}nav,main,footer{max-width:900px;margin:auto;padding:20px}nav{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid #ccdcd5}nav a:first-child{font-weight:800;font-size:22px}a{color:#17694f}h1{font-size:32px;line-height:1.2}h2{font-size:24px}section{padding:28px 0;border-bottom:1px solid #ccdcd5;scroll-margin-top:16px}.preview{display:block;width:min(100%,560px);height:auto;margin:24px auto}.jump{display:flex;gap:16px;flex-wrap:wrap}.play{display:inline-block;background:#17694f;color:white;padding:10px 18px;border-radius:6px;text-decoration:none}details{margin-top:14px;padding:12px 0}summary{cursor:pointer;min-height:44px;font-weight:700}li{margin:8px 0}a:focus-visible,summary:focus-visible{outline:3px solid #d48727;outline-offset:4px}@media(max-width:500px){h1{font-size:28px}nav,main,footer{padding:16px}nav{gap:12px}}