/* ============================================================
   RiskMind — Partners page specifics
   Reuses tokens.css + styleguide.css + landing.css + site.css (Slate brand)
   ============================================================ */

/* velvet-rope hero note */
.partner-note { display:inline-flex; align-items:center; gap: var(--space-2); margin-top: var(--space-5);
  font-family: var(--font-mono); font-size: var(--text-2xs); letter-spacing: 0.06em; color: var(--ink-faint); }
.partner-note .dot { width:6px; height:6px; border-radius:50%; background: var(--accent); }

/* ---------- TIERS ---------- */
.tiers { display:grid; grid-template-columns: repeat(3,1fr); gap: var(--space-4); align-items:start; }
@media (max-width: 820px){ .tiers{ grid-template-columns:1fr; } }
.tier { border:1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); padding: var(--space-6);
  transition: box-shadow var(--dur-2) var(--ease), transform var(--dur-2); }
.tier:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.tier--top { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent-soft), var(--shadow-md); position:relative; }
.tier--top::before { content: attr(data-flag); position:absolute; top:-11px; left: var(--space-6);
  font-family: var(--font-mono); font-size: var(--text-2xs); letter-spacing: var(--track-label); text-transform:uppercase;
  background: var(--accent); color: var(--accent-ink); padding: 3px 10px; border-radius: var(--radius-pill); }
.tier__rank { font-family: var(--font-mono); font-size: var(--text-2xs); letter-spacing: var(--track-label);
  text-transform: uppercase; color: var(--ink-faint); }
.tier h3 { font-family: var(--font-display); font-weight: var(--display-weight); letter-spacing: var(--display-tracking);
  font-size: var(--text-2xl); color: var(--ink-strong); margin: var(--space-2) 0 var(--space-1); }
.tier__sub { color: var(--accent-strong); font-size: var(--text-sm); font-weight: 600; }
[data-mode="dark"] .tier__sub { color: var(--accent); }
.tier-list { list-style:none; margin: var(--space-5) 0 0; padding:0; display:grid; gap: var(--space-3); }
.tier-list li { font-size: var(--text-base); color: var(--ink-muted); padding-left: var(--space-5); position:relative; line-height: var(--leading-snug); }
.tier-list li::before { content:""; position:absolute; left:2px; top:8px; width:6px; height:6px; border-radius:50%; background: var(--accent); }

/* ---------- QUALIFICATION (reuses .assess shell) ---------- */
.qual textarea.rm-input { min-height: 96px; resize: vertical; font-family: var(--font-sans); line-height: var(--leading-normal); }
.qual__field { display:grid; gap: var(--space-2); margin-bottom: var(--space-4); }
.qual__field label { font-family: var(--font-mono); font-size: var(--text-2xs); letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--ink-faint); }
.consent { display:flex; align-items:flex-start; gap: var(--space-3); margin-top: var(--space-2); }
.consent input { width:18px; height:18px; margin-top:2px; accent-color: var(--accent); flex-shrink:0; }
.consent label { font-size: var(--text-sm); color: var(--ink-muted); line-height: var(--leading-normal); }
.consent a { color: var(--accent-strong); }
[data-mode="dark"] .consent a { color: var(--accent); }

.result-icon { width: 52px; height: 52px; border-radius: var(--radius-md); display:grid; place-items:center;
  background: var(--accent-soft); color: var(--accent-strong); margin-bottom: var(--space-4); }
[data-mode="dark"] .result-icon { color: var(--accent); }
.result-icon svg { width: 26px; height: 26px; }
.result-head { font-family: var(--font-display); font-weight: var(--display-weight); letter-spacing: var(--display-tracking);
  font-size: clamp(1.5rem, 3vw, var(--text-2xl)); color: var(--ink-strong); line-height: var(--leading-snug); margin-bottom: var(--space-3); max-width: 30ch; }
.result-body { color: var(--ink-muted); font-size: var(--text-lg); line-height: var(--leading-relaxed); max-width: 56ch; }