/* Appland Child: skärmtidsval och mattespel (fk) */
.appland .fk-st .al-fb__falt,
.appland .fk-ms .al-fb__falt { box-sizing: border-box; width: 100%; max-width: 100%; }
.appland .fk-st .al-fb__etikett { display: block; font-weight: 650; color: var(--al-black); font-size: .92rem; margin: 14px 0 6px; }
.appland .fk-st .al-fb__falt { min-height: 44px; padding: .55em .8em; border: 1px solid var(--al-linje); border-radius: var(--al-radie-liten); font: inherit; background: #fff; }
.appland .fk-st__svar:not(:empty) { margin-top: 18px; }
.appland .fk-st__kort { background: var(--al-bla-ljus); border-radius: var(--al-radie-liten); padding: 14px 16px; }
.appland .fk-st__etikett { margin: 0; font-size: .85rem; color: var(--al-gra); font-weight: 650; }
.appland .fk-st__siffra { margin: 4px 0 0; font-size: 1.35rem; font-weight: 800; color: var(--al-bla-mork); }
.appland .fk-st__jmf { margin: 12px 0 0; padding: 10px 14px; border-radius: var(--al-radie-liten); }
.appland .fk-st__jmf--over { background: var(--al-gul-ljus); }
.appland .fk-st__jmf--ok { background: var(--al-mint-ljus); }
.appland .fk-st__lista { margin: 14px 0 0; padding-left: 1.2em; }
.appland .fk-st__lista li { margin: 0 0 8px; }
.appland .fk-fot { margin: 14px 0 0; font-size: .82rem; color: var(--al-gra); }

.appland .fk-ms .al-bval__val + .al-bval__fraga,
.appland .fk-ms__tabeller { margin-top: 16px; }
.appland .fk-ms .al-bval__knapp[aria-pressed="true"] { border-color: var(--al-bla); background: var(--al-bla-ljus); color: var(--al-bla-mork); }
.appland .fk-ms__kor { margin-top: 18px; border: 0; cursor: pointer; }
.appland .fk-ms__kor[disabled] { opacity: .45; cursor: not-allowed; transform: none; }
.appland .fk-ms__status { display: flex; justify-content: space-between; font-size: .9rem; color: var(--al-gra); font-weight: 650; }
.appland .fk-ms__tal { text-align: center; font-size: clamp(2rem, 8vw, 3rem); font-weight: 800; color: var(--al-black); margin: 18px 0; font-variant-numeric: tabular-nums; }
.appland .fk-ms__alt { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.appland .fk-ms__svar { min-height: 64px; font: inherit; font-size: 1.5rem; font-weight: 800; color: var(--al-black); background: #fff; border: 2px solid var(--al-linje); border-radius: var(--al-radie-liten); cursor: pointer; transition: border-color .15s, background .15s; }
.appland .fk-ms__svar:hover { border-color: var(--al-bla); }
.appland .fk-ms__svar--ratt { background: var(--al-mint-ljus); border-color: var(--al-mint); color: #0a6b4f; }
.appland .fk-ms__svar--fel { background: var(--al-rod-ljus); border-color: var(--al-rod); }
.appland .fk-ms__besked { text-align: center; min-height: 1.6em; font-weight: 700; margin: 14px 0 0; }
.appland .fk-ms__besked--ratt { color: var(--al-mint); }
.appland .fk-ms__besked--fel { color: var(--al-rod); }
.appland .fk-ms__resultat { font-size: 1.15rem; font-weight: 650; color: var(--al-black); }
.appland .fk-ms__stjarnor { display: block; font-size: 2.4rem; color: var(--al-gul); letter-spacing: .1em; margin-bottom: 6px; }
.appland .fk-ms__igen { border: 0; cursor: pointer; }