/* The same learning shell, with room for concrete examples and young readers. */
.bf-flow .action{white-space:normal;min-height:44px}
.bf-topic-group{margin-top:20px}.bf-topic-group>h2,.bf-topic-group>h3{margin:0 0 12px;font-size:18px}
.bf-search{display:grid;gap:12px;font-size:21px;font-weight:600;color:var(--ink)}
.bf-search input{width:100%;min-width:0;font:inherit;font-size:15px;font-weight:400;min-height:54px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.bf-result-count{font-size:12px;margin-top:12px!important}.bf-topic-map{min-width:0}
.bf-flow .bf-done{color:var(--ink);font-size:13px}
.bf-example{padding:24px;margin:20px 0;background:var(--bg2);border:1px solid var(--line);border-radius:12px;color:var(--ink)}
.bf-example>div{min-height:95px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;font-size:26px}
.bf-example svg{width:120px;height:120px;fill:currentColor}.bf-example strong{font-size:36px}.bf-example figcaption{font-size:15px;text-align:center;margin-top:20px;line-height:1.6}
.bf-dots{display:inline-grid;grid-template-columns:repeat(5,14px);gap:7px;max-width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.bf-dots i{width:14px;height:14px;border-radius:50%;background:var(--ink)}
.bf-dots:has(i:nth-child(2):last-child){grid-template-columns:repeat(2,14px)}
.bf-dots:has(i:nth-child(3):last-child){grid-template-columns:repeat(3,14px)}
.bf-measure{display:flex}.bf-measure i{width:42px;height:28px;border:1px solid var(--ink);background:var(--surface)}
.bf-practical{margin:24px 0;padding-top:24px;border-top:1px solid var(--line)}.bf-play{margin:0 0 24px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface,var(--white))}.bf-play h3{margin:0 0 4px}.bf-play p{margin:0 0 12px}.bf-play-actions{display:flex;flex-wrap:wrap;gap:10px}.bf-practical>.action,.bf-flow .ef-theory-card>p+.action{margin-top:12px}
.bf-flow .ef-explain .action{margin:12px 10px 0 0}
.bf-training-support{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.bf-training-support h2{font-size:17px}.bf-training-support p{font-size:14px}
.bf-topic-picker{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.bf-topic-picker[hidden]{display:none}.bf-topic-picker>h2{margin-bottom:18px}.bf-topic-picker .bf-search{font-size:14px}
.bf-progress{display:block;width:100%;height:10px;border:none;border-radius:6px;background:var(--bg2);overflow:hidden;accent-color:var(--ink);margin-top:12px}
.bf-progress::-webkit-progress-bar{background:var(--bg2);border-radius:6px}.bf-progress::-webkit-progress-value{background:var(--ink);border-radius:6px}.bf-progress::-moz-progress-bar{background:var(--ink);border-radius:6px}
.ef-progress-topic .bf-progress{max-width:440px;height:7px}
.bf-progress-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px;border-top:1px solid var(--line)}
.bf-progress-detail p{font-size:14px;margin:8px 0 14px}.bf-evidence{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}.bf-audio-note:empty{display:none}
@media(max-width:600px){.bf-example{padding:16px}.bf-example>div{gap:10px;font-size:22px}.bf-training-support{align-items:flex-start;flex-direction:column}.bf-progress-detail{grid-template-columns:1fr}.bf-topic-picker{padding:16px}.bf-dots{padding:8px;gap:5px}}

.bf-flow>.action{justify-self:start}

/* Direkte vei til Lekeplassen fra temakortene på forsiden. */
.bf-play-link span{color:var(--rom-accent,currentColor);letter-spacing:.05em}