:root{--ink:#202122;--link:#0645ad;--visited:#0b0080;--rule:#a2a9b1;--pale:#f8f9fa;--gray:#54595d;--blue:#3366cc}
html,body{background:var(--pale);color:var(--ink);margin:0}
.sans{font-family:Arial,Helvetica,sans-serif}
.serif{font-family:'Libertinus Serif','Linux Libertine',Georgia,Times,serif}
.mono{font-family:'Libertinus Mono',Menlo,monospace}
.page{background:#fff;max-width:760px;margin:0 auto;min-height:100vh;border-left:1px solid #eaecf0;border-right:1px solid #eaecf0;padding:12px 28px 24px;display:flex;flex-direction:column}
a.wl{color:var(--link);text-decoration:none;cursor:pointer}
a.wl:hover{text-decoration:underline}
a.wl.v{color:var(--visited)}
.title{font-size:96px;letter-spacing:.18em;font-weight:400;line-height:1;text-align:center;padding-left:.18em}
.hr{border:0;border-top:1px solid var(--rule);margin:0}
sup.c{font-size:.7em;color:var(--link);font-family:Arial,sans-serif;white-space:nowrap}
.btn{background:linear-gradient(#f8f9fa,#eaecf0);border:1px solid var(--rule);border-radius:2px;font-family:Arial,sans-serif;font-size:18px;padding:10px 46px;color:var(--ink);cursor:pointer;font-weight:bold}
.btn:hover{border-color:var(--blue)}
.btn:active{background:#dadde3}
.bar{border:1px solid var(--rule);height:14px;background:#fff;overflow:hidden}
.bar>div{height:100%;background:var(--link);min-width:1px}
.ib{border:1px solid var(--rule);background:var(--pale);border-collapse:collapse;font-size:13px}
.ib th,.ib td{padding:4px 10px;text-align:left;vertical-align:top;border-top:1px solid #eaecf0}
.ib caption{font-weight:bold;padding:4px;font-size:14px}
.fade{animation:fade .6s ease both}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1}}
.stub{background:#fef6e7;border:1px solid #fc3;padding:6px 10px;font-size:13px}
@media (max-width:600px){.title{font-size:56px}.btn{width:100%}.page{padding:10px 16px}}