/* 태극기 알아보기 — 공통 레이아웃 (좌측 메뉴 + 본문) */
.tg-layout { display:flex; align-items:flex-start; gap:0; width:100%; }

.tg-side {
  flex:none; width:220px; align-self:stretch;
  background:#fff; border-right:1px solid #E5E7EB;
  padding:22px 14px 40px; position:sticky; top:60px;
}
.tg-side .tg-side-t {
  font-size:.78rem; font-weight:800; letter-spacing:.08em; color:#94A3B8;
  padding:0 10px 10px;
}
.tg-side a {
  display:block; text-decoration:none; color:#374151;
  font-size:.94rem; font-weight:700; padding:10px 12px; border-radius:10px;
  margin-bottom:2px; word-break:keep-all;
}
.tg-side a:hover { background:#F1F5F9; color:#111827; }
.tg-side a.on { background:#EFF6FF; color:#2563EB; font-weight:800; }
.tg-side a .num { color:#CBD5E1; font-weight:800; margin-right:6px; }
.tg-side a.on .num { color:#93C5FD; }

.tg-main { flex:1; min-width:0; }

@media (max-width:820px) {
  .tg-layout { display:block; }
  .tg-side {
    width:auto; position:sticky; top:52px; z-index:50;
    border-right:none; border-bottom:1px solid #E5E7EB;
    padding:8px 10px; display:flex; gap:6px; overflow-x:auto; scrollbar-width:none;
  }
  .tg-side::-webkit-scrollbar { display:none; }
  .tg-side .tg-side-t { display:none; }
  .tg-side a { white-space:nowrap; padding:8px 12px; font-size:.88rem; margin:0; }
  .tg-side a .num { display:none; }
}