/* Intelligent Handshake interface kit (Dahlia) · v1
   Tokens and components for the developer center and product surfaces.
   Every token starts with --ih-, every class with ih-, so this file can sit inside any docs framework without collisions.
   Fonts: load https://intelligenthandshake.com/assets/fonts.css first (Newsreader, Inter, IBM Plex Mono; self hosted). */

:root{
  /* color */
  --ih-paper:#F5F7F6; --ih-white:#FFFFFF; --ih-wash:#EAF0F1; --ih-tint:#D4F1EC; --ih-tint-2:#BFE3E0;
  --ih-ink:#0E1726; --ih-ink-soft:#6E7781; --ih-rule:#DDE3E6;
  --ih-sapphire:#0F52BA; --ih-sapphire-deep:#0B3A7E; --ih-turq:#1FB3AC; --ih-turq-deep:#0E8E8A; --ih-risk:#B3364A;
  --ih-s-H:#0B3A7E; --ih-s-M:#0F52BA; --ih-s-L:#0E8E8A; --ih-s-N:#1FB3AC; --ih-s-R:#8E4B57; --ih-s-U:#9AA3AE;
  /* type */
  --ih-font:"Inter","Helvetica Neue",Arial,sans-serif;
  --ih-font-display:"Newsreader","Iowan Old Style",Georgia,serif;
  --ih-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --ih-size-1:.78rem; --ih-size-2:.9rem; --ih-size-3:1rem; --ih-size-4:1.15rem; --ih-size-5:1.5rem; --ih-size-6:2rem; --ih-size-7:2.8rem;
  /* shape and space */
  --ih-radius:4px; --ih-radius-lg:10px; --ih-hairline:1px solid var(--ih-rule);
  --ih-space-1:.25rem; --ih-space-2:.5rem; --ih-space-3:1rem; --ih-space-4:1.5rem; --ih-space-5:2.5rem; --ih-space-6:4rem;
}

/* ---- Base (opt in: put ih-root on the html or a wrapper) ---- */
.ih-root{font-family:var(--ih-font);color:var(--ih-ink);background:var(--ih-paper);line-height:1.55;-webkit-font-smoothing:antialiased}
.ih-root h1,.ih-root h2,.ih-root h3{font-family:var(--ih-font-display);font-weight:400;letter-spacing:-.01em;margin:0 0 var(--ih-space-3)}
.ih-root h1{font-size:var(--ih-size-7);line-height:1.05}
.ih-root h2{font-size:var(--ih-size-6);line-height:1.1}
.ih-root h3{font-size:var(--ih-size-4)}
.ih-root a{color:var(--ih-sapphire);text-decoration-color:var(--ih-rule);text-underline-offset:.18em}
.ih-root a:hover{text-decoration-color:var(--ih-sapphire)}
.ih-root :focus-visible{outline:2px solid var(--ih-sapphire);outline-offset:3px}

/* ---- Text ---- */
.ih-eyebrow{font-family:var(--ih-mono);font-size:var(--ih-size-1);letter-spacing:.08em;text-transform:uppercase;color:var(--ih-turq-deep)}
.ih-lede{font-size:var(--ih-size-4);color:var(--ih-ink-soft);max-width:64ch}
.ih-note{font-size:var(--ih-size-2);color:var(--ih-ink-soft)}
.ih-mono{font-family:var(--ih-mono)}
.ih-pn b{font-weight:600}

/* ---- Buttons ---- */
.ih-btn{display:inline-block;padding:.6rem 1.1rem;border:1px solid var(--ih-sapphire);border-radius:var(--ih-radius);color:var(--ih-sapphire-deep);background:transparent;font:inherit;font-size:var(--ih-size-2);line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer}
.ih-btn:hover{background:var(--ih-tint);text-decoration:none}
.ih-btn.ih-btn-primary{background:var(--ih-sapphire);color:#fff}
.ih-btn.ih-btn-primary:hover{background:var(--ih-sapphire-deep);border-color:var(--ih-sapphire-deep);color:#fff}
.ih-btn.ih-btn-live{background:var(--ih-turq);border-color:var(--ih-turq);color:var(--ih-ink)}
.ih-btn.ih-btn-live:hover{background:#fff;border-color:#fff}
.ih-btn-sm{padding:.4rem .75rem;font-size:var(--ih-size-1)}

/* ---- Pill and badges ---- */
.ih-pill{display:inline-block;font-family:var(--ih-mono);font-size:var(--ih-size-1);letter-spacing:.08em;text-transform:uppercase;color:var(--ih-turq-deep);background:var(--ih-tint);border:1px solid var(--ih-tint-2);border-radius:999px;padding:.3rem .7rem}
.ih-pill-live::before{content:"";display:inline-block;width:.5em;height:.5em;border-radius:50%;background:var(--ih-turq);margin-right:.5em;vertical-align:middle}
.ih-badge{display:inline-block;font-family:var(--ih-mono);font-size:var(--ih-size-1);padding:.15rem .45rem;border-radius:var(--ih-radius);border:var(--ih-hairline);background:#fff;color:var(--ih-ink-soft)}
.ih-badge-get{color:var(--ih-turq-deep);border-color:var(--ih-tint-2);background:var(--ih-tint)}
.ih-badge-post{color:#fff;border-color:var(--ih-sapphire);background:var(--ih-sapphire)}
.ih-badge-del{color:#fff;border-color:var(--ih-risk);background:var(--ih-risk)}

/* ---- The IH Score ---- */
.ih-score{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;font-family:var(--ih-mono);font-weight:500;font-size:1.1rem;background:#fff;border:var(--ih-hairline);border-radius:var(--ih-radius)}
.ih-score-lg{width:4.2rem;height:4.2rem;font-size:2rem;border-radius:8px}
.ih-score-sm{width:1.6rem;height:1.6rem;font-size:.8rem}
.ih-score.s-H{color:var(--ih-s-H)}.ih-score.s-M{color:var(--ih-s-M)}.ih-score.s-L{color:var(--ih-s-L)}
.ih-score.s-N{color:var(--ih-s-N)}.ih-score.s-R{color:var(--ih-s-R)}.ih-score.s-U{color:var(--ih-s-U)}
.ih-score-row{display:inline-flex;gap:.4rem}

/* ---- Cards and panels ---- */
.ih-card,.ih-root a.ih-card{display:block;background:#fff;border:var(--ih-hairline);border-radius:var(--ih-radius);padding:var(--ih-space-4);color:inherit;text-decoration:none}
a.ih-card:hover{border-color:var(--ih-sapphire);text-decoration:none}
.ih-card h3{margin-bottom:var(--ih-space-2)}
.ih-card p{margin:0;color:var(--ih-ink-soft);font-size:var(--ih-size-2)}
.ih-card-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--ih-radius);background:var(--ih-tint);color:var(--ih-sapphire);margin-bottom:var(--ih-space-3)}
.ih-card-ico svg{width:24px;height:24px}
.ih-grid{display:grid;gap:var(--ih-space-3);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}
.ih-panel{background:var(--ih-tint);border:1px solid var(--ih-tint-2);border-radius:var(--ih-radius);padding:var(--ih-space-4)}
.ih-panel-dark{background:var(--ih-ink);color:#fff;border-radius:var(--ih-radius-lg);padding:var(--ih-space-4)}
.ih-panel-dark a,.ih-root .ih-panel-dark a{color:#fff}
.ih-callout{border-left:3px solid var(--ih-sapphire);background:#fff;padding:var(--ih-space-3) var(--ih-space-4);border-radius:0 var(--ih-radius) var(--ih-radius) 0}
.ih-callout-warn{border-left-color:var(--ih-risk)}

/* ---- Code ---- */
.ih-code{font-family:var(--ih-mono);font-size:var(--ih-size-2);background:var(--ih-ink);color:#E8EEF5;border-radius:var(--ih-radius);padding:var(--ih-space-3) var(--ih-space-4);overflow:auto;line-height:1.6}
.ih-code .k{color:var(--ih-turq)}.ih-code .s{color:#BFE3E0}.ih-code .n{color:#8FB7FF}.ih-code .c{color:#8A95A3}
code.ih-inline{font-family:var(--ih-mono);font-size:.92em;background:var(--ih-wash);border:var(--ih-hairline);border-radius:3px;padding:.05em .35em}

/* ---- Tables ---- */
.ih-table{width:100%;border-collapse:collapse;font-size:var(--ih-size-2);background:#fff;border:var(--ih-hairline);border-radius:var(--ih-radius)}
.ih-table th{font-family:var(--ih-mono);font-weight:500;font-size:var(--ih-size-1);letter-spacing:.06em;text-transform:uppercase;color:var(--ih-ink-soft);text-align:left;padding:.7rem .9rem;border-bottom:var(--ih-hairline);background:var(--ih-paper)}
.ih-table td{padding:.7rem .9rem;border-bottom:var(--ih-hairline);vertical-align:top}
.ih-table tr:last-child td{border-bottom:0}
.ih-table td.ih-mono{color:var(--ih-sapphire-deep)}

/* ---- Forms ---- */
.ih-field{display:grid;gap:.35rem;font-size:var(--ih-size-2)}
.ih-field label{color:var(--ih-ink-soft)}
.ih-input,.ih-select{font:inherit;font-size:var(--ih-size-3);padding:.55rem .75rem;border:1px solid var(--ih-rule);border-radius:var(--ih-radius);background:#fff;color:var(--ih-ink)}
.ih-input:focus,.ih-select:focus{outline:2px solid var(--ih-sapphire);outline-offset:1px;border-color:var(--ih-sapphire)}

/* ---- Rules and spacing helpers ---- */
.ih-hr{border:0;border-top:var(--ih-hairline);margin:var(--ih-space-5) 0}
.ih-stack > * + *{margin-top:var(--ih-space-3)}
.ih-row{display:flex;flex-wrap:wrap;gap:var(--ih-space-2);align-items:center}