:root{color:#222;background:#f5f5f6;font:15px/1.55 system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0}
header{background:#171719;padding:15px 4vw}header a{color:white}
main{max-width:1200px;margin:auto;padding:12px 4vw 42px}
nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
section{background:white;border:1px solid #ddd;border-radius:10px;padding:16px}
button,input,select,textarea{font:inherit;border:1px solid #a6a6ad;border-radius:6px;padding:8px 10px}
button{cursor:pointer;background:#fff;color:#7d181e}button[aria-pressed=true],button[type=submit],form>button{background:#a51c20;color:white;border-color:#a51c20}
button:disabled{opacity:.5;cursor:default}
label{display:grid;gap:4px;margin:6px 0}input,select,textarea{width:100%;min-width:0;color:#222}
fieldset{min-inline-size:0;border:1px solid #ddd;margin:14px 0}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:0 14px}
.scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}
th,td{padding:8px 10px;border-bottom:1px solid #ddd;vertical-align:top}th{background:#f4f4f5}
.muted{color:#555}[hidden]{display:none!important}