/* Package W4 — public Credentials hub (/credentials, /credentials/{slug}).
   Horizon tokens only; no gold. Builds on 08-pages.css (.pg-panel .pg-facts
   .pg-feature .pg-with-aside .pg-stretch). */

/* ---- Hub ---------------------------------------------------------------- */
.kgf-cred-intro{align-items:start}
.kgf-cred-checks{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.kgf-cred-checks li{display:flex;gap:12px;align-items:flex-start;color:var(--kgf-slate-700);line-height:1.45;font-weight:500}
.kgf-cred-checks li > span{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--kgf-blue-50);border:1px solid var(--kgf-blue-100);color:var(--kgf-blue-600)}
.kgf-cred-checks svg{width:14px;height:14px}
.kgf-cred-note .pg-ico{margin-bottom:18px}
.kgf-cred-note h3{margin:0 0 12px;font-size:1.45rem}
.kgf-cred-note p{margin:0 0 12px;color:#c6d4ea;line-height:1.65}
.kgf-cred-note p:last-child{margin:0}

.kgf-cred-single{grid-template-columns:minmax(0,760px)}
.kgf-cred-card{position:relative;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}
.kgf-cred-card .card-body{display:flex;flex-direction:column;gap:12px;height:100%}
.kgf-cred-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.kgf-cred-card-top .pill{margin:0}
.kgf-cred-card h3{margin:0;font-size:1.45rem}
.kgf-cred-facts{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.kgf-cred-facts li{display:inline-flex;align-items:center;gap:7px;color:var(--kgf-slate-500);font-size:.88rem;font-weight:600}
.kgf-cred-facts svg{flex:none;color:var(--kgf-blue-500)}
.kgf-cred-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--kgf-line)}
.kgf-cred-how{align-items:start}
.kgf-cred-actions{margin-top:26px}
.kgf-cred-verify{margin-top:20px!important}

/* ---- Type page ---------------------------------------------------------- */
.kgf-cred-main > .eyebrow{margin-top:clamp(40px,5vw,56px)}
.kgf-cred-main > .eyebrow:first-child{margin-top:0}
.kgf-cred-main > h2{margin:12px 0 18px}
.kgf-cred-lead{margin:0 0 8px}
.kgf-cred-standards{max-width:none}
/* Lists in the standards read as a requirements checklist */
.kgf-cred-standards ul{list-style:none;padding:0;display:grid;gap:10px}
.kgf-cred-standards ul li{position:relative;margin:0;padding:12px 16px 12px 50px;border:1px solid var(--kgf-line);border-radius:var(--kgf-radius);background:#fff;line-height:1.55}
.kgf-cred-standards ul li::before{content:"";position:absolute;left:14px;top:13px;width:24px;height:24px;border-radius:50%;background:var(--kgf-success-bg) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23157347' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat;border:1px solid var(--kgf-success-line)}
.kgf-cred-standards ol{padding-left:1.3em}
.kgf-cred-docs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.kgf-cred-docs li{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--kgf-line);border-radius:var(--kgf-radius);background:#fff;box-shadow:var(--kgf-shadow-sm);color:var(--kgf-navy-900);font-weight:600;line-height:1.4}

.kgf-cred-aside .pg-panel .eyebrow{margin-bottom:10px}
.kgf-cred-aside .pg-facts{margin-bottom:20px}
.kgf-cred-mini{list-style:none;counter-reset:m;margin:0 0 20px;padding:16px 0 0;border-top:1px solid var(--kgf-line);display:grid;gap:10px}
.kgf-cred-mini li{counter-increment:m;display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;color:var(--kgf-slate-700);font-size:.92rem;line-height:1.45}
.kgf-cred-mini li::before{content:counter(m);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--kgf-blue-600);color:#fff;font-size:.74rem;font-weight:700}
.kgf-cred-small{margin:12px 0 0;font-size:var(--kgf-text-sm);color:var(--kgf-slate-500);line-height:1.55}
.kgf-cred-small a{color:var(--kgf-blue-600)}
.kgf-cred-disclaimer{display:flex;gap:10px;align-items:flex-start;margin:0;padding:0 4px}
.kgf-cred-disclaimer > span:first-child{flex:none;color:var(--kgf-blue-500);margin-top:2px}

@media (max-width:620px){
  .kgf-cred-checks{grid-template-columns:1fr}
}