/* ══════════════════════════════════════════════════════════════════════════════
   [CSS-Q] TIPS & INSTRUCTIONS
   ══════════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════
   TIPS / INSTRUCTIONS
═══════════════════════════════════════════ */
.tips{
  width:100%;background:var(--panel);border:1px solid var(--rim);
  border-radius:var(--radius);padding:12px 14px;
}
.tips h4{font-size:.72rem;color:var(--gold);margin-bottom:7px;font-weight:700;}
.tips ul{list-style:none;text-decoration:none;display:flex;flex-direction:column;gap:5px;}
.tips li{font-size:.72rem;color:var(--txt2);line-height:1.65;padding-right:4px;display:flex;gap:7px;}
.tips li::before{content:'◈';color:var(--gold);font-size:.58rem;margin-top:3px;flex-shrink:0;}