/* 홍공부방 전용 (앞머리 hs-) — 나머지 모양은 작당의 app.css·design.css·study.css를 그대로 씀 */
.hs-logo{font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
a.hs-logo,.side a.nav{text-decoration:none}
.hs-tabbar{grid-template-columns:repeat(2,1fr)}
.hs-sp{flex:1}
.hs-me{display:flex;align-items:center;gap:10px;padding:10px 12px;font-weight:600;color:var(--ink-2);min-width:0}
.hs-me .av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none}
.hs-me span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-theme span{display:none}
.side .theme-nav span{flex:1;text-align:left}
@media (min-width:1000px){
  .hs .shell{grid-template-columns:220px minmax(0,1fr);max-width:1500px}
  .side .hs-logo{margin:0 12px 22px}
}

/* 로그인 */
.hs-auth{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--bg)}
.hs-auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px 22px}
.hs-auth-card .hs-logo{font-size:24px;margin:0 0 6px}
.hs-sub{margin:0 0 22px;color:var(--ink-3);font-size:14px;line-height:1.5}
.hs-auth input[type=email],.hs-auth input[type=password],.hs-auth input[type=text]{width:100%;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px}
.hs-note{margin:18px 0 0;font-size:13px;color:var(--ink-3);line-height:1.55}
.hs-note a{color:var(--accent);font-weight:700}