:root { --ink:#20262a; --dim:#707b82; --line:#dfe4e6; --accent:#2f5d62; }
* { box-sizing: border-box; }
body { margin:0; background:#fbfbfa; color:var(--ink);
       font:15px/1.55 -apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
a { color:var(--accent); }
header { padding:1.3rem 1.2rem .8rem; border-bottom:1px solid var(--line); }
header h1 { margin:0; font-size:1.05rem; font-weight:600; }
header h1 a { color:inherit; text-decoration:none; }
nav { margin-top:.45rem; }
nav a { margin-right:1.1rem; font-size:.92rem; text-decoration:none; }
nav a:hover { text-decoration:underline; }
main { max-width:720px; margin:0 auto; padding:1.3rem 1.2rem 0; }
section { margin-bottom:1.4rem; }
h2 { font-size:.95rem; font-weight:600; margin:1.6rem 0 .5rem; }
p { margin:.6rem 0; }
form label { display:block; font-size:.82rem; color:var(--dim); margin:.6rem 0 .2rem; }
form input { width:100%; max-width:280px; padding:.42rem .55rem; border:1px solid #c9d0d4;
             border-radius:3px; font:inherit; }
form button { margin-top:.8rem; padding:.42rem .9rem; border:1px solid var(--accent);
              background:var(--accent); color:#fff; border-radius:3px; font:inherit; cursor:pointer; }
.login form { max-width:300px; }
ul.listing { list-style:none; margin:0; padding:0; }
ul.listing li { display:flex; justify-content:space-between; gap:1rem;
                padding:.4rem 0; border-bottom:1px solid #edf0f1; }
ul.listing li span { color:var(--dim); font-size:.84rem;
                     font-family:ui-monospace,Menlo,Consolas,monospace; white-space:nowrap; }
table { width:100%; border-collapse:collapse; font-size:.92rem; }
th, td { text-align:left; padding:.38rem .5rem; border-bottom:1px solid #edf0f1; vertical-align:top; }
th { color:var(--dim); font-weight:500; }
td:nth-child(4), td:nth-child(5) { font-family:ui-monospace,Menlo,Consolas,monospace;
                                   font-size:.84rem; white-space:nowrap; }
footer { max-width:720px; margin:0 auto; padding:2.4rem 1.2rem 3rem; color:var(--dim); font-size:.82rem; }
footer a { color:var(--dim); }
.breadcrumb { color:var(--dim); font-size:.86rem; margin:.1rem 0 1rem; }
.meta { color:var(--dim); font-size:.84rem; }
