:root{color-scheme:light;font-family:system-ui,sans-serif;color:#173b35;background:#f6f7f2}*{box-sizing:border-box}body{margin:0;padding:clamp(20px,5vw,64px);padding-bottom:max(32px,env(safe-area-inset-bottom))}main{max-width:960px;margin:auto}a{color:inherit;text-underline-offset:4px}header{display:flex;align-items:center;gap:18px;margin:24px 0 40px}header img{width:80px;height:80px;border-radius:20px}h1{font-size:clamp(32px,5vw,52px);line-height:1.2;margin:0 0 12px;letter-spacing:-.025em}p,li{line-height:1.7}h2{font-size:22px;margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin:28px 0}section{background:white;border:1px solid #e0e5dc;border-radius:20px;padding:24px}ol{padding-left:22px}li{padding:4px 0}button,.button{display:inline-block;font:600 16px system-ui;background:#173b35;color:white;padding:14px 20px;border:0;border-radius:12px;text-decoration:none;min-height:48px;cursor:pointer}button[hidden]{display:none}.note{color:#52665a}.brand{font-weight:800}footer{margin-top:36px;font-size:14px}button:focus-visible,a:focus-visible{outline:3px solid #839e4d;outline-offset:4px}@media(display-mode:standalone){.browserOnly{display:none}}@media(prefers-reduced-motion:no-preference){section{animation:appear .3s ease-out}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}