/* 별 이모티콘 면. 색·반경·여백은 tools-base.css 의 기존 토큰만 쓴다 — 이 면만의 토큰을 만들지 않는다.
   본문 폭은 layout.css 의 전 페이지 단일 규격(760px). 격자는 칸 최소 폭으로 열 수를 정한다 — 390px 에서 4열,
   760px 본문에서 8열. 칸 최소 폭을 em 으로 둬서 글자만 키워도 열이 준다(px 이면 글자 확대에 안 따라온다). */
[data-tool="star"] .sub{word-break:keep-all}
.star-group>h2{margin-top:22px}.star-group:first-child>h2{margin-top:6px}
.star-grid{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(5em,1fr))}
.star-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;min-height:100px;padding:6px 4px;
  background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--tx);font:inherit;cursor:pointer}
.star-card:hover{border-color:var(--b)}
.star-glyph{font-size:32px;line-height:40px}
.star-card code{font-size:14px;font-variant-numeric:tabular-nums}
.star-card .copy-label{font-size:12px;color:var(--mut)}
.star-card:disabled{cursor:default}
/* 묶음마다 한 번 펼치는 정식 이름 목록 — 격자 밖 전폭이라 펼쳐도 별 행 간격은 그대로다. */
.star-names{margin:8px 0 0}
/* display 는 공용 summary(flex + 회전하는 ▸)에 맡긴다 — list-item 으로 덮으면 펼쳐도 삼각형이 돌지 않았다(2026-09-25). */
.star-names summary{padding:10px 2px;line-height:24px;border:0;background:none;font-size:13px;color:var(--mut)}
.star-names ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px}
.star-names li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;overflow-wrap:anywhere;min-height:44px}
.star-names .star-plain{font-size:22px;min-width:1.4em;text-align:center;user-select:all}
.star-names code{font-variant-numeric:tabular-nums}
.star-names .text-btn{min-height:44px;margin-left:auto;font-size:12px}
.star-rules>h2{margin-top:26px}
/* 묶음 바로가기(2026-09-25) — 상장 문구 면의 바로가기와 같은 칩 모양. 좁은 화면에서는 감겨서 다섯 개가 다 보인다(가로 스크롤 없음).
   묶음 제목은 고정 머리 아래로 가리지 않게 착지 여백을 준다. */
.star-toc{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.star-toc a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--tx);text-decoration:none;font-size:14px}
.star-group>h2{scroll-margin-top:72px}
@media(min-width:720px){.star-group>h2{scroll-margin-top:130px}}
/* 여러 별 이어 쓰기 — 첫 묶음 뒤 접힌 안내. */
.star-multi{margin:18px 0 0}
.star-multi summary{padding:10px 2px;line-height:24px}
.star-multi ol{margin:4px 0 8px;padding-left:1.4em;word-break:keep-all}