:root{color:#e6edf3;font-synthesis:none;background:#0d1117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{background:#161b22;border-right:1px solid #30363d;flex-direction:column;gap:6px;padding:32px 24px;display:flex}aside strong{font-size:20px}aside span,small{color:#8b949e}section{width:min(980px,100%);padding:clamp(32px,6vw,72px)}header{justify-content:space-between;align-items:center;gap:24px;display:flex}.eyebrow{color:#58a6ff;letter-spacing:.15em;margin:0 0 8px;font-size:12px;font-weight:800}h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,6vw,60px)}.badge{color:#e3b341;background:#9e6a0326;border:1px solid #9e6a03;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.badge.online{color:#56d364;background:#23863626;border-color:#238636}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px;display:grid}article{background:#161b22;border:1px solid #30363d;border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex}article>span{color:#8b949e;font-size:13px;font-weight:700}article strong{color:#56d364;font-size:28px}.preview{margin-top:16px}.preview p{margin:0;font-size:18px;line-height:1.6}pre{color:#ff7b72;white-space:pre-wrap;overflow:auto}@media (width<=720px){.layout{grid-template-columns:1fr}aside{border-bottom:1px solid #30363d;border-right:0}.grid{grid-template-columns:1fr}}