body { margin: 0; font-family: "Malgun Gothic", sans-serif; background: #f7f7f5; color: #222; line-height: 1.6; } nav.top { background: #333; padding: 10px 24px; } nav.top a.back { color: #ffd400; text-decoration: none; font-weight: bold; } main { max-width: 760px; margin: 0 auto; padding: 16px 24px 32px; } h1 { font-size: 26px; border-bottom: 2px solid #333; padding-bottom: 6px; } h2 { font-size: 18px; margin-top: 28px; } .lock { color: #8a3b00; background: #fff4e0; padding: 6px 10px; border-radius: 4px; font-size: 14px; } table { border-collapse: collapse; width: 100%; margin: 8px 0; font-size: 14px; } th, td { border: 1px solid #ccc; padding: 6px 8px; text-align: left; vertical-align: top; } th { background: #eaeaea; } a { color: #0b5cad; } ul.toc { font-size: 17px; } nav.pager { display: flex; justify-content: space-between; border-top: 1px solid #ccc; margin: 0 auto; max-width: 760px; padding: 12px 24px 24px; }