/* Integrated GLY1 approved tips — recognisable local preview */
.integrated-approved-tips { border-left: 3px solid rgba(230,182,90,.72); }
.secondary-approved-tips { border-left-color: rgba(100,168,232,.55); }
.approved-tips-heading { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; margin-bottom:1rem; }
.approved-tips-heading h3 { margin:.15rem 0 0; }
.approved-tip-count { flex:0 0 auto; border:1px solid var(--line); border-radius:999px; padding:.34rem .58rem; font-size:.68rem; font-weight:850; letter-spacing:.08em; color:var(--muted); }
.approved-tip-list { display:grid; gap:.85rem; margin-top:1rem; }
.approved-tip-card { border:1px solid rgba(230,182,90,.26); border-radius:16px; padding:1rem 1.05rem; background:linear-gradient(180deg,rgba(230,182,90,.055),rgba(255,255,255,.018)); scroll-margin-top:96px; }
.approved-tip-card h3 { margin:.5rem 0 .5rem; font-size:1.02rem; line-height:1.3; }
.approved-tip-head { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; }
.approved-tip-number { display:inline-flex; align-items:center; border-radius:999px; padding:.28rem .52rem; background:rgba(230,182,90,.14); color:var(--gold,#e6b65a); font-size:.71rem; font-weight:900; letter-spacing:.08em; }
.approved-tip-state { font-size:.64rem; font-weight:850; letter-spacing:.09em; color:var(--muted); }
.approved-tip-lead { margin:0; color:var(--text); font-size:.9rem; line-height:1.58; }
.approved-tip-card details { margin-top:.75rem; border-top:1px solid var(--line); padding-top:.7rem; }
.approved-tip-card details summary { cursor:pointer; color:var(--gold-2,#f3d18d); font-size:.78rem; font-weight:800; list-style:none; }
.approved-tip-card details summary::-webkit-details-marker { display:none; }
.approved-tip-card details summary::before { content:'＋'; margin-right:.42rem; color:var(--muted); }
.approved-tip-card details[open] summary::before { content:'−'; }
.approved-tip-body { margin-top:.75rem; color:var(--muted); line-height:1.68; }
.approved-tip-body p { margin:0; }
.essential-note-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.essential-note { border:1px solid rgba(230,182,90,.22); border-radius:14px; padding:1rem; background:rgba(255,255,255,.025); }
.essential-note > span { display:inline-block; color:var(--gold,#e6b65a); font-size:.7rem; font-weight:900; letter-spacing:.08em; margin-bottom:.5rem; }
.essential-note h3 { margin:0 0 .45rem; font-size:.98rem; line-height:1.25; }
.essential-note p { margin:0; color:var(--muted); font-size:.82rem; line-height:1.5; }
@media (max-width:980px) { .essential-note-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) {
  .essential-note-grid { grid-template-columns:1fr; }
  .approved-tips-heading { display:block; }
  .approved-tip-count { display:inline-flex; margin-top:.55rem; }
}
