/* GrowMoneyDaily CH visual language
   🔎 = ตรวจ/เช็ก/ประเมิน
   📚 = คู่มือ/ความรู้
   🔒 = สมาชิก/พรีเมียม
   ✓  = พร้อม/เสร็จ/ผ่าน
   Keep symbols functional and sparse; never decorate every heading. */

:root{
  --signal-check:#b91f2e;
  --signal-knowledge:#1f3b63;
  --signal-premium:#8a6418;
  --signal-ready:#2f6d50;
}

/* Use the new minimal brand mark everywhere the shared header/footer logo appears. */
.brand-logo{content:url('/static/logo-minimal.svg')!important}

.signal{display:inline-flex;align-items:center;gap:.42em}
.signal-check::before{content:"🔎";line-height:1}
.signal-knowledge::before{content:"📚";line-height:1}
.signal-premium::before{content:"🔒";line-height:1}
.signal-ready::before{content:"✓";line-height:1;font-weight:900}

/* Verification actions: apply consistently to tools, checks and assessments. */
a[href*="retirement-check"],
button[data-action="check"]{--signal-current:var(--signal-check)}

.check-hero .kicker::before,
.check-form-intro .overline::before,
.result-card>.overline::before{content:"🔎";margin-right:.42em;line-height:1}

.check-form button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:.5em}
.check-form button[type="submit"]::before{content:"🔎";line-height:1}

/* Knowledge and guide labels. */
.guide-kicker::before{content:"📚";margin-right:.45em;line-height:1}

/* Premium remains a lock, not a generic decorative badge. */
.premium-chip::before,.gold-pill::before{content:"🔒";margin-right:.35em;line-height:1}
.lock-icon{display:none}

/* Ready/complete status uses a checkmark; warning states keep their existing colors. */
.check-row.done span::before{content:"✓";margin-right:.4em;color:var(--signal-ready);font-weight:900}

/* Editorial verification callout for cross-border chapters. */
.verify-callout{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin:30px 0 8px;padding:18px 20px;border:1px solid rgba(185,31,46,.18);border-left:4px solid var(--signal-check);border-radius:12px;background:rgba(185,31,46,.045)}
.verify-callout-icon{font-size:1.35rem;line-height:1.2;padding-top:1px}
.verify-callout strong{display:block;margin:0 0 5px;color:#8f1724;font-size:1rem}
.verify-callout p{margin:0!important;color:#3d4656;line-height:1.7}

/* Avoid duplicate emoji when a template already contains the same cue. */
.nav-check-cta::before,
.home-final a[href*="retirement-check"]::before,
.mobile-menu-inner a[href*="retirement-check"]::before,
.site-footer a[href*="retirement-check"]::before{font-family:inherit}

@media(max-width:700px){
  .signal{gap:.34em}
  .verify-callout{grid-template-columns:1fr;padding:16px 17px;gap:8px}
}