:root { color-scheme: light; --ink:#1a2330; --muted:#5b6674; --accent:#9b5429; --paper:#fffdf8; --line:#d8d1c4; }
* { box-sizing:border-box; }
html { font-family: Arial, Helvetica, sans-serif; color:var(--ink); background:var(--paper); line-height:1.55; }
body { margin:0; }
.skip-link { position:absolute; left:-9999px; }
.skip-link:focus { left:1rem; top:1rem; background:#fff; padding:.75rem; z-index:10; }
.site-header, main, footer { width:min(1180px, calc(100% - 2rem)); margin-inline:auto; }
.site-header { padding:1.25rem 0; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); font-size:1.5rem; font-weight:700; text-decoration:none; }
nav ul { display:flex; flex-wrap:wrap; gap:.45rem 1rem; list-style:none; padding:0; }
nav a { color:var(--ink); }
nav a[aria-current="page"] { color:var(--accent); font-weight:700; }
main { padding:2rem 0 4rem; }
#migrated-content { max-width:78ch; }
h1,h2,h3,h4 { line-height:1.2; margin-top:1.6em; }
a { color:#7b3f1e; text-underline-offset:.15em; overflow-wrap:anywhere; }
table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }
th,td { padding:.55rem; border:1px solid var(--line); vertical-align:top; }
.migration-media-pending,.migration-status-note { padding:.8rem 1rem; border-left:.3rem solid #b8753f; background:#f7eee4; color:#49321f; }
form { display:grid; gap:1rem; max-width:44rem; }
label { display:grid; gap:.35rem; font-weight:700; }
input,textarea,button { font:inherit; padding:.7rem; }
button { width:fit-content; }
footer { border-top:1px solid var(--line); color:var(--muted); padding:1.5rem 0 3rem; }
@media (max-width:700px) { nav ul { display:block; } nav li { margin:.35rem 0; } main { padding-top:1rem; } }
@media print { nav,.skip-link { display:none; } #migrated-content { max-width:none; } }