:root{--paper:#f1eadc;--sheet:#fffdf7;--ink:#17212b;--navy:#1f3348;--muted:#65717a;--line:#c8bdac;--green:#506f60;--green-bg:#edf6f0;--amber:#a97533;--amber-bg:#fff8e8;--red:#a13b32;--red-bg:#fff0ed;--shadow:0 16px 40px rgba(23,33,43,.12)}
*{box-sizing:border-box}html{max-width:100%;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif;overflow-x:hidden}body{margin:0;max-width:100%;overflow-x:hidden;background:linear-gradient(90deg,rgba(31,51,72,.045) 1px,transparent 1px),linear-gradient(rgba(31,51,72,.035) 1px,transparent 1px),var(--paper);background-size:34px 34px}button{font:inherit}.skip{position:fixed;left:12px;top:-80px;background:var(--ink);color:#fff;padding:12px 16px;z-index:100}.skip:focus{top:12px}.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{min-height:112px;padding:22px 34px;display:flex;justify-content:space-between;gap:24px;align-items:center;background:var(--navy);color:#fff;border-bottom:8px solid var(--amber)}.topbar b,.topbar span,.top-status{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.topbar b{font-size:11px;color:#e8d2ab}.topbar h1{margin:6px 0 3px;font-family:Georgia,"Times New Roman",serif;font-size:31px}.topbar span{font-size:11px;color:#c8d1d9}.top-status{text-align:right;border:1px solid rgba(255,255,255,.3);padding:12px 15px}.top-status strong,.top-status span{display:block}.top-status strong{font-size:12px}.top-status span{margin-top:6px;font-size:10px}
.room{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 172px)}.rail{background:#e4dac9;border-right:1px solid #b7ab99;padding:24px 16px;min-width:0}.rail-title{border-top:5px solid var(--navy);padding:14px 5px 18px}.rail-title>*{display:block}.rail-title small,.rail-title span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.08em}.rail-title strong{font-family:Georgia,"Times New Roman",serif;font-size:22px;margin:3px 0}.tabs{display:grid;gap:7px}.tabs button{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid transparent;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.tabs button b,.tabs button small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tabs button b{font-size:11px;color:var(--amber)}.tabs button span{font-weight:800}.tabs button small{font-size:9px;color:var(--muted)}.tabs button[aria-selected="true"]{background:var(--sheet);border-color:var(--navy);box-shadow:4px 4px 0 var(--navy)}.tabs button:focus-visible,#motion-replay:focus-visible{outline:3px solid #005fcc;outline-offset:3px}.hard-boundary{margin-top:25px;border:2px solid var(--red);padding:12px;color:var(--red);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.hard-boundary>*{display:block;margin:4px 0}.panels{min-width:0;padding:26px}.panel{min-width:0;max-width:1500px;margin:0 auto;overflow:hidden}.panel[hidden]{display:none}.state-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:22px}.state-head>div:first-child{min-width:0}.state-head small,.folio,.stamp,.legend{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.state-head h2{margin:7px 0 9px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,58px);line-height:1.02;font-weight:600}.state-head h2 em{color:var(--red);font-style:normal}.state-head p{max-width:760px;margin:0;color:var(--muted);line-height:1.65}.state-head.compact h2{font-size:clamp(28px,3.6vw,48px)}.stamp,.folio{flex:0 0 auto;min-width:150px;padding:15px;border:3px double var(--red);color:var(--red);text-align:center;transform:none}.stamp>* ,.folio>*{display:block}.stamp b{font-size:23px;line-height:1}.stamp span,.folio small{font-size:9px;margin-top:6px}.folio{border-color:var(--navy);color:var(--navy);transform:none}.folio b{margin:6px 0;font-size:15px}.seal{width:126px;height:126px;flex:0 0 auto}
.cover-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:18px;align-items:stretch}.focal{margin:0;background:var(--sheet);border:1px solid var(--line);box-shadow:var(--shadow);min-width:0}.focal>img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover}.focal figcaption{display:flex;justify-content:space-between;gap:20px;padding:13px 16px;border-top:1px solid var(--line);font-size:12px}.focal figcaption span{color:var(--muted);text-align:right}.systems{display:grid;gap:12px}.systems article{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:center;padding:10px;background:var(--sheet);border-left:5px solid var(--amber);box-shadow:0 8px 18px rgba(23,33,43,.08);min-width:0}.systems img{width:104px;height:76px;object-fit:cover}.systems div>*{display:block}.systems small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;color:var(--muted)}.systems b{margin:4px 0}.systems span{font-size:11px;color:var(--red)}
.motion-wrap{margin-top:24px;padding:18px;background:var(--sheet);border:1px solid var(--line)}.motion-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:13px}.motion-title small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--red)}.motion-title h3{margin:3px 0;font-family:Georgia,"Times New Roman",serif;font-size:22px}.motion-title button{padding:9px 14px;border:1px solid var(--navy);background:#fff;cursor:pointer}.motion-board{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:6px;min-width:0}.motion-node{min-width:0;min-height:102px;padding:11px;background:#f6f1e7;border-top:4px solid var(--amber);opacity:1;transform:none}.motion-node b,.motion-node strong,.motion-node span{display:block}.motion-node b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:var(--amber)}.motion-node strong{margin:7px 0 5px;font-size:11px;line-height:1.25}.motion-node span{font-size:9px;color:var(--muted)}.motion-node.final{background:var(--navy);color:#fff;border-color:var(--red)}.motion-node.final span{color:#f4c4bd}.motion-board.is-running .motion-node{opacity:0;transform:translateY(12px);animation:motion-reveal 240ms cubic-bezier(.22,.72,.25,1) both}.motion-board.is-running .motion-node[data-motion-step="0"]{animation-delay:0ms}.motion-board.is-running .motion-node[data-motion-step="1"]{animation-delay:70ms}.motion-board.is-running .motion-node[data-motion-step="2"]{animation-delay:140ms}.motion-board.is-running .motion-node[data-motion-step="3"]{animation-delay:210ms}.motion-board.is-running .motion-node[data-motion-step="4"]{animation-delay:280ms}.motion-board.is-running .motion-node[data-motion-step="5"]{animation-delay:350ms}.motion-board.is-running .motion-node[data-motion-step="6"]{animation-delay:420ms}.motion-board.is-running .motion-node[data-motion-step="7"]{animation-delay:510ms}.motion-board.is-complete .motion-node{animation:none;opacity:1;transform:none}@keyframes motion-reveal{to{opacity:1;transform:none}}.persistent{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.persistent span{padding:6px 8px;background:var(--red-bg);border:1px solid #d49c95;color:var(--red);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:800}
.roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.roles article{padding:22px;background:var(--sheet);border-top:7px solid var(--amber);box-shadow:var(--shadow);min-width:0}.roles article.owner{border-color:var(--red)}.roles small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.roles i{display:grid;place-items:center;width:54px;height:54px;margin:18px 0;background:var(--navy);color:#fff;border-radius:50%;font-style:normal;font-family:Georgia,serif;font-size:24px}.roles h3{font-family:Georgia,"Times New Roman",serif;font-size:25px;margin:0 0 8px}.roles p{color:var(--muted);min-height:45px}.roles dl{display:grid;grid-template-columns:68px 1fr;gap:5px;margin:18px 0 0;font-size:12px}.roles dt{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--red)}.roles dd{margin:0}.request-sheet{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--sheet);border:1px solid var(--line)}.request-sheet>div{padding:17px;border-right:1px solid var(--line)}.request-sheet small,.request-sheet span{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.request-sheet b{display:block;margin:7px 0}.request-sheet span{color:var(--red)}.request-sheet .warning{grid-column:1/-1;border-top:3px solid var(--red);border-right:0;background:var(--red-bg);color:var(--red)}
.legend{display:flex;gap:7px;flex-wrap:wrap}.legend span,.tag{padding:7px 9px;font-size:9px;font-weight:900}.req{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber)}.ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green)}.no{background:var(--red-bg);color:var(--red);border:1px solid var(--red)}.scope-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:17px}.permissions{display:grid;gap:10px}.permissions article{display:grid;grid-template-columns:1fr 185px;min-width:0;background:var(--sheet);border-left:8px solid var(--green);box-shadow:0 8px 18px rgba(23,33,43,.08)}.permissions article.limited{border-color:var(--amber)}.permissions article.denied{border-color:var(--red)}.permissions article>div{padding:15px;min-width:0}.permissions article>div:last-child{border-left:1px solid var(--line)}.permissions small,.permissions span{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.permissions b{display:block;margin-top:7px;overflow-wrap:anywhere}.permissions strong{font-size:11px}.permissions span{margin-top:6px;color:var(--muted)}.rulebar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;margin-top:14px;padding:14px 16px;background:var(--navy);color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}
.mapping{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:18px;align-items:start}.mapping figure{margin:0;background:var(--sheet);box-shadow:var(--shadow)}.mapping figure img{display:block;width:100%;height:min(68vh,760px);object-fit:contain}.mapping>div{min-width:0;overflow:hidden}.mapping table{width:100%;border-collapse:collapse;background:var(--sheet);font-size:12px}.mapping caption{text-align:left;padding:14px;background:var(--navy);color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.mapping th,.mapping td{padding:13px 10px;border:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.mapping th{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.tag{display:inline-block}.provenance{margin-top:14px;padding:17px;background:#e6dcc8;border-left:6px solid var(--navy)}.provenance p{margin:5px 0;color:var(--muted)}
.controls{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px}.control-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-list article{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;padding:12px;background:var(--sheet);border-top:5px solid var(--red);box-shadow:0 8px 18px rgba(23,33,43,.08);min-width:0}.control-list img{width:110px;height:92px;object-fit:cover}.control-list div>*{display:block}.control-list small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;color:var(--red)}.control-list b{margin:6px 0}.control-list span{font-size:10px;color:var(--muted)}
.decision{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:22px;align-items:start}.decision>div:first-child{padding-top:25px}.decision h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4vw,55px);line-height:1.03;margin:8px 0}.decision h2 em{color:var(--red);font-style:normal}.decision p{color:var(--muted);line-height:1.6}.signatures{margin-top:30px;border-top:1px solid var(--line)}.signatures p{padding:12px 0;border-bottom:1px solid var(--line)}.signatures small,.signatures b{display:block}.signatures small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.final-spec{background:var(--sheet);border:2px solid var(--navy);box-shadow:var(--shadow)}.final-spec header{padding:20px;background:var(--navy);color:#fff}.final-spec header>*{display:block}.final-spec header small,.final-spec header span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.final-spec h3{font-family:Georgia,"Times New Roman",serif;font-size:27px;margin:8px 0}.final-spec dl{margin:0}.final-spec dl div{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--line)}.final-spec dt,.final-spec dd{padding:13px}.final-spec dt{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900}.final-spec dd{margin:0}.spec-bands{display:flex;flex-wrap:wrap;gap:7px;padding:14px}.spec-bands span{padding:7px;background:var(--red-bg);color:var(--red);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:900}.final-spec footer{display:flex;justify-content:space-between;gap:14px;padding:15px;background:var(--green);color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.no-live{margin-top:16px;padding:14px;border:3px double var(--red);color:var(--red);text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:900;font-size:11px}
.mobile-show{display:grid;grid-template-columns:minmax(0,390px) minmax(260px,1fr);gap:30px;justify-content:center;align-items:start}.phone{width:min(100%,390px);background:#fbfaf6;border:10px solid var(--ink);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.phone header,.phone section,.phone footer,.phone>div{padding:14px 16px;border-bottom:1px solid var(--line)}.phone header{background:var(--navy);color:#fff}.phone header>*{display:block}.phone header h3{font-family:Georgia,"Times New Roman",serif;font-size:25px;margin:5px 0}.phone small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.phone section>*{display:block}.phone section b{margin-top:5px}.phone-ok{border-left:7px solid var(--green)}.phone-no{border-left:7px solid var(--red);background:var(--red-bg)}.phone>div{display:flex;gap:6px;flex-wrap:wrap}.phone>div span{padding:6px;background:#e6dcc8;font-size:9px;font-weight:900}.phone footer{background:var(--red);color:#fff}.phone footer>*{display:block}.phone footer small{margin-top:7px}.mobile-notes{display:grid;gap:14px}.mobile-notes article{padding:20px;background:var(--sheet);border-left:6px solid var(--amber);box-shadow:0 8px 18px rgba(23,33,43,.08)}.mobile-notes b{font-family:Georgia,"Times New Roman",serif;font-size:21px}.mobile-notes p{color:var(--muted);line-height:1.6}
.global{display:flex;flex-wrap:wrap;gap:12px 24px;padding:15px 26px;background:#111a22;color:#dce3e8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.global b{color:#f0c0b9}
@media(max-width:1100px){.room{grid-template-columns:178px minmax(0,1fr)}.panels{padding:20px}.cover-grid,.scope-grid,.controls{grid-template-columns:1fr}.motion-board{grid-template-columns:repeat(4,minmax(0,1fr))}.control-list{grid-template-columns:repeat(2,minmax(0,1fr))}.decision{grid-template-columns:1fr}.state-head h2 br{display:none}}
@media(max-width:760px){.topbar{padding:16px 18px;min-height:auto}.topbar h1{font-size:23px}.top-status{display:none}.room{display:block}.rail{padding:12px;border-right:0;border-bottom:1px solid var(--line)}.rail-title,.hard-boundary{display:none}.tabs{display:flex;overflow-x:auto;gap:6px;padding:2px 2px 9px;scrollbar-width:thin}.tabs button{flex:0 0 92px;grid-template-columns:22px 1fr;padding:8px}.tabs button small{display:none}.panels{padding:16px 12px}.state-head{gap:12px}.state-head h2,.state-head.compact h2{font-size:34px}.state-head p{font-size:13px}.stamp,.folio,.seal{display:none}.cover-grid,.roles,.request-sheet,.scope-grid,.mapping,.controls,.decision,.mobile-show{grid-template-columns:1fr}.systems article{grid-template-columns:86px 1fr}.systems img{width:86px}.motion-wrap{padding:12px}.motion-title h3{font-size:17px}.motion-board{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-node{min-height:90px}.roles article{padding:17px}.request-sheet>div{border-right:0;border-bottom:1px solid var(--line)}.permissions article{grid-template-columns:1fr}.permissions article>div:last-child{border-left:0;border-top:1px solid var(--line)}.mapping figure img{height:520px}.mapping>div{overflow-x:auto}.mapping table{min-width:680px}.control-list{grid-template-columns:1fr}.control-list article{grid-template-columns:92px 1fr}.control-list img{width:92px;height:80px}.final-spec dl div{grid-template-columns:1fr}.final-spec dt{padding-bottom:3px}.final-spec dd{padding-top:3px}.final-spec footer{display:grid}.mobile-show{justify-items:center}.mobile-notes{width:100%}.global{padding:13px 15px}.focal figcaption{display:grid}.focal figcaption span{text-align:left}}
@media(max-width:420px){.topbar b{font-size:9px}.topbar h1{font-size:21px}.tabs button{flex-basis:82px}.panels{padding:14px 9px}.state-head h2,.state-head.compact h2{font-size:31px}.motion-board{gap:4px}.motion-node{padding:9px}.persistent span{font-size:7px}.phone{border-width:7px}.roles h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.motion-board .motion-node,.motion-board.is-running .motion-node,.motion-board.is-complete .motion-node{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}