:root{color-scheme:light;--green:#315c4c;--ink:#24362e;--paper:#fbf9f3;--line:#d8dfd6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Meiryo',sans-serif;line-height:1.8}header,main,footer{max-width:900px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;font-weight:700}small{display:block;font-size:12px;font-weight:400;letter-spacing:.1em}.banner{text-align:center;background:#e5ece5;padding:8px;font-size:12px;margin:0}main{min-height:65vh}h1{font-size:clamp(26px,5vw,38px);line-height:1.5}h2{font-size:23px}h3{font-size:19px}p{overflow-wrap:anywhere}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.grid .card{margin:0}label{display:block;margin-top:16px;font-weight:600}input{font:inherit;width:100%;border:1px solid #8a9c91;border-radius:8px;padding:12px;margin:5px 0}button,a.button{display:inline-block;font:inherit;font-weight:600;border:1px solid var(--green);border-radius:9px;padding:10px 18px;background:var(--green);color:white;cursor:pointer;text-decoration:none}button:disabled{opacity:.55;cursor:wait}.secondary{background:white;color:var(--green)}.muted{color:#607267;font-size:14px}.error{color:#9a302a}.status{min-height:1.8em}.vol{font-size:13px;letter-spacing:.12em;color:var(--green);font-weight:700}a{color:var(--green)}footer{font-size:12px;color:#607267;border-top:1px solid var(--line)}.choice{display:block;text-align:left;width:100%;margin:10px 0;background:white;color:var(--ink)}.detail img{max-width:100%}fieldset{border:0;padding:0;margin:0}details{margin:22px 0}summary{cursor:pointer}*:focus-visible{outline:3px solid #a97525;outline-offset:3px}@media(max-width:450px){main,header,footer{padding:16px}.card{padding:18px}}
[hidden]{display:none!important}