:root{--bg:#f7f8f6;--surface:#fff;--ink:#1a1d23;--ink-2:#5a6068;--rule:#d9ddd5;--ok:#2c6b4b;--fail:#b8332a;--accent:#b8332a}@media (prefers-color-scheme:dark){:root{--bg:#14171b;--surface:#1a1e23;--ink:#e3e6e1;--ink-2:#a6acb2;--rule:#2f353c;--ok:#63ba8d;--fail:#e8756a;--accent:#e8756a}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.6}main{max-width:640px;margin:0 auto;padding:64px 24px 80px}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:40px;font-weight:700}.sub{color:var(--ink-2);margin:0 0 40px;font-size:15px}section{margin-bottom:32px}h2{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:600}ol.path{border:1px solid var(--rule);background:var(--surface);counter-reset:step;margin:0;padding:0;list-style:none}ol.path li{border-bottom:1px solid var(--rule);counter-increment:step;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 16px;display:flex}ol.path li:last-child{border-bottom:none}ol.path li:before{content:counter(step);color:var(--accent);min-width:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}ol.path b{font-weight:600}ol.path span{color:var(--ink-2);margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}table{border-collapse:collapse;border:1px solid var(--rule);background:var(--surface);width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:10px 16px}tr:last-child th,tr:last-child td{border-bottom:none}th{color:var(--ink-2);white-space:nowrap;width:34%;font-weight:500}td{word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}td.ok{color:var(--ok);font-weight:600}td.fail{color:var(--fail);font-weight:600}.mono{border:1px solid var(--rule);background:var(--surface);margin:0;padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;overflow-x:auto}footer{border-top:1px solid var(--rule);color:var(--ink-2);flex-wrap:wrap;gap:4px 20px;margin-top:48px;padding-top:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;display:flex}
