:root{color-scheme:light;--ink:#231914;--paper:#f4ede3;--line:#cfbca8;--brown:#7c4a2f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#fffdfa,var(--paper));color:var(--ink);font-family:Arial,sans-serif}main{width:min(820px,calc(100% - 30px));margin:45px auto;padding:clamp(24px,6vw,60px);border:1px solid var(--line);background:#fffdfa;box-shadow:0 20px 60px #4b2d171b}nav{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:45px}nav a,a{color:var(--brown)}h1,h2{font-family:Georgia,serif}h1{font-size:clamp(38px,8vw,66px);margin:8px 0}h2{margin-top:32px}.eyebrow{color:var(--brown);font-size:11px;font-weight:800;letter-spacing:2px}p,li{font-size:15px;line-height:1.7;color:#5d5148}.notice{padding:16px;border-left:4px solid var(--brown);background:#f5e8da}button,input{width:100%;min-height:48px;margin-top:10px;padding:12px;border:1px solid #b99f87;background:#fff;color:var(--ink)}button{background:var(--brown);color:white;font-weight:800;cursor:pointer}button:disabled{opacity:.45}.danger{background:#863d36}.hidden{display:none}footer{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#75685e}