@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff;--bg:#f4f5ef;--ink:#203e35;--muted:#647970;--line:#dce3d8;--green:#207b5f;--lime:#e0edc6;--orange:#ae632d;--mono:'IBM Plex Mono',monospace;--font:'DM Sans','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.8 var(--font)}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8fb899;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 5%;border-bottom:1px solid var(--line);background:#ffffff8a}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:700;letter-spacing:-.6px}.brand>span:last-child{font-size:12px;font-family:var(--mono);color:var(--green);border:1px solid #b5d3b6;border-radius:5px;padding:1px 7px}.mark{background:var(--green);color:#fff;border-radius:8px;padding:3px 8px}nav{display:flex;gap:26px;font-size:12px;color:var(--muted)}nav a:hover,footer a:hover{color:var(--green)}main{max-width:1300px;margin:auto;padding:57px 5% 65px}.intro{position:relative}.eyebrow{font:10px/1.8 var(--mono);letter-spacing:1.6px;color:var(--green)}h1{font-size:58px;line-height:1.25;letter-spacing:-3px;margin:21px 0}h1 em{font-style:normal;color:var(--green)}.intro p{font-size:15px;color:var(--muted);line-height:2}.actions{display:flex;gap:10px;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid #bfcfbf;border-radius:6px;background:transparent;font-size:12px;text-align:center}.button:hover{background:#e7eedd}.button.primary{background:var(--green);border-color:var(--green);color:white}.intro-diagram{position:absolute;right:0;top:73px;width:43%;display:flex;align-items:center;gap:11px;flex-wrap:wrap;background:#e8eedf;border:1px solid #d9e4ce;border-radius:12px;padding:30px 20px 21px}.intro-diagram>span{flex:1;text-align:center;font:9px/2 var(--mono);color:#6b8769;background:#ffffff8a;border:1px solid #d5e1c9;padding:14px 3px;border-radius:6px}.intro-diagram b{font:12px/2 var(--font);color:#456143}.intro-diagram i{font-style:normal;color:#8ca382}.intro-diagram small{width:100%;text-align:right;margin-top:4px;font-size:11px;color:#77946c}.scope{padding:12px 16px;border:1px solid #d5e1c9;background:#edf2e5;color:#627751;margin:36px 0 17px;border-radius:6px;font-size:12px}.metrics{display:grid;grid-template-columns:1fr 1.4fr 1fr;border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.metrics article{padding:24px;border-right:1px solid var(--line)}.metrics article:last-child{border-right:0}.metrics article>span{font-size:11px;color:var(--muted)}.metrics strong{display:block;font:29px/1.8 var(--mono);color:var(--green);white-space:nowrap}.metrics strong span{font:12px var(--font);margin-left:6px;color:#7c8974}.metrics p{font-size:11px;color:var(--muted);margin:5px 0 0}.section{margin-top:65px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:25px}h2{font-size:30px;line-height:1.5;letter-spacing:-1.2px;margin:10px 0 0}.section-head>p{font-size:12px;color:var(--muted);margin:0 0 5px}.card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 25px}.card-head h3{font-size:19px;letter-spacing:-.5px;margin:6px 0 0;font-weight:600}.card-head label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted);min-width:180px}select{background:#f6f8f1;color:var(--ink);border:1px solid #d9e3d3;border-radius:5px;padding:9px 12px;font-size:12px;max-width:100%}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 25px}.policy{padding:22px;border:1px solid var(--line);background:#fbfcf8;border-radius:7px}.policy.featured{background:#edf4e3;border-color:#b7ce9c}.policy>span{font:10px var(--mono);color:var(--muted)}.policy h4{font-size:16px;margin:7px 0 18px}.policy strong{font:30px var(--mono);display:block;color:var(--green)}.policy strong small{font:12px var(--font);color:var(--muted)}.policy p{margin:4px 0 17px;color:var(--muted);font-size:11px}.policy .complete{padding-top:13px;border-top:1px solid #dce5d2;font-size:12px}.policy .complete b{float:right;font-family:var(--mono)}.card-note{color:var(--muted);font-size:11px;padding:0 25px;margin:16px 0}.definition{padding:13px 25px;background:#f8f9f4;border-top:1px solid #e5e9dd;color:#708064;font-size:11px}.simulation{margin-top:20px}.pill{padding:5px 9px;border:1px solid #dfd8c2;color:#997743;background:#fbf6eb;border-radius:5px;font-size:10px}.simulation video{display:block;width:100%;background:#edf0e7;aspect-ratio:1600/800}.video-caption{padding:16px 25px;display:flex;gap:20px;justify-content:space-between;font-size:11px;color:var(--muted)}details{border-top:1px solid var(--line)}summary{cursor:pointer;padding:16px 25px;font-size:12px;color:var(--green)}details img{display:block;width:100%;height:auto}details p{padding:0 25px 18px;color:var(--muted);font-size:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.text-card{border:1px solid var(--line);border-radius:9px;padding:27px;background:#ffffff80}.text-card.tinted{background:#edf1e4}.text-card h3{font-size:19px;line-height:1.6;letter-spacing:-.5px;margin:7px 0 15px}.text-card p{font-size:12px;line-height:2;color:var(--muted);margin:10px 0}.failure-note{padding:19px 23px;background:#f1ede0;border:1px solid #e1d7bd;border-radius:8px;color:#7b6744;margin-bottom:20px}.failure-note b{font-size:14px}.failure-note p{font-size:12px;margin:5px 0 0;line-height:1.9}.case-context{padding:12px 25px;background:#f8f9f4;border-block:1px solid var(--line);font-size:12px;color:var(--muted)}.videos{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 25px 0}.video-label{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px;font-size:12px}.video-label span{font:10px var(--mono);color:var(--muted)}.stage{position:relative;aspect-ratio:16/11;background:#e8ece4;border-radius:6px;overflow:hidden}.stage video,.stage canvas{position:absolute;width:100%;height:100%;object-fit:contain}.stage canvas{pointer-events:none}.player{display:flex;align-items:center;gap:14px;padding:18px 25px 0}.player button{background:var(--green);border:0;border-radius:5px;color:#fff;padding:8px 11px;font-size:11px;white-space:nowrap}.player>input{flex:1;min-width:30px;accent-color:var(--green)}.player>span{font:10px var(--mono);color:var(--muted);min-width:45px}.player label{font-size:11px;white-space:nowrap}.diagnostics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);background:#f9faf6}.diagnostics article{padding:18px 23px;border-right:1px solid var(--line)}.diagnostics article:last-child{border-right:0}.diagnostics small{font-size:10px;color:var(--muted)}.diagnostics strong{display:block;font-size:20px;margin:4px 0;color:#687853}.diagnostics p{font-size:10px;color:var(--muted);margin:4px 0 0}.stages{display:flex;gap:8px;padding:20px 25px 0}.stage-item{flex:1;min-width:0;padding:12px 7px;border:1px solid #dce1d5;border-radius:5px;background:#fafbf8;font-size:10px;text-align:center;color:#8a9680}.stage-item.observed{background:#e8f1e1;border-color:#bad4ac;color:#3c743e}.stage-item b{display:block;font-size:11px;font-weight:500}.stage-item small{display:block;font:9px/1.7 var(--mono);margin-top:3px}.repair{padding:25px;margin-top:20px}.repair h3{font-size:21px;letter-spacing:-.6px;margin:10px 0}.repair>p{font-size:12px;color:var(--muted);line-height:2}.repair .stages{padding:15px 0}.repair-result{border:1px solid var(--line);padding:12px 17px;border-radius:6px;background:#f6f9ef}.repair-result strong{color:var(--green);margin-right:15px}.repair-result span{font-size:11px;color:var(--muted)}.table-card{margin-top:20px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}caption{text-align:left;padding:16px 23px;font-size:12px;font-weight:600}th{background:#f3f6ec;border-block:1px solid var(--line);color:#6e8261;font-size:10px;font-weight:500;padding:11px 20px}td{padding:12px 20px;font-size:11px;border-bottom:1px solid #eaf0e3;color:#607657}tbody tr:last-child td{border:0}td button{background:none;border:0;color:inherit;font-size:11px;font-family:var(--font);padding:0;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:4px}tbody tr.active{background:#edf5e5}.fine{font-size:11px;color:var(--muted);line-height:1.9}.closing{margin-top:55px;padding:30px;display:flex;align-items:center;gap:30px;justify-content:space-between;background:#ebf0e1}.closing p{font-size:12px;color:var(--muted)}.closing .actions{flex-direction:column;margin:0;min-width:250px}footer{max-width:1300px;margin:auto;padding:25px 5% 35px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer strong{color:#42673e;font-size:15px}footer p{flex-basis:100%;font-size:10px;line-height:1.9;margin:0}footer a{text-decoration:underline}#error{padding:20px;background:#f8e5d7;color:#8b4c2b;margin-top:20px;border-radius:6px}
@media(max-width:1050px){.intro-diagram{width:40%;gap:5px;padding:18px 12px}.intro-diagram b{font-size:10px}.metrics strong{font-size:24px}.metrics article{padding:20px}.policy{padding:18px}.policy strong{font-size:27px}h1{font-size:51px}.section-head>p{max-width:40%}}
@media(max-width:780px){header{padding:18px 4%}nav{gap:15px;font-size:11px}.intro-diagram{position:static;width:100%;margin-top:28px;padding:20px;gap:12px}.intro-diagram b{font-size:13px}h1{font-size:50px}.intro p{font-size:13px}main{padding:36px 4%}.metrics{grid-template-columns:1fr}.metrics article{padding:18px 23px;display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line)}.metrics article:last-child{border-bottom:0}.metrics article>span{grid-column:1/3}.metrics strong{font-size:25px}.metrics p{margin:0;font-size:10px}.section-head{display:block}.section-head>p{max-width:none;margin-top:15px}.section-head>.button{margin-top:15px}.section{margin-top:45px}.card-head{padding:20px}.card-head h3{font-size:17px}.policy-grid{gap:8px;padding:0 20px}.policy{padding:13px}.policy h4{font-size:14px}.policy strong{font-size:24px}.video-caption{display:block}.video-caption span{display:block;margin-top:6px}.two-col{gap:14px}.text-card{padding:21px}.text-card h3{font-size:17px}.closing{display:block}.closing .actions{margin-top:22px}.human-lab .card-head{display:block}.human-lab .card-head label{margin-top:15px}.videos{padding:18px 20px 0;gap:12px}.stage{aspect-ratio:4/5}.diagnostics article{padding:15px}.diagnostics strong{font-size:18px}.stages{padding-inline:18px;gap:5px}.stage-item{padding:10px 4px}.stage-item b{font-size:10px}.stage-item small{font-size:8px}.card-note{padding-inline:20px}.closing h2,h2{font-size:28px}}
@media(max-width:520px){.brand{font-size:16px}nav a:first-child{display:none}nav{gap:12px;font-size:10px}header{padding:16px}.intro h1{font-size:43px}.intro p{font-size:12px}.intro-diagram{gap:7px;padding:16px 10px}.intro-diagram b{font-size:11px}.intro-diagram>span{font-size:8px}.eyebrow{font-size:9px}.metrics article{grid-template-columns:1.2fr 1fr;gap:5px}.metrics strong{font-size:21px}.scope{font-size:11px}.card-head{display:block}.card-head label{margin-top:15px}.card-head .pill{display:inline-block;margin-top:10px}.policy-grid{grid-template-columns:1fr;padding:0 16px}.policy{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;padding:16px}.policy>span,.policy h4{grid-column:1}.policy h4{margin:6px 0 0}.policy strong{grid-column:2;grid-row:1/3;align-self:center;text-align:right}.policy>p{display:none}.policy .complete{grid-column:1/3;margin-top:12px;padding-top:9px}.two-col{grid-template-columns:1fr}.failure-note{padding:16px}.failure-note b{font-size:13px}.failure-note p{font-size:11px}.videos{grid-template-columns:1fr;gap:17px;padding:16px}.stage{aspect-ratio:16/10}.video-label{font-size:11px}.player{padding:0 16px;gap:8px}.player button{font-size:10px;padding:7px 9px}.player>span{font-size:9px}.player label{font-size:10px}.diagnostics{grid-template-columns:1fr}.diagnostics article{display:grid;grid-template-columns:1fr 1.2fr;border-right:0;border-bottom:1px solid var(--line);align-items:center;padding:12px 16px;gap:2px 10px}.diagnostics article:last-child{border-bottom:0}.diagnostics p{grid-column:2;font-size:9px}.diagnostics strong{font-size:17px;margin:0}.stages{overflow-x:auto;padding:17px 16px 0}.stage-item{min-width:53px}.repair{padding:20px}.repair h3{font-size:19px}.repair-result span{display:block;margin-top:5px}.repair .stages{padding-inline:0}h2{font-size:25px}.closing{padding:23px}.closing h2{font-size:25px}.closing p{font-size:11px}.fine{font-size:10px}footer{padding:24px 16px}.simulation video{aspect-ratio:2/1}details p{font-size:11px}.card-head h3{font-size:18px}}
h1,h2,h3,p{word-break:keep-all;overflow-wrap:break-word}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}