:root{color-scheme:light;font-family:system-ui,sans-serif;color:#102938;background:#f8f4ed;line-height:1.55}
*{box-sizing:border-box}
[hidden]{display:none!important}
main{max-width:42rem;margin:auto;padding:clamp(1rem,5vw,3rem) 1rem 3rem}
header{text-align:center;padding:2.4rem 1rem;background:#fffdf9;border-top:4px solid #af874d;border-radius:1rem}
.mark{letter-spacing:.27em;font-size:.78rem;color:#755625}
h1,h2{font-family:Georgia,serif;line-height:1.2}
h1{font-size:clamp(2rem,8vw,3.15rem);margin:.5rem 0}
h2{margin:0 0 1rem}
section{background:#fffdf9;border:1px solid #e2d6c4;border-radius:1rem;padding:1.25rem;margin:1rem 0}
#message{padding:0 .25rem}
label,legend{font-weight:650}
label,input,select{display:block}
input,select,button{font:inherit;border-radius:.55rem;padding:.7rem}
input,select{width:100%;border:1px solid #a89478;background:white;color:inherit;margin:.3rem 0 1rem}
fieldset{border:1px solid #e2d6c4;border-radius:.6rem;margin:1rem 0}
button{background:#102938;color:#fff;border:0;cursor:pointer;margin:.25rem 0}
button:disabled{opacity:.55;cursor:default}
a{color:#604720}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ad7a2a;outline-offset:3px}