* { box-sizing: border-box; color: #eee; font-family: Noto Sans, Liberation Sans, Arial, Helvetica, sans-serif; }
body { min-height: 100vh; margin: 0; background: #222; }
a { color: #9bf; text-shadow: #37a 0 0 3px; }
h1, h2, h3 { color: #edd9ef; font-weight: 300; text-shadow: 1px 1px 0 #810c8e, -1px -1px 0 #0c6e8b; }
h1 { margin-top: 0; font-size: 30px; }
.surface { padding: 24px; }
.surface__flex { display: flex; flex-direction: column; gap: 16px; }
.surface__level__1 { background: #222; border: 1px solid #444; border-radius: 3px; }
.surface__minor { padding: 8px; }
article { max-width: 960px; margin: 0 auto; width: 100%; }
pre { padding: 12px; overflow-x: auto; background: #111; border: 1px solid #333; }
li { margin: 6px 0; }
.man-list { padding-left: 28px; }
.man-list li { margin: 8px 0; }
.man-list--detail { margin-top: 6px; }
.man-list--detail li { margin: 4px 0; color: #ccc; }
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #333; border-left: 1px solid #555; }
::-webkit-scrollbar-thumb { background: #444; }