/* ============================================================
   comp-hint-strip.css (Lego Block)
   "이 페이지 사용법" 접이식 안내 배너. js/hint-strip.js와 한 쌍.
   ============================================================ */
.hint-strip {
  display: flex; align-items: flex-start; gap: 14px;
  background: var(--paper-deep); border: 1px solid var(--hairline);
  border-radius: 12px; padding: 16px 20px; margin: 22px 0 30px;
}
.hint-strip__icon { font-size: 19px; line-height: 1.6; flex-shrink: 0; }
.hint-strip__body { flex: 1; font-size: 14.5px; line-height: 1.65; color: var(--ink-soft); }
.hint-strip__body b { color: var(--ink); }
.hint-strip__body a { color: var(--red); }
.hint-strip__more { display: block; margin-top: 6px; font-size: 13px; }
.hint-strip__close {
  flex-shrink: 0; background: none; border: none; color: var(--muted);
  font-size: 20px; line-height: 1; cursor: pointer; padding: 0 2px;
}
.hint-strip__close:hover { color: var(--ink); }
.hint-strip[hidden] { display: none; }