*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#eaf3ff;color:#25364a;font-family:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{width:min(100%,1080px);margin:0 auto;padding:12px 8px 60px}
.header{margin:0 auto 12px;padding:18px;border:3px solid #9db9dd;border-radius:24px;background:#fffdf8;box-shadow:0 14px 34px rgba(49,72,105,.13)}
.logo-img{display:block;width:100%;max-width:1000px;height:auto;margin:0 auto 14px;border-radius:22px}
.profile-card{display:block;width:100%;height:auto;margin:0 auto 12px;border:3px solid #fff;border-radius:22px;background:#fff}
.meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.meta span{padding:9px 13px;border:2px solid #d2e0f4;border-radius:999px;background:#f5f9ff;color:#526b8f;font-weight:800}
.viewer{width:100%;max-width:1000px;margin:0 auto}
.cut{display:block;width:100%;height:auto;margin:0 auto 8px;object-fit:contain;background:#fff}
.footer{text-align:center;color:#65768d;font-weight:800;padding:28px 0 0}
.top{display:inline-block;padding:12px 18px;margin-top:10px;background:#fff;border:2px solid #d2e0f4;border-radius:999px}
@media(max-width:600px){.wrap{padding:0 0 42px}.header{border-radius:0;border-left:0;border-right:0;margin-bottom:0}.cut{margin-bottom:0}}