/* Matches archivalaccess.net home page: white, #1a1a1a text, Georgia, #ff2600 links */
:root{--ink:#1a1a1a;--ink2:#333;--accent:#ff2600;--accent-line:rgba(255,38,0,.35);--rule:#d9d9d9;--wash:#f6f6f4}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:1.0625rem;line-height:1.5}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-line)}
a:hover{border-bottom-color:var(--accent)}
header.site{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--rule)}
.brand{font-size:1.375rem;color:var(--ink2);border:0}.brand span{color:var(--accent)}
header nav a{margin-left:1.25rem;font-size:1rem}
main{max-width:1100px;margin:0 auto;padding:1.5rem}
h1{font-size:1.75rem;font-weight:normal;margin:.2em 0 .6em}h2{font-size:1.3rem;font-weight:normal;margin:1.6em 0 .5em;border-bottom:1px solid var(--rule);padding-bottom:.2em}
table{border-collapse:collapse;width:100%;font-size:1rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-weight:normal;color:var(--ink2);border-bottom:2px solid var(--ink)}
tr:hover td{background:var(--wash)}
label{display:block;margin:.8rem 0 .2rem;color:var(--ink2)}
input[type=text],input[type=password],input[type=email],select,textarea{width:100%;max-width:560px;padding:.5rem .6rem;border:1px solid #999;border-radius:2px;font:inherit;color:var(--ink);background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-line);border-color:var(--accent)}
button,.btn{font:inherit;padding:.5rem 1.1rem;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:2px;cursor:pointer}
button:hover{background:var(--accent);border-color:var(--accent)}
button.secondary{background:#fff;color:var(--ink)}button.secondary:hover{color:#fff}
.note{color:var(--ink2);font-size:.95rem}.error{color:#fff;background:var(--accent);padding:.6rem .8rem;margin:1rem 0;max-width:560px}.ok{border-left:4px solid var(--ink);background:var(--wash);padding:.6rem .8rem;margin:1rem 0;max-width:560px}
.pill{display:inline-block;font-size:.85rem;padding:0 .5rem;border:1px solid var(--ink2);border-radius:1rem}
.pill.on{background:var(--ink);color:#fff}.pill.warn{border-color:var(--accent);color:var(--accent)}
form.inline{display:inline}.row{display:flex;flex-wrap:wrap;gap:1rem}.row>div{flex:1 1 220px}
@media(max-width:640px){main{padding:1rem}header nav a{margin:0 1rem 0 0}}