:root{--bg:#faf8f4;--fg:#1f2328;--mut:#5b636b;--card:#fff;--line:#e2ded5;--acc:#1d4e89}
@media (prefers-color-scheme:dark){:root{--bg:#16181b;--fg:#ececec;--mut:#9aa3ab;--card:#1f2226;--line:#32373d;--acc:#8ab4f0}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.55 Georgia,"Times New Roman",serif;min-height:100vh;display:flex;align-items:center}
main{width:100%;max-width:560px;margin:0 auto;padding:48px 16px}
h1{font-size:2.2rem;margin:0 0 4px;letter-spacing:-.01em}
.role{margin:0 0 32px;color:var(--mut);font-family:system-ui,sans-serif;font-size:.95rem}
.links{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.links a{display:block;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none}
.links a:hover,.links a:focus-visible{border-color:var(--acc);outline:none}
.t{display:block;font-weight:bold;color:var(--acc)}
.d{display:block;margin-top:2px;font-family:system-ui,sans-serif;font-size:.9rem;color:var(--mut)}