:root{--bg:#F8F8F5;--text:#171717;--muted:#767676;--line:#e5e5df}
*{box-sizing:border-box}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font:400 15px/1.42 "IBM Plex Mono",monospace;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{max-width:760px;margin:0 auto;padding:18px 24px}
header{margin-bottom:18px}
h1{margin:0;font-size:clamp(2rem,4vw,2.9rem);font-weight:500;line-height:.96;letter-spacing:-.02em}
.roles{margin:10px 0 0;line-height:1.45}
.status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:16px 0}
.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.label{font-size:.76rem;color:var(--muted);letter-spacing:.16em}
.summary{margin:0;line-height:1.45}
.cursor{animation:b 1s steps(1) infinite}@keyframes b{50%{opacity:0}}
nav{display:flex;flex-direction:column;gap:1px}
nav a{display:block;padding:5px 6px;margin-left:-6px;border-radius:4px;color:inherit;text-decoration:none;transition:background .1s,color .1s}
nav a:hover,nav a:focus-visible{background:#171717;color:#fff;outline:none}
footer{display:flex;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}
footer a{text-decoration:none;color:var(--muted)}
footer a:hover{color:var(--text)}
@media(min-width:700px){
.wrap{padding:20px 32px}
h1{white-space:nowrap}
h1 br{display:none}
}
@media(max-width:699px){
h1{font-size:2.05rem;word-break:normal;overflow-wrap:normal}
}