:root { color-scheme: light; font-family: system-ui, sans-serif; line-height: 1.5; }
body { margin: 0; background: #fbfaf7; color: #222; }
.skip-link { position:absolute; left:-999px; top:0; background:#fff; padding:.5rem; }
.skip-link:focus { left:.5rem; z-index:2; }
header, nav, main, footer { padding: 1rem; max-width: 72rem; margin: auto; }
header { border-bottom: 1px solid #ddd; }
nav a, nav button { margin-right: .75rem; }
main { background: white; }
section { margin: 1rem 0; padding: 1rem; border: 1px solid #e5e0d8; border-radius: .75rem; }
label { display:block; font-weight: 650; margin:.5rem 0 .25rem; }
textarea, input, select { max-width: 100%; font: inherit; padding:.55rem; }
textarea { width: min(100%, 42rem); }
button, .button { min-height: 2.6rem; padding:.55rem .8rem; border-radius:.5rem; }
.notice { background:#eef7ee; padding:.75rem; border-left:4px solid #427a42; }
.warning { background:#fff7e6; padding:.75rem; border-left:4px solid #a66b00; }
table { border-collapse: collapse; max-width:100%; overflow:auto; }
th,td { border:1px solid #ddd; padding:.35rem; }
@media (max-width: 640px) { header, nav, main, footer { padding:.75rem; } nav a, nav form { display:block; margin:.25rem 0; } }