body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;background:#f4f6fb;color:#263044}
a{color:#4666d8} .wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.hero{background:linear-gradient(135deg,#3557c8,#8aa6ff);color:white;padding:48px 0 70px}
h1{font-size:42px;margin:0 0 10px}.hero p{opacity:.92}
.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.stat{background:rgba(255,255,255,.17);border-radius:14px;padding:12px 16px}
.search{background:white;margin:-38px auto 28px;padding:18px;border-radius:22px;box-shadow:0 14px 38px rgba(38,48,68,.16)}
.search input{width:100%;box-sizing:border-box;font-size:22px;padding:16px 18px;border:1px solid #dce2f2;border-radius:16px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tabs a{padding:8px 13px;border-radius:999px;text-decoration:none;background:#eef2ff;color:#4666d8;font-weight:bold;font-size:13px}.tabs a.on{background:#4666d8;color:white}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.card{background:white;border-radius:20px;padding:20px;box-shadow:0 6px 22px rgba(38,48,68,.08)}
.badge{display:inline-block;background:#eef2ff;color:#4666d8;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:bold}.card h3{font-size:19px;line-height:1.35;margin:13px 0 8px}.meta{color:#7d8799;font-size:13px}
.actions{display:flex;gap:8px;margin-top:14px}.actions a{background:#4666d8;color:white;text-decoration:none;padding:9px 11px;border-radius:11px;font-size:13px}
.box{background:white;border-radius:20px;padding:24px;box-shadow:0 6px 22px rgba(38,48,68,.08);margin:18px 0}
table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #edf0f7;text-align:left;font-size:14px}
pre{white-space:pre-wrap;background:#f7f8fc;padding:16px;border-radius:14px;max-height:360px;overflow:auto}