.hx-flavor { font-size: 1.6rem; }   
  .hx-note   { font-size: 1.3rem; }  
  .hx-label  { font-size: 1.5rem; }   
  

  .hx-wrap { text-align: center; }
  .hx-flavor { font-style: italic; margin: 0.6rem 0; line-height: 1.7; }
  .hx-note { color: #555; margin: 0.8rem 0; }
  .hx-rule { width: 60%; margin: 20px auto; border: none; border-top: 1px solid #000; }

  .hx-main-img { width: 263px; max-width: 90%; height: auto; display: block; margin: 1rem auto; }

  
  .hx-key {
    display: inline-flex; align-items: center; gap: 8px;
    margin: 0.5rem auto 0; justify-content: center;
  }
  .hx-key img { width: 30px; height: auto; }
  .hx-label { font-family: Arial, sans-serif; }

  
  .hx-block {
    display: grid;
    grid-template-columns: 220px 263px 220px;   
    align-items: center;
    column-gap: 24px;
    width: max-content;                    
    margin: 3rem auto;                     
  }
  /* 좁은 화면에서 3-벌집 고정폭(751px)이 페이지를 밀어내지 않고 그 블록만 가로 스크롤 */
  .hx-block { max-width: 100%; overflow-x: auto; }
  .hx-block-img { width: 263px; max-width: 100%; height: auto; }
  .hx-clues { display: flex; flex-direction: column; gap: 12px; text-align: left; }
  .hx-clue { display: flex; align-items: center; gap: 8px; }
  .hx-clue img { width: 30px; height: auto; flex: 0 0 auto; }