* { box-sizing: border-box; }
body { margin:0; font-family:"Malgun Gothic",Arial,sans-serif; background:#fff; color:#202124; }
main { max-width:980px; margin:0 auto; padding:48px 28px 80px; }
h1 { margin:0; font-size:30px; }
.subtitle { margin:8px 0 34px; color:#6b7280; font-size:14px; }
h2 { margin:30px 0 10px; font-size:17px; }
p, li { font-size:14px; line-height:1.7; }
.back { margin:0 0 24px; font-size:14px; }
.list { width:100%; border-collapse:collapse; table-layout:fixed; border-top:1px solid #d8dbe2; border-bottom:1px solid #d8dbe2; }
.list th,.list td { padding:10px 12px; text-align:left; vertical-align:top; border-bottom:1px solid #eceef2; font-size:14px; }
.list th { background:#f7f7f8; color:#4b5563; font-weight:600; }
.list tr:last-child td { border-bottom:0; }
.list tbody tr:hover { background:#f5f8fc; }
.name { width:36%; }
.description { width:64%; color:#5f6368; }
a { color:#1f4f8a; text-decoration:none; }
a:hover { text-decoration:underline; }
.note { margin-top:24px; border-left:3px solid #c8ccd4; padding:2px 0 2px 14px; color:#5f6368; }
.flow { padding:14px 16px; background:#f7f7f8; border:1px solid #e3e6eb; white-space:pre-wrap; font:13px/1.75 Consolas,"Malgun Gothic",monospace; }
@media(max-width:640px){ main{padding:32px 16px 56px;} .name{width:43%;}.description{width:57%;} }