:root{
  --ink:#1d2733; --paper:#faf7f2; --accent:#b4551f; --accent2:#20506e;
  --card:#ffffff; --line:#e3dccd; --muted:#5c6670;
}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--paper);color:var(--ink);line-height:1.6}
header{background:var(--accent2);color:#fff;padding:2.2rem 1rem 1.4rem;text-align:center}
header h1{margin:0 0 .3rem;font-size:2rem;letter-spacing:.02em}
header p{margin:0;color:#cfe0ea;font-style:italic}
nav{background:#17394e;text-align:center;padding:.55rem .5rem}
nav a{color:#eaf2f7;text-decoration:none;margin:0 .7rem;font-size:.98rem;white-space:nowrap}
nav a:hover,nav a.here{text-decoration:underline;color:#ffd9a8}
main{max-width:880px;margin:0 auto;padding:1.6rem 1.1rem 3rem}
h2{color:var(--accent2);border-bottom:2px solid var(--line);padding-bottom:.3rem;margin-top:2.2rem}
h2:first-child{margin-top:.4rem}
h3{color:var(--accent);margin-top:1.6rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem 1.2rem;margin:1rem 0;box-shadow:0 1px 3px rgba(30,40,50,.06)}
.big{font-size:1.25rem}
table{border-collapse:collapse;width:100%;margin:1rem 0;background:var(--card)}
th,td{border:1px solid var(--line);padding:.5rem .7rem;text-align:left;vertical-align:top}
th{background:#f1ebdd}
code{font-family:'Courier New',monospace;font-size:.92em;background:#f1ebdd;padding:.05rem .3rem;border-radius:4px}
.hash{word-break:break-all;font-size:.85em}
.pass{color:#1c6b2e;font-weight:bold}
.note{background:#fdf3e3;border:1px solid #e8cf9f;border-radius:10px;padding:.9rem 1.1rem;margin:1rem 0}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:.7rem 1.3rem;border-radius:8px;font-size:1.05rem;margin:.35rem .35rem .35rem 0;border:0;cursor:pointer}
.btn:hover{background:#96450f}
.btn.alt{background:var(--accent2)}
.btn.alt:hover{background:#17394e}
label{display:block;margin:.7rem 0 .2rem;font-weight:bold}
input[type=text],input[type=password]{width:100%;max-width:340px;padding:.55rem;border:1px solid #b9b09a;border-radius:6px;font-size:1rem}
.err{color:#a11;font-weight:bold}
footer{background:#17394e;color:#cfe0ea;text-align:center;padding:1.2rem 1rem;font-size:.92rem}
footer a{color:#ffd9a8}
ul{padding-left:1.3rem}
li{margin:.35rem 0}
.small{color:var(--muted);font-size:.93rem}
video{width:100%;border-radius:10px;border:1px solid var(--line);background:#000}