.withifi-content-player{
  --withifi-content-ink:#27364a;
  --withifi-content-muted:#65758a;
  --withifi-content-accent:#8bcdb7;
  width:min(1180px,calc(100% - 32px));
  margin:clamp(24px,5vw,64px) auto;
  padding:0;
  color:var(--withifi-content-ink);
}
.withifi-content-player[data-world="taalwereld"]{--withifi-content-accent:#bca4d7}
.withifi-content-player[data-world="woordenwereld"]{--withifi-content-accent:#e5b38f}
.withifi-content-player[data-world="getallenwereld"]{--withifi-content-accent:#87c7dc}
.withifi-content-player[data-world="denkwereld"]{--withifi-content-accent:#dfc16e}
.withifi-content-player *{box-sizing:border-box;min-width:0}
.withifi-content-header{max-width:780px;margin:0 auto clamp(24px,4vw,42px);text-align:center}
.withifi-content-back{display:block;width:max-content;min-height:44px;margin:0 auto 14px;padding:10px;color:#486b62;font-weight:750;text-decoration:none}
.withifi-content-kicker{margin:0 0 10px;color:#4d6b62;font-size:.93rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.withifi-content-header h1{margin:0;color:var(--withifi-content-ink);font-size:clamp(2rem,5vw,4rem);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.withifi-content-workspace{width:min(100%,940px);margin:0 auto}
.withifi-content-card,.withifi-content-companion{border:1px solid rgba(53,79,92,.11);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(44,72,84,.09);backdrop-filter:blur(14px)}
.withifi-content-card{padding:clamp(24px,5vw,54px)}
.withifi-content-card [data-content-body]{color:var(--withifi-content-muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.7}
.withifi-content-body:empty{display:none}
.withifi-content-interaction{margin-top:clamp(20px,4vw,36px)}
.withifi-content-inline-interaction{margin:clamp(24px,4vw,40px) 0}
.withifi-content-richtext{max-width:62ch;margin:0 auto 20px}
.withifi-content-body figure{margin:24px auto;text-align:center}
.withifi-content-body figure img{display:block;max-width:100%;height:auto;margin:auto;border-radius:22px}
.withifi-content-body figcaption{margin-top:10px;color:var(--withifi-content-muted);font-size:.9rem}
.withifi-content-inline-card{max-width:62ch;margin:22px auto;padding:18px 20px;border:1px solid rgba(53,79,92,.11);border-radius:20px;background:rgba(244,250,247,.82)}
.withifi-content-inline-card h3{margin:0 0 7px;color:var(--withifi-content-ink)}
.withifi-content-inline-card p{margin:0}
.withifi-content-companion{display:flex;align-items:center;gap:18px;margin:0 0 28px;padding:16px 20px;border:0;border-radius:22px;background:linear-gradient(135deg,rgba(237,248,244,.94),rgba(248,244,255,.9));box-shadow:none;text-align:left}
.withifi-content-companion h2{flex:0 0 auto;margin:0;color:#3d6b61;font-size:1rem}
.withifi-content-companion [data-withifi-companion-slot]{flex:1}
.withifi-content-companion #ifi-assistant{display:flex!important;flex-direction:row;align-items:center;gap:14px;width:100%;margin:0;pointer-events:auto}
.withifi-content-companion #ifi-message{position:static;width:100%;max-width:none;margin:0;opacity:1;visibility:visible;transform:none}
.withifi-content-companion #ifi-image{width:72px;max-width:72px;max-height:92px}
.withifi-clock{position:relative;width:min(240px,70vw);aspect-ratio:1;margin:1.5rem auto 2rem;border:10px solid #466d63;border-radius:50%;background:radial-gradient(circle,#fff 0 7%,transparent 8%),repeating-conic-gradient(from -1.5deg,#466d63 0 3deg,transparent 3deg 30deg)}
.withifi-clock-hand{position:absolute;left:calc(50% - 3px);bottom:50%;width:6px;border-radius:6px 6px 0 0;background:#263d37;transform-origin:50% 100%;transition:transform .35s ease}
.withifi-clock-hour{height:28%}.withifi-clock-minute{height:39%;background:#d87857}.withifi-clock-centre{position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:#263d37}
.withifi-content-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px}
.withifi-content-button{min-width:140px;min-height:56px;padding:14px 22px;border:1px solid rgba(70,109,99,.22);border-radius:18px;background:#fff;color:#263d37;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 9px 22px rgba(44,72,84,.08)}
.withifi-content-button:hover,.withifi-content-button:focus-visible{background:#eef7f3;outline:3px solid color-mix(in srgb,var(--withifi-content-accent) 45%,transparent);outline-offset:3px}
.withifi-content-feedback{min-height:1.5em;margin-top:22px;color:var(--withifi-content-muted);text-align:center;font-weight:700;line-height:1.6}

.withifi-content-journey:empty{display:none}
.withifi-content-journey{margin:0 0 26px;overflow:hidden}
.withifi-content-journey ol{display:flex;justify-content:center;gap:7px;margin:0;padding:0;list-style:none}
.withifi-content-journey li{display:flex;align-items:center;gap:7px;color:#829088;font-size:.78rem;font-weight:750}
.withifi-content-journey li>span:first-child{width:11px;height:11px;border:2px solid #b8cbc4;border-radius:50%;background:#fff}
.withifi-content-journey li.is-current{color:#365e54}
.withifi-content-journey li.is-current>span:first-child{border-color:#4f8f7d;background:#4f8f7d;box-shadow:0 0 0 5px rgba(79,143,125,.13)}
.withifi-content-journey li.is-done>span:first-child{border-color:#8bcdb7;background:#8bcdb7}
.withifi-content-journey li:not(:last-child)::after{content:"";width:clamp(8px,2vw,24px);height:2px;background:#dce8e4}
.withifi-content-question-progress{display:flex;justify-content:center;gap:8px;margin:0 auto 22px}
.withifi-content-question-progress span{width:10px;height:10px;border-radius:50%;background:#e1e9e6}
.withifi-content-question-progress span.is-current{background:#4f8f7d;box-shadow:0 0 0 4px rgba(79,143,125,.13)}
.withifi-content-question-progress span.is-done{background:#8bcdb7}
.withifi-content-saved{max-width:max-content;margin:22px auto!important;padding:10px 16px;border-radius:999px;background:#edf8f4;color:#3d6b61;font-weight:750}
.withifi-content-button.is-quiet{border-color:transparent;background:transparent;box-shadow:none;color:#60766f}
.withifi-content-player--experience .withifi-content-card{background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(247,252,250,.94))}
.withifi-content-player--experience .withifi-content-body{max-width:620px;margin:0 auto;text-align:center}
.withifi-content-player--experience .withifi-content-body p{max-width:44ch;margin:.45em auto}

@media(max-width:860px){.withifi-content-companion [data-withifi-companion-slot]{max-width:520px;margin:auto}.withifi-content-journey li>span:last-child{display:none}}
@media(max-width:620px){.withifi-content-player{width:min(100% - 18px,1180px);margin:18px auto 36px}.withifi-content-card{padding:24px 17px;border-radius:23px}.withifi-content-companion{display:block;padding:17px;border-radius:20px}.withifi-content-companion h2{margin:0 0 10px}.withifi-content-companion #ifi-assistant{display:grid!important;grid-template-columns:58px minmax(0,1fr);gap:12px}.withifi-content-companion #ifi-image{width:58px}.withifi-content-companion #ifi-message{line-height:1.5}.withifi-content-actions{flex-direction:column;align-items:stretch}.withifi-content-button{width:100%}}
@media(prefers-reduced-motion:reduce){.withifi-clock-hand{transition:none}}