/* KYE Protocol: project styles on top of the kit theme: the decision states of the terminal's check list, and the
   content pages imported from the live site (prose, tables, code, definition lists), the developer portal, the
   catalogues and the app shells. Tokens only (var(--…)); no colour literals except the decision colours. */
.tchecks li.now::before{content:"●";color:var(--orange)}
.tchecks li.warn{color:var(--text)}.tchecks li.warn::before{content:"!";color:var(--st-warn)}
.tchecks li.err{color:var(--text)}.tchecks li.err::before{content:"✕";color:var(--st-err)}
.tchecks li.off{opacity:.45}
.tchecks li small{font-size:12px}

/* ---------- KYE-only pieces on top of the kit's surfaces.css (content blocks cb-, reference rf-, app shells ap-) ---------- */
/* pricing tiers */
.kx-tiers .sx-card{gap:14px}
.kx-tiers .sx-card .btn{align-self:flex-start;margin-top:auto}
.kx-tier--hi{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
/* catalogues */
.kx-cat{border:1px solid var(--line);border-radius:var(--r-card);padding:22px;background:var(--surface);min-width:0}
.kx-cat+.kx-cat{margin-top:18px}
.kx-cat .cb-h2{margin-top:0}
.kx-cat__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:14px}
.kx-cat__cols>div{min-width:0}
.kx-cat__cols .cb-h3{margin-top:0;font-size:15px}
/* glossary */
.kx-search{width:100%;max-width:560px;display:block;margin:0 auto 18px;padding:12px 16px;border:1px solid var(--line-2);border-radius:var(--r-btn);background:var(--surface);font:inherit;color:var(--text)}
.kx-gcat{padding:36px 0 0}
.kx-gcat .cb-h2 small{font-size:14px;font-weight:600}
.kx-gcat .sx-grid{margin-top:16px}
@media (max-width:900px){.kx-cat__cols{grid-template-columns:minmax(0,1fr)}}
/* forms that stand in for the legacy forms */
.kx-form{margin-top:28px}
.sec-head .kx-sech1{font-size:clamp(26px,3.6vw,42px);margin-bottom:14px;letter-spacing:-.025em}
/* "See it run": where an interactive flow of a page runs on this site */
.kx-try{display:grid;gap:8px;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:var(--r-card);background:var(--dash-bg);padding:16px 18px;margin-bottom:8px}
.kx-try b{font-size:15px}
.kx-try span{color:var(--muted);font-size:14.5px}
.kx-try .actions{justify-content:flex-start;margin-top:6px}
@media (max-width:640px){.kx-try .actions .btn{width:100%}}