/* redesign.v1 - evolutionary polish layer
   Loads after site.v6/home.v9; only adds, never mutates validated tokens. */

/* ---- icon system ------------------------------------------------------- */
.icon{inline-size:18px;block-size:18px;flex:none;color:var(--amber-700,#8a5200)}
.icon--sm{inline-size:15px;block-size:15px}
.icon--lg{inline-size:24px;block-size:24px}
.trust-point .icon{color:var(--amber-700,#8a5200)}

/* ---- homepage brand-mark img ------------------------------------------- */
.brand-mark img{inline-size:40px;block-size:40px;display:block}

/* ---- hero licence-card chip -------------------------------------------- */
.hero-chip{position:absolute;inset-block-end:16px;inset-inline-start:20px;
  inline-size:min(230px,58%);z-index:2;border-radius:10px;
  box-shadow:0 10px 24px rgba(6,43,79,.35)}
.hero-chip svg{inline-size:100%;height:auto;display:block}

/* ---- guide step-flow strips -------------------------------------------- */
.flow{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0 26px;padding:0;
  list-style:none;counter-reset:step}
.flow li{flex:1 1 150px;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:14px 16px;counter-increment:step;position:relative}
.flow li::before{content:counter(step);display:inline-grid;place-items:center;
  inline-size:28px;block-size:28px;border-radius:50%;
  background:var(--blue-800);color:#fff;font-weight:800;font-size:14px;
  margin-block-end:10px}
[dir="rtl"] .flow li::before{margin-inline-end:auto}
.flow li strong{display:block;font-size:.95rem;color:var(--blue-900);margin-block-end:4px}
.flow li span{font-size:.8rem;color:var(--ink-soft);line-height:1.45}
.flow--compact li{padding:12px 14px}

/* ---- contextual links from full question sets to topic hubs ------------ */
.question-topic-links{margin:20px 0 12px;padding:14px 16px;background:var(--soft);
  border:1px solid var(--line);border-radius:12px}
.question-topic-links strong{display:block;margin-block-end:9px;color:var(--navy)}
.question-topic-links div{display:flex;flex-wrap:wrap;gap:8px}
.question-topic-links a{display:inline-flex;padding:6px 10px;border-radius:999px;
  border:1px solid var(--line);background:#fff;text-decoration:none;
  color:var(--navy);font-size:12px;font-weight:800}
.question-topic-links a:hover,.question-topic-links a:focus-visible{border-color:var(--amber);
  text-decoration:underline}