:root{font-family:system-ui,sans-serif;color:#26362f;background:#f6f3eb}*{box-sizing:border-box}body{margin:0}header{max-width:1500px;margin:auto;padding:24px}header>p:first-child,.tag{font-size:12px;letter-spacing:1.5px;color:#657269}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(28px,3vw,42px);margin:12px 0}h2{font-size:28px;margin:8px 0 16px}h3{font-size:21px;margin:24px 0 8px}p{line-height:1.65}main{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px;padding:0 24px 32px}article,section{min-width:0;background:#fffdf7;padding:24px;border:1px solid #d4d8cb;border-radius:12px}a{color:#294e40;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #2375aa;outline-offset:3px}.notice{padding:12px;background:#eee9dd;border-radius:8px;font-size:14px}.help{font-size:13px;color:#657269}.button{display:inline-block;padding:12px 16px;background:#294e40;color:white;text-decoration:none;border-radius:7px;min-height:44px}iframe{display:block;width:100%;height:78vh;min-height:480px;border:1px solid #d4d8cb;border-radius:6px;background:#eee}footer{margin-top:28px;border-top:1px solid #d4d8cb;font-size:14px}@media(max-width:800px){header{padding:16px}main{grid-template-columns:1fr;padding:0 12px 24px;gap:16px}article,section{padding:18px}iframe{height:70vh;min-height:400px}}