/* ==========================================================================
   funktionen.css — scoped styles for /funktionen.html (public feature list)
   Canon rule 4: scoped file. Colours only from DESIGN-TOKENS-AIOOS
   (channel semantics §5, Bald pill §6). Builds on api.css (dv shell, nav,
   langsw, code-free page furniture).
   ========================================================================== */

/* channel section header */
.ch-head{display:flex; align-items:center; gap:12px; margin:0 0 6px}
.ch-dot{width:12px; height:12px; border-radius:50%; flex:none}
.ch-head h2{margin:0}
.ch-tel   .ch-dot{background:#2D6CF6}
.ch-bot   .ch-dot{background:#22D3EE}
.ch-kig   .ch-dot{background:#7C5CFC}
.ch-wa    .ch-dot{background:#25D366}
.ch-plain .ch-dot{background:#8395AE}

/* Bald pill — token recipe (§6, solid light-card variant) */
.bald{
  display:inline-block; margin-left:10px; padding:3px 10px; border-radius:100px;
  font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  background:linear-gradient(135deg,#FBBF24,#F59E0B); color:#43290A; vertical-align:2px;
}

/* feature grid */
ul.fx{
  list-style:none; margin:18px 0 0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:10px 22px;
}
ul.fx li{
  position:relative; padding:10px 0 10px 34px;
  font-size:15px; line-height:1.55; color:var(--ink-2);
  border-bottom:1px solid rgba(36,74,140,.08);
}
ul.fx li strong{color:var(--ink-soft); font-weight:650}
/* check chip: gradient circle (token gradient) + white check drawn by ::after */
ul.fx li::before{
  content:""; position:absolute; left:0; top:13px; width:20px; height:20px; border-radius:50%;
  background:linear-gradient(150deg,#2D6CF6,#22D3EE);
}
ul.fx li::after{
  content:""; position:absolute; left:4px; top:17px; width:12px; height:12px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* token variants (§1/§5/§6): teal for operations, violet for KI to go, green for WhatsApp */
ul.fx.t li::before{background:linear-gradient(150deg,#2DD4BF,#14B8A6)}
ul.fx.v li::before{background:linear-gradient(150deg,#7C5CFC,#22D3EE)}
ul.fx.w li::before{background:linear-gradient(150deg,#25D366,#14B8A6)}

/* section spacing on this page is tighter than the api reference page */
.fk-sec{padding:46px 0 0}
.fk-sec > p.lead{margin-bottom:4px}
.fk-end{padding-bottom:96px}

/* honesty banner under the hero (canon C1) */
.live-note{
  display:inline-flex; align-items:center; gap:9px; margin-top:26px;
  padding:9px 15px; border-radius:100px;
  background:rgba(36,74,140,.055); border:1px solid rgba(36,74,140,.1);
  font-size:13.5px; font-weight:600; color:var(--ink-soft);
}
.live-note .d{width:8px;height:8px;border-radius:50%;background:#12A14A;flex:none}