
:root{
  --bg:#08090b;--bg2:#0d0f13;--panel:#111319;--panel2:#151821;
  --line:#2b2f38;--gold:#d6aa63;--gold2:#f0d49a;--text:#ece7dc;
  --muted:#9ea3ad;--green:#69c28a;--amber:#d6aa63;--red:#d76b65;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(circle at 45% -5%,rgba(117,74,27,.20),transparent 24%),
linear-gradient(180deg,#090a0d 0%,#07080a 100%);
color:var(--text);font-family:Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif}
a{color:inherit}
.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid #22252c;background:rgba(8,9,11,.94)}
.brand{font-family:Georgia,serif;color:var(--gold2);font-size:18px;font-weight:700;padding:4px 8px 18px}
.brand small{display:block;color:#777e88;font:10px Arial;letter-spacing:.16em;margin-top:5px}
.nav a{display:flex;gap:10px;align-items:center;text-decoration:none;padding:10px 11px;border-radius:8px;color:#b5bac4;font-size:14px;margin:3px 0}
.nav a:hover,.nav a.active{background:#171a20;color:#f1dfbc}
.nav .sep{height:1px;background:#24272e;margin:13px 7px}
.content{min-width:0}
.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #22252b;background:rgba(8,9,11,.78);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}
.status{display:flex;gap:8px;align-items:center;font-size:12px;color:#a7adb7}
.dot{width:7px;height:7px;border-radius:99px;background:var(--green);box-shadow:0 0 10px rgba(105,194,138,.4)}
.toplinks{display:flex;gap:8px}
.toplinks a{font-size:12px;text-decoration:none;border:1px solid #343842;padding:6px 10px;border-radius:7px;color:#c3c7cf}
.main{max-width:1240px;margin:auto;padding:34px 34px 70px}
.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-bottom:18px}
.hero-card,.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(19,22,29,.94),rgba(13,15,20,.94));border-radius:14px}
.hero-card{padding:30px}
.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
h1{font-family:Georgia,"Times New Roman",serif;font-size:44px;margin:7px 0 8px;color:#f3e6cb}
.hero p{color:#aeb3bc;line-height:1.65;margin:0}
.searchbox{display:flex;align-items:center;margin-top:22px;border:1px solid #403929;background:#0a0c10;border-radius:11px;padding:0 14px}
.searchbox input{width:100%;height:50px;background:transparent;border:0;outline:0;color:#eee;font-size:15px}
.searchbox span{color:#8f7b58}
.release{padding:22px}
.release h3{margin:0 0 14px;color:#e9d6af}
.release-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #242831;font-size:13px}
.release-row:last-child{border:0}
.release-row b{color:#d7dbe1}
.release-row span{color:#8f96a1}
.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #38413b;background:#101812;color:#8ed0a4;padding:4px 7px;border-radius:99px;font-size:10px}
.badge.warn{color:#d9bd80;border-color:#4a3d27;background:#17130d}
.badge.dim{color:#999fa8;border-color:#333740;background:#111318}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.metric{padding:17px;border:1px solid var(--line);background:#101218;border-radius:11px}
.metric .n{font:700 26px Georgia;color:#f0d49a}
.metric .label{color:#9298a2;font-size:12px;margin-top:4px}
.metric .progress{height:3px;background:#252932;margin-top:11px;border-radius:9px;overflow:hidden}
.metric .progress i{display:block;height:100%;background:#b38a4c}
.section-head{display:flex;align-items:end;justify-content:space-between;margin:29px 0 12px}
.section-head h2{font-size:20px;margin:0;color:#e8dcc4}
.section-head p{font-size:12px;color:#7f8691;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{display:block;text-decoration:none;padding:18px;border:1px solid var(--line);background:#101218;border-radius:11px;transition:.15s}
.card:hover{transform:translateY(-1px);border-color:#57462d;background:#13161d}
.card h3{margin:0 0 7px;color:#e8c987;font-size:16px}
.card p{margin:0;color:#9da3ad;font-size:13px;line-height:1.55}
.card .meta{margin-top:12px;color:#6f7681;font-size:10px}
.quick{display:flex;gap:7px;flex-wrap:wrap}
.quick a{font-size:12px;text-decoration:none;color:#cab98f;border:1px solid #373125;background:#100f0c;padding:7px 10px;border-radius:7px}
.panel{padding:20px}
.table-wrap{overflow:auto;border:1px solid #292d34;border-radius:10px}
table{width:100%;border-collapse:collapse;min-width:720px;background:#0e1015}
th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #272b32;font-size:13px}
th{color:#cbae78;background:#14171d;font-weight:700;position:sticky;top:0}
td{color:#c7cbd2}.runes{color:#f0d49a;font-weight:700;letter-spacing:.03em}.muted{color:#858c97}
.page-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}
.page-title h1{font-size:34px;margin:0}.page-title p{color:#8f96a1;margin:6px 0 0;font-size:13px}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.toolbar input,.toolbar select{background:#101218;border:1px solid #30343c;color:#ddd;border-radius:8px;padding:9px 11px;outline:none}
.toolbar input{min-width:280px;flex:1}
.sourcebox{margin-top:18px;padding:14px;border:1px solid #2c3038;border-radius:9px;background:#0d0f13;font-size:12px;color:#979da7;line-height:1.6}
.sourcebox b{color:#c8b27f}
.sourcebox a{color:#b8c5dc}
.verify{display:inline-flex;gap:5px;align-items:center;color:#8fd2a5;font-size:10px}
.warnbox{border-left:3px solid #b78947;padding:11px 13px;background:#15120d;color:#c9b995;font-size:12px;margin:12px 0;border-radius:0 8px 8px 0}
.footer{margin-top:34px;padding-top:18px;border-top:1px solid #24272e;color:#6f7680;font-size:11px;display:flex;justify-content:space-between;gap:12px}
.hidden{display:none!important}
@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{display:none}.hero{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.main{padding:22px 14px 50px}.topbar{padding:0 14px}.toplinks a:first-child{display:none}.metrics,.cards{grid-template-columns:1fr}.hero-card{padding:22px}.hero-card h1{font-size:36px}.page-title{align-items:start;flex-direction:column}}

.crosscheck{display:flex;align-items:center;gap:8px;margin:12px 0 18px;padding:10px 12px;border:1px solid #2e3a32;background:#0d1510;border-radius:9px;color:#9fd0ae;font-size:12px}
.frame-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px}
.frame-chip{padding:8px 7px;border:1px solid #2c3038;background:#0d0f13;border-radius:7px;text-align:center}
.frame-chip b{display:block;color:#ead3a4;font-size:13px}
.frame-chip span{display:block;color:#858c97;font-size:10px;margin-top:2px}
.catbar{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 15px}
.catbar button{border:1px solid #363a43;background:#101218;color:#b9bec7;border-radius:7px;padding:7px 10px;cursor:pointer;font-size:12px}
.catbar button.active{border-color:#7a613a;color:#efdaa9;background:#17130e}
.kpi-line{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.kpi-pill{font-size:11px;color:#aeb4bd;border:1px solid #30343c;background:#0f1116;padding:6px 8px;border-radius:99px}

.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rule-list{display:grid;gap:8px;margin:12px 0}
.rule{border:1px solid #2d3139;background:#0f1116;border-radius:9px;padding:12px 13px}
.rule b{color:#ead3a4}
.rule span{color:#969da8;font-size:12px;display:block;margin-top:4px;line-height:1.55}
.prob-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px}
.prob{border:1px solid #2e323a;background:#0e1014;border-radius:8px;padding:10px;text-align:center}
.prob b{color:#ead3a4;display:block}.prob span{font-size:11px;color:#8f96a0}
.mini-note{font-size:11px;color:#7f8792;line-height:1.55}
.row-hi td:first-child{color:#f0d49a;font-weight:700}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.filters input,.filters select{background:#101218;border:1px solid #30343c;color:#ddd;border-radius:8px;padding:9px 11px;outline:none}
.filters input{min-width:260px;flex:1}
.section-anchor{scroll-margin-top:78px}
@media(max-width:720px){.detail-grid{grid-template-columns:1fr}.prob-grid{grid-template-columns:repeat(3,1fr)}}

.searchbox{position:relative}.search-results{position:relative;left:auto;right:auto;top:auto;margin-top:8px;z-index:40;max-height:360px;overflow:auto;border:1px solid #3a3428;background:#0b0d11;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.45);overflow:auto}.search-result{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 13px;text-decoration:none;border-bottom:1px solid #242831}.search-result:last-child{border-bottom:0}.search-result:hover{background:#15181e}.search-result b{display:block;color:#e7d3a8;font-size:13px}.search-result small{display:block;color:#787f8a;margin-top:2px}.search-result em{font-style:normal;font-size:10px;color:#8c7d60}.search-hit{animation:hitGlow 2.4s ease;border-left:3px solid #d6aa63!important;background:rgba(214,170,99,.10)!important}@keyframes hitGlow{0%,100%{box-shadow:none}25%{box-shadow:inset 0 0 0 1px rgba(214,170,99,.55),0 0 24px rgba(214,170,99,.18)}}.sourcebox.hot{border-color:#514126;background:#151108;color:#b9aa8b}.cube-section{scroll-margin-top:80px}tr{scroll-margin-top:100px}@media(max-width:820px){.search-results{left:auto;right:auto;top:auto;margin-top:8px}}
