*{box-sizing:border-box}body{margin:0;background:#8eb0c0;color:#3c342c;font:16px/1.7 Meiryo,sans-serif}main{max-width:960px;margin:24px auto;padding:24px;background:#f4ead8;border-radius:12px}img{max-width:100%;height:auto}nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}a{color:#174f70}nav a{min-height:44px;display:inline-flex;align-items:center;padding:6px}a:focus-visible,summary:focus-visible{outline:3px solid #154963;outline-offset:3px}h1{font-size:1.5rem} @media(max-width:600px){main{margin:12px;padding:14px}}