:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.7}body{margin:0;background:light-dark(#f9f8f4,#191c19);color:light-dark(#242820,#f4f3ed)}main,footer{max-width:56rem;margin:auto;padding:1.5rem}h1{font-size:clamp(1.6rem,5vw,2.5rem);line-height:1.2}h2{font-size:1.3rem;line-height:1.4}a{color:light-dark(#125c59,#86d4cc);overflow-wrap:anywhere}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.button{display:inline-block;padding:.7rem 1rem;border:1px solid currentColor;border-radius:.35rem;margin-bottom:1rem}article,section{padding:1rem 0;border-bottom:1px solid light-dark(#d8ddd4,#454b43)}nav ul{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;padding:0}p{max-width:70ch}small{font-size:.9rem}.product-logo{vertical-align:middle;object-fit:contain;margin-inline-end:.5rem}nav a{display:inline-flex;align-items:center}