@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&family=Noto+Serif+KR:wght@500;600&display=swap');
:root{--paper:#f6f4ed;--ink:#242720;--muted:#7d8075;--line:#d9dacf;--orange:#ef5d28;--white:#fffefa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Noto Sans KR',sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ef5d2880;outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}.top,main,footer{max-width:1320px;margin:auto}.top{height:90px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:6px}.brand span{font-weight:400}.brand i{width:9px;height:9px;background:var(--orange);border-radius:50%;margin-left:4px}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);margin-left:auto}.docs{font-size:12px;margin-left:38px}.hero{padding:65px 0 55px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 22px;color:var(--orange);font-weight:600}h1{font-size:62px;letter-spacing:-4px;line-height:1.2;margin:0;font-weight:600;font-family:'Noto Serif KR',serif}h1 span{display:block;font-size:26px;letter-spacing:-.5px;line-height:1.2;margin-top:20px;font-family:Georgia,serif;font-style:italic;color:#686e5e}.intro{font-size:13px;color:#75796d;line-height:1.9;margin:24px 0 0}.city-art{height:272px;position:relative;overflow:hidden;border-bottom:1px solid var(--ink);background:repeating-linear-gradient(0deg,transparent,transparent 43px,#e5e5da 44px),repeating-linear-gradient(90deg,transparent,transparent 43px,#e5e5da 44px)}.art-word{font-size:104px;letter-spacing:-7px;font-weight:800;position:absolute;top:0;left:10px;color:#dee0d2}.skyline{position:absolute;bottom:25px;left:18px;right:18px;display:flex;align-items:flex-end;gap:12px;height:170px}.skyline i{background:var(--ink);width:15%;height:55%;position:relative}.skyline i:nth-child(2){height:72%;background:#747c68}.skyline i:nth-child(3){height:40%}.skyline i:nth-child(4){height:100%;width:8%;background:var(--orange);clip-path:polygon(46% 0,54% 0,58% 40%,90% 45%,90% 53%,65% 58%,74% 100%,26% 100%,35% 58%,10% 53%,10% 45%,42% 40%)}.skyline i:nth-child(5){height:61%;background:#a6ad99}.skyline i:nth-child(6){height:83%}.skyline i:nth-child(7){height:36%;background:#747c68}.art-caption{position:absolute;bottom:5px;font:9px monospace;letter-spacing:2px;right:0}.toolbar{border:1px solid var(--ink);display:flex;background:var(--white);height:62px}.toolbar form{display:flex;flex:1;align-items:center;min-width:0;padding-left:20px;gap:15px}.toolbar form>span{font-size:28px}.toolbar input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:14px}.toolbar button,.toolbar select{height:100%;border:0;background:transparent;padding:0 22px}.toolbar form button{font-weight:600}.toolbar select{border-left:1px solid var(--line);font-size:12px}.toolbar .refresh{background:var(--ink);color:white;font-size:19px}.refresh span{font-size:12px;margin-left:5px}.source-line{display:flex;align-items:center;gap:15px;min-height:49px;font-size:10px;color:var(--muted)}.source{display:flex;align-items:center;gap:7px}.source i{width:6px;height:6px;background:var(--orange);border-radius:100%}.source-line>span:nth-child(2){margin-left:auto}.source-line button{border:0;background:none;color:var(--orange);font-size:11px}.notice:empty{display:none}.notice{border:1px solid #e6d7bc;background:#faf2df;padding:22px 25px;display:flex;align-items:center;gap:20px;margin:10px 0 25px}.notice p{margin:0;font-size:12px;line-height:1.8}.notice strong{display:block;font-size:14px;margin-bottom:4px}.notice button{white-space:nowrap;margin-left:auto;background:var(--ink);color:white;border:0;padding:12px 17px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:26px 0;margin-bottom:44px}.metrics>div{padding:0 30px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics span{font-size:12px}.metrics strong{font:48px Georgia,serif;grid-row:span 2;letter-spacing:-2px}.metrics small{font-size:10px;color:var(--muted)}.dashboard{display:grid;grid-template-columns:280px 1fr;gap:52px}.section-label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:17px}.section-label h2{font-size:17px;letter-spacing:-.5px;margin:0}.section-label>span{font:italic 14px Georgia,serif;color:var(--muted)}.section-label small{font:11px 'Noto Sans KR',sans-serif;color:var(--orange);margin-left:8px}.subtle{font-size:10px;color:var(--muted);margin:17px 0 25px}.chart button{display:block;width:100%;border:0;background:none;text-align:left;padding:0;margin-bottom:20px;color:var(--ink)}.bar-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.bar-track{display:block;height:7px;background:#e7e8de}.bar-fill{display:block;height:7px;background:#7c886b}.chart button:hover .bar-fill,.chart button.active .bar-fill{background:var(--orange)}.all-categories{border:0;border-bottom:1px solid var(--line);background:none;padding:8px 0;color:var(--orange);font-size:11px}.side-note{border-top:1px solid var(--line);padding-top:23px;margin-top:35px;color:var(--muted)}.side-note span{font-size:9px;letter-spacing:1.5px}.side-note p{font-size:11px;line-height:1.9}.empty-small{font-size:12px;line-height:1.9;color:var(--muted);padding:25px 0}.content-item{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:25px 0;border-bottom:1px solid var(--line)}.item-index{font:italic 16px Georgia,serif;color:#a1a590;padding-top:4px}.item-category{font-size:9px;color:var(--orange);letter-spacing:.5px}.content-item h3{font-size:19px;margin:7px 0 9px;font-weight:500;letter-spacing:-.5px}.content-item p{font-size:12px;line-height:1.8;color:#7a7e71;margin:0;max-width:650px}.item-meta{display:block;font-size:9px;color:#999c91;margin-top:14px}.empty-state{min-height:245px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted);gap:8px}.empty-state strong{font-size:20px;font-family:'Noto Serif KR',serif;font-weight:500;color:#727a65}.empty-state p{font-size:12px;line-height:1.8;margin:4px 0}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:11px}.pagination button{background:none;border:1px solid var(--line);padding:9px 16px}footer{display:flex;align-items:center;gap:35px;border-top:1px solid var(--ink);margin-top:65px;padding:25px 0 35px}footer .brand{font-size:18px}footer p{font-size:10px;line-height:1.8;color:var(--muted)}footer>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1400px){.top,main,footer{margin-left:6%;margin-right:6%}}@media(max-width:760px){.top{height:70px}.edition{display:none}.docs{margin-left:auto}.hero{padding:40px 0;gap:20px;grid-template-columns:1fr}.hero h1{font-size:46px;letter-spacing:-3px}h1 span{font-size:24px}.city-art{display:none}.intro{font-size:12px}.toolbar{height:auto;flex-wrap:wrap}.toolbar form{flex-basis:100%;height:56px;padding-left:12px;gap:8px}.toolbar form button{padding:0 14px}.toolbar input{font-size:12px}.lang-label{height:42px;flex:1;border-top:1px solid var(--line)}.toolbar select{border-left:0;padding:0 15px;width:100%}.toolbar .refresh{height:42px;padding:0 18px}.source-line{flex-wrap:wrap;padding:12px 0;font-size:9px;gap:8px}.notice{align-items:flex-start;flex-direction:column;padding:18px;gap:12px}.notice button{margin-left:0}.metrics{margin-bottom:30px;padding:20px 0}.metrics>div{display:flex;flex-direction:column;align-items:flex-start;padding:0 14px;gap:5px}.metrics strong{font-size:35px;order:1}.metrics small{font-size:8px;order:2}.metrics span{font-size:10px}.dashboard{grid-template-columns:1fr;gap:32px}.chart{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.side-note{display:none}.content-item{grid-template-columns:25px 1fr;gap:9px;padding:22px 0}.content-item h3{font-size:18px}.content-item p{font-size:11px}footer{align-items:flex-start;gap:20px;flex-wrap:wrap;margin-top:45px}footer p{margin:0}footer>span:last-child{display:none}}