*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{--bg:#fff;--bg2:#f2f4f6;--ink:#191f28;--sub:#4e5968;--muted:#8b95a1;--line:#e8ebed;--seal:#c0392b;--seal-deep:#a52f22;--seal-soft:#fdeeec;--wood:#3a5a40;--wood-soft:#eaf1ec}
body{font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.gnb{display:flex;align-items:center;gap:16px;height:60px;flex-wrap:wrap}
.logo{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:18px;white-space:nowrap}.logo b{color:var(--seal)}
.logo small{font-weight:600;font-size:12px;color:var(--muted);margin-left:5px;font-family:inherit}
.search{flex:1;min-width:180px;position:relative}
.search input{width:100%;font-size:15px;font-weight:500;background:var(--bg2);border:2px solid transparent;border-radius:12px;padding:10px 12px;outline:none;color:var(--ink)}
.search input:focus{border-color:var(--seal);background:#fff}
.gnb .cta{font-size:14px;font-weight:700;color:var(--seal-deep);white-space:nowrap}
#results{position:absolute;left:0;right:0;top:46px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(20,30,45,.12);overflow:hidden;display:none;z-index:40;max-height:60vh;overflow-y:auto}
#results.on{display:block}
#results a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
#results a:last-child{border-bottom:none}#results a:hover{background:var(--bg2)}
#results .ch{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:20px;width:28px;text-align:center}
#results .rd{font-size:13.5px;font-weight:600}#results .rd span{color:var(--muted);font-weight:500;margin-left:6px;font-size:12px}
.breadcrumb{font-size:13px;color:var(--muted);margin:18px 0 14px}.breadcrumb b{color:var(--sub);font-weight:600}
.char-head{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding-bottom:6px}
.char-big{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:96px;line-height:1;width:150px;height:150px;display:grid;place-content:center;background:var(--bg2);border-radius:24px;flex:none}
h1{font-size:28px;font-weight:800;letter-spacing:-.02em}h1 .rd{color:var(--seal)}
.mean{font-size:17px;color:var(--sub);margin-top:8px;font-weight:500}
.tags{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.tag{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:20px;background:var(--bg2);color:var(--sub)}
.tag.ok{background:var(--wood-soft);color:var(--wood)}.tag.no{background:var(--seal-soft);color:var(--seal-deep)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.cell{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.cell .k{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:6px}
.cell .v{font-size:20px;font-weight:800}.cell .v small{font-size:13px;font-weight:600;color:var(--sub);margin-left:3px}
.cell.hi{border:2px solid var(--seal);background:var(--seal-soft)}
.cell .note{font-size:11.5px;color:var(--muted);margin-top:6px;line-height:1.5}
.section{margin-top:34px}.sec-t{font-size:18px;font-weight:800;margin-bottom:12px}
.box{background:var(--bg2);border-radius:14px;padding:18px 20px;font-size:15px;color:var(--sub);line-height:1.9}
.prep{color:var(--muted)}
.accuracy{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;font-size:13px;color:var(--sub);line-height:1.7}
.accuracy b{color:var(--ink)}
.cta-band{margin-top:34px;background:var(--ink);border-radius:20px;padding:30px 24px;text-align:center;color:#fff}
.cta-band h2{font-size:21px;font-weight:800;line-height:1.45;margin-bottom:8px}
.cta-band .ch{font-family:'Nanum Myeongjo',serif;color:#f7d9d4}
.cta-band p{font-size:14px;color:rgba(255,255,255,.72);margin-bottom:18px}
.btn{display:inline-block;font-weight:700;font-size:16px;padding:14px 24px;border-radius:12px;background:var(--seal);color:#fff}
.rel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.rel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center}
.rel:hover{border-color:var(--seal)}
.rel .rc{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:26px}
.rel .rr{font-size:12px;font-weight:700;margin-top:4px}.rel .rr span{display:block;color:var(--muted);font-weight:500;font-size:11px}
.idx{display:flex;flex-wrap:wrap;gap:8px}
.idx a{background:var(--bg2);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600}
.idx a:hover{background:var(--seal-soft);color:var(--seal-deep)}
footer{margin-top:50px;border-top:1px solid var(--line);padding:28px 0 50px;font-size:12.5px;color:var(--muted);line-height:1.9}
footer b{color:var(--sub)}
@media(max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}.rel-grid{grid-template-columns:repeat(3,1fr)}.char-big{font-size:72px;width:110px;height:110px}h1{font-size:24px}}
@media(max-width:480px){.rel-grid{grid-template-columns:repeat(2,1fr)}}