body{font:16px system-ui;line-height:1.65;color:#172033;margin:0;background:#fafbfd}header{background:#123047;color:white;padding:18px 24px}header a{color:white}a{color:#165d9c}aside{width:235px;position:fixed;top:88px;bottom:0;overflow:auto;padding:20px}aside a{display:block;margin:8px 0}main{max-width:940px;margin:30px 30px 80px 300px}input{padding:10px;border:1px solid #9aafbd;border-radius:5px;width:min(80%,600px)}pre{overflow:auto;background:#edf2f7;padding:16px;border-radius:6px}code{font-size:14px}table{border-collapse:collapse;display:block;overflow:auto}td,th{padding:8px 12px;border:1px solid #cdd8e1;text-align:left}h1,h2,h3{line-height:1.3}@media(max-width:800px){aside{position:static;width:auto;display:flex;flex-wrap:wrap;gap:10px}main{margin:20px}}