:root{color-scheme:light;--ink:#123e4d;--muted:#506772;--accent:#007fa5;--line:#d7e3e8;--soft:#edf6fa;--paper:#fff;--bg:#f5f8fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;font-size:16px;line-height:1.8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}a{color:var(--accent);text-underline-offset:3px}button,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0086aa;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.4;letter-spacing:-.025em}h1{font-size:clamp(2rem,4vw,3.25rem);margin:14px 0 18px}h2{font-size:1.65rem;margin:0 0 20px}h3{font-size:1.16rem;margin:32px 0 12px}p{margin:12px 0}ul,ol{padding-left:24px}li{margin:8px 0}strong{font-weight:700}code,kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:#eef3f6;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#102f3e;color:#effaff;padding:20px;border-radius:12px;font-size:.92rem;line-height:1.75}pre code{padding:0;background:none;color:inherit}blockquote{border-left:4px solid #00a0c8;padding:14px 20px;margin:20px 0;background:var(--soft);border-radius:0 10px 10px 0}
.skip{position:absolute;top:-100px;left:16px;z-index:100;padding:10px 16px;background:#fff}.skip:focus{top:12px}.masthead{max-width:1420px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:700}.brand img{width:36px;height:36px}.masthead .back{font-size:.9rem;white-space:nowrap}.layout{max-width:1420px;margin:auto;display:grid;grid-template-columns:248px minmax(0,1fr);gap:32px;padding:0 32px 48px}.toc{position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow:auto;padding:18px 12px 20px 0}.toc h2{font-size:1rem;margin:0 0 12px}.toc ol{list-style:none;padding:0;margin:0}.toc li{margin:2px 0}.toc a{display:block;border-left:3px solid transparent;border-radius:0 6px 6px 0;padding:7px 10px;color:var(--muted);text-decoration:none;font-size:.9rem;line-height:1.5}.toc a:hover,.toc a[aria-current=true]{background:#e4f1f6;color:var(--accent);border-left-color:var(--accent)}.toc small{display:block;border-top:1px solid var(--line);margin-top:18px;padding:16px 12px;color:var(--muted);font-size:.75rem}.mobile-toc{display:none}main{min-width:0}.hero{background:linear-gradient(125deg,#e3f5fb,#fff 85%);border:1px solid var(--line);border-radius:20px;padding:42px}.eyebrow{font-size:.8rem;color:var(--accent);font-weight:700;letter-spacing:.07em}.hero .lead{font-size:1.12rem;max-width:660px}.meta{color:var(--muted);font-size:.86rem}.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.quick-links a{background:#fff;border:1px solid #b8d6e3;border-radius:8px;text-decoration:none;font-size:.9rem;padding:9px 14px}.chapter{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:36px;margin-top:24px}.section-number{display:block;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:8px}.callout{background:var(--soft);border-radius:10px;padding:16px 20px;margin:22px 0}.callout p:first-child{margin-top:0}.callout p:last-child{margin-bottom:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;margin:18px 0;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.7}th,td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{background:var(--soft);font-weight:700}tr:last-child td{border-bottom:none}th:first-child,td:first-child{min-width:140px}td ul{margin:0}.steps{counter-reset:steps;list-style:none;padding:0}.steps>li{position:relative;padding:0 0 0 40px;margin:18px 0}.steps>li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;background:#e4f4fa;color:#006e90;border-radius:50%;width:28px;height:28px;line-height:28px;text-align:center;font-weight:700;font-size:.9rem}.steps strong{display:block}.steps p{margin:3px 0}
figure{margin:24px 0}figure .zoom{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg);cursor:zoom-in}figure .zoom img{display:block;width:100%;height:auto}figcaption{color:var(--muted);font-size:.82rem;line-height:1.65;margin-top:8px}figure.narrow{max-width:430px;margin-left:auto;margin-right:auto}.screenshot-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.screenshot-pair figure{min-width:0}.screenshot-pair figure.narrow{margin-top:12px}details.explanation{border:1px solid var(--line);border-radius:10px;margin:16px 0;padding:0 18px}details.explanation>summary{cursor:pointer;padding:14px 0;font-weight:700}details.explanation>div{padding-bottom:16px}.example{font-size:.94rem;color:#173f50}.checklist{list-style:none;padding:0}.checklist li:before{content:"✓";color:var(--accent);margin-right:10px;font-weight:700}.page-footer{padding:24px 10px;color:var(--muted);font-size:.83rem;text-align:center}.page-footer a{margin-left:12px}.lightbox{max-width:96vw;width:1400px;max-height:94dvh;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}.lightbox::backdrop{background:rgba(16,36,48,.65)}.lightbox .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-16px;background:#fff;padding:8px 0 12px;z-index:1}.lightbox button{border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:9px 16px;min-height:44px;flex-shrink:0}.lightbox img{display:block;width:auto;max-width:100%;margin:auto}.lightbox p{font-size:.9rem;margin:0}
@media(max-width:1080px){.layout{grid-template-columns:210px minmax(0,1fr);gap:20px;padding:0 24px 32px}.hero,.chapter{padding:28px}.masthead{padding:20px 24px}}
@media(max-width:800px){html{scroll-padding-top:16px}.layout{display:block;padding:0 16px 28px}.toc{display:none}.mobile-toc{display:block;margin:0 16px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 16px}.mobile-toc summary{cursor:pointer;padding:12px 0;font-weight:700}.mobile-toc ol{list-style:none;padding:0;margin-top:0;columns:2;font-size:.9rem}.mobile-toc li{break-inside:avoid}.mobile-toc a{display:block;padding:4px 0}.masthead{padding:18px 16px;font-size:.88rem}.brand{gap:8px}.brand img{width:28px;height:28px}.hero{padding:28px 22px}.chapter{padding:24px 20px;margin-top:18px}.screenshot-pair{grid-template-columns:1fr}.screenshot-pair figure{margin:8px 0}h2{font-size:1.42rem}th,td{padding:10px 12px}figure.narrow{max-width:390px}.lightbox{padding:12px}.lightbox .bar{top:-12px}.lightbox img{min-width:0}}
@media(max-width:400px){.brand span{max-width:160px}.masthead{gap:8px}.masthead .back{font-size:.8rem}.chapter{padding:22px 16px}.mobile-toc ol{columns:1}.hero{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff;color:#111}.masthead{padding:0 0 16px}.masthead .back,.toc,.mobile-toc,.quick-links,.skip,.lightbox,.page-footer a{display:none!important}.layout{display:block;padding:0;max-width:none}.hero,.chapter{border:0;padding:16px 0;border-radius:0}.hero{background:#fff}.chapter{break-before:page}h2,h3{break-after:avoid}figure,tr,.callout{break-inside:avoid}figure .zoom{border:1px solid #ddd}figure .zoom img{max-height:190mm;object-fit:contain}a{color:inherit;text-decoration:none}pre{color:#111;background:#f3f3f3}table{font-size:10pt}.table-wrap{overflow:visible}.page-footer{text-align:left}}

.wake-rules th:nth-child(2){white-space:nowrap}
@media(max-width:600px){#situation th:first-child,#situation td:first-child{min-width:0;width:34%}}
