:root{font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;color:#263b3d;background:#f5f4ee;--muted:#5a6868;--line:#d4dbd6;--accent:#265951}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit;cursor:pointer;min-height:44px;touch-action:manipulation;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bd671b;outline-offset:4px}header,main,footer{max-width:1500px;margin:auto;padding:24px 36px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:18px}.brand img{width:110px;height:auto;display:block}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--muted)}h1{font-size:24px;margin:6px 0 0;letter-spacing:-.05em}nav{display:flex;gap:24px;font-size:13px}nav a{padding:12px 0}main{padding-top:12px}.introduction{max-width:900px;margin-bottom:28px}.badge{display:inline-block;font-size:11px;padding:6px 9px;border:1px solid #c6d0c5;border-radius:6px;background:#ecf1e8}.introduction h2{font-size:28px;letter-spacing:-.05em;margin:15px 0 10px}.introduction p{line-height:1.8;font-size:14px;color:var(--muted)}.layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:26px}aside{background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:22px;align-self:start}aside p,aside li{font-size:12px;line-height:1.85;color:var(--muted)}aside h3{font-size:18px;margin:26px 0 8px}#building-address{font-size:11px}.building-options{display:grid;gap:10px}.building-options button{border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;padding:13px;font-size:13px}.building-options button[aria-pressed=true]{background:#ecf3ee;border:2px solid var(--accent);padding:12px;font-weight:700}.caution{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.caution strong{font-size:12px;color:#845022}.source-link{display:inline-block;font-size:11px;margin-top:22px}details{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}summary{font-size:12px;font-weight:700;cursor:pointer;line-height:1.8}details ul{padding-left:18px}details li+li{margin-top:9px}.stage{min-width:0}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.stage-head h3{font-size:23px;margin:8px 0 15px}.modes{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.modes button{background:#fffefa;border:1px solid #c9d2c8;border-radius:8px;font-size:13px;padding:10px 16px}.modes button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}figure{margin:0;border:1px solid var(--line);border-radius:12px;background:#e7ece3;overflow:hidden}#image-host{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;min-height:240px;padding:10px}#image-host img{display:block;width:100%;height:100%;object-fit:contain;max-height:650px}figcaption{padding:12px 16px;font-size:12px;line-height:1.7;background:#fdfef9;border-top:1px solid var(--line)}.status-row{display:flex;align-items:center;gap:14px;min-height:48px}.status-row p{font-size:12px;line-height:1.8;margin:10px 0;color:var(--muted)}.status-row button{border:1px solid var(--line);background:#fffefa;border-radius:7px;padding:8px 14px;white-space:nowrap;font-size:12px}.note{font-size:11px;line-height:1.9;color:var(--muted);margin:6px 0}footer{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;padding-bottom:28px;line-height:1.8}footer a{font-weight:700}.skip{position:fixed;left:12px;top:-70px;padding:14px;background:#fff;z-index:3}.skip:focus{top:12px}[hidden]{display:none!important}noscript{padding:20px}@media(max-width:850px){header,main,footer{padding-left:20px;padding-right:20px}header{flex-wrap:wrap}.layout{grid-template-columns:240px minmax(0,1fr);gap:18px}aside{padding:18px}.introduction h2{font-size:25px}nav{gap:20px}#image-host{min-height:210px}}@media(max-width:650px){header,main,footer{padding-left:16px;padding-right:16px}header{padding-top:18px;padding-bottom:12px}.brand img{width:85px}.brand{gap:12px}h1{font-size:22px}.eyebrow{font-size:9px}nav{font-size:12px}.introduction{margin-bottom:18px}.introduction h2{font-size:24px;line-height:1.45}.introduction p{font-size:13px}.layout{display:flex;flex-direction:column}.building-options{grid-template-columns:1fr 1fr;gap:8px}.building-options button{font-size:12px}.stage-head h3{font-size:21px}.modes{display:grid;grid-template-columns:1fr 1.45fr}.modes button{font-size:12px;padding:10px 8px}aside{width:100%}#image-host{min-height:210px}footer{display:block}footer span{display:block;margin-top:8px}#image-mode{font-size:10px}.status-row{gap:10px}}
