/* Safe media, modal and flashcard focus mode. */
.fe-learning-app__media { display: grid; gap: 9px; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); margin: 11px 0; }
.fe-learning-app__media figure { background: var(--fe-surface); border: 1px solid var(--fe-learning-border); border-radius: var(--fe-radius-control); margin: 0; overflow: hidden; }
.fe-learning-app__media-zoom { appearance: none; background: transparent; border: 0; cursor: zoom-in; display: block; padding: 0; width: 100%; }
.fe-learning-app__media img { display: block; height: auto; max-height: 280px; object-fit: contain; width: 100%; }
.fe-learning-app__image-modal { align-items: center; display: grid; inset: 0; justify-items: center; padding: 20px; position: fixed; z-index: 9999; }
.fe-learning-app__image-modal-backdrop { background: #111312 !important; border: 0; inset: 0; position: absolute; }
.fe-learning-app__image-modal-panel { background: var(--fe-surface-raised); border-radius: var(--fe-radius-panel); display: grid; gap: 10px; max-height: 90vh; max-width: min(94vw,1100px); padding: 12px; position: relative; z-index: 1; }
.fe-learning-app__image-modal-panel img { display: block; max-height: calc(90vh - 70px); max-width: calc(94vw - 24px); object-fit: contain; }
.fe-learning-app__image-modal-close { justify-self: end; }
.fe-learning-app--swipe-active { margin: 0 auto; max-width: 820px; }

.fe-learning-app__flashcard-view { display: grid; gap: 9px; }
.fe-learning-app__flashcard-stage { display: flex; justify-content: center; width: 100%; }
.fe-learning-app__flashcard-swipe-container { padding: 4px 0; position: relative; touch-action: pan-y; user-select: none; width: min(720px,100%); }
.fe-learning-app__flashcard-stack-card { background: var(--fe-learning-surface); border: 1px solid var(--fe-learning-border); border-radius: 17px; height: 94%; left: 50%; pointer-events: none; position: absolute; top: 50%; width: 96%; }
.fe-learning-app__flashcard-stack-card--1 { opacity: .65; transform: translate(-50%,-47%) scale(.98); }
.fe-learning-app__flashcard-stack-card--2 { opacity: .35; transform: translate(-50%,-44%) scale(.95); }
.fe-learning-app__flashcard-swipeable { position: relative; touch-action: pan-y; width: 100%; z-index: 2; }
.fe-learning-app__flashcard-flip { cursor: pointer; display: grid; min-height: clamp(258px,32vh,310px); width: 100%; }
.fe-learning-app__flashcard-flip.has-image { min-height: clamp(306px,41vh,370px); }
.fe-learning-app__flashcard-flip-face { grid-area: 1 / 1; transition: opacity .22s ease, transform .22s ease; }
.fe-learning-app__flashcard-flip-face { align-items: center; background: var(--fe-learning-surface); border: 1px solid var(--fe-learning-border); border-radius: 17px; box-shadow: var(--fe-learning-shadow); display: flex; flex-direction: column; min-height: 100%; overflow: hidden; padding: clamp(20px,3vw,30px); position: relative; text-align: center; }
.fe-learning-app__flashcard-flip-face--back { background: linear-gradient(145deg,#fff8f1,var(--fe-learning-surface)); opacity: 0; pointer-events: none; visibility: hidden; }
.fe-learning-app__flashcard-flip.is-flipped .fe-learning-app__flashcard-flip-face--front { opacity: 0; pointer-events: none; visibility: hidden; }
.fe-learning-app__flashcard-flip.is-flipped .fe-learning-app__flashcard-flip-face--back { opacity: 1; pointer-events: auto; visibility: visible; }
.fe-learning-app__flashcard-kicker { color: var(--fe-learning-orange); font-size: .68rem; font-weight: 900; letter-spacing: .1em; margin-bottom: 8px; text-transform: uppercase; }
.fe-learning-app__flashcard-scroll { align-items: center; display: flex; flex: 1; min-height: 0; overflow: auto; width: 100%; }
.fe-learning-app__flashcard-fit { font-size: clamp(1rem,1.8vw,1.28rem); line-height: 1.5; margin: auto; overflow-wrap: normal; width: 100%; word-break: normal; }
.fe-learning-app__flashcard-fit .fe-learning-app__question-text,
.fe-learning-app__flashcard-fit .fe-learning-app__flashcard-answer { color: var(--fe-learning-navy); display: block; font-size: 1em; font-weight: 750; line-height: inherit; text-align: center; }
.fe-learning-app__flashcard-fit .fe-learning-app__flashcard-answer { background: var(--fe-surface); border: 1px solid var(--fe-border); border-top: 3px solid var(--fe-learning-orange); border-radius: var(--fe-radius-card); box-shadow: var(--fe-shadow-sm); hyphens: none; margin-inline: auto; max-width: 42ch; overflow-wrap: normal; padding: 14px 18px; word-break: normal; }
.fe-learning-app__flashcard-fit ul { display: inline-grid; gap: 5px; margin: 6px auto; max-width: 92%; padding-left: 20px; text-align: left; }
.fe-learning-app__flashcard-definition { background: var(--fe-learning-surface-soft); border-radius: 10px; margin: 7px 0; padding: 10px 12px; text-align: left; }
.fe-learning-app__flashcard-definition > strong { color: var(--fe-learning-orange-dark); display: block; font-size: .68em; text-transform: uppercase; }
.fe-learning-app__flashcard-media { display: block; margin: 8px auto 0; max-width: 190px; }
.fe-learning-app__flashcard-media img { max-height: 130px; }
.fe-learning-app__flashcard-hint { color: var(--fe-learning-muted); display: block; font-size: .72em; margin-top: 7px; }
.fe-learning-app__flashcard-help { color: var(--fe-learning-muted); flex: 0 0 auto; font-size: .75rem; margin-top: 8px; }
.fe-learning-app__flashcard-instruction { color: var(--fe-learning-muted); font-size: .82rem; margin: 0 auto; text-align: center; }
.fe-learning-app__flashcard-instruction-touch { display: none; }
.fe-learning-app__flashcard-explanation { background: #fffaf5; border: 1px solid #efc9aa; border-left: 4px solid var(--fe-learning-orange); border-radius: 13px; display: none; margin: 3px auto 0; max-width: 720px; padding: 14px 16px; width: 100%; }
.fe-learning-app__flashcard-view.is-answer .fe-learning-app__flashcard-explanation { display: block; }
.fe-learning-app__flashcard-explanation-header { align-items: center; color: var(--fe-learning-navy); display: flex; font-size: .95rem; font-weight: 850; gap: 8px; margin-bottom: 8px; }
.fe-learning-app__flashcard-explanation .fe-learning-app__explanation { border-top: 0; margin: 0; max-width: none; padding: 0; }
.fe-learning-app__flashcard-explanation .fe-learning-app__explanation-content { color: var(--fe-learning-text); }
.fe-learning-app__flashcard-actions { display: flex; justify-content: center; margin: 0 auto; max-width: 720px; width: 100%; }
.fe-learning-app__flashcard-actions-front { display: flex; justify-content: center; width: 100%; }
.fe-learning-app__flashcard-actions-back { display: none; gap: 8px; grid-template-columns: repeat(4,minmax(0,1fr)); width: 100%; }
.fe-learning-app__flashcard-view.is-answer .fe-learning-app__flashcard-actions-front { display: none; }
.fe-learning-app__flashcard-view.is-answer .fe-learning-app__flashcard-actions-back { display: grid; }
.fe-learning-app__flashcard-rate { background: #fff; border-color: var(--fe-learning-border); color: var(--fe-learning-navy); display: grid; font-size: .82rem; grid-template-columns: auto 1fr auto; line-height: 1.2; min-height: 56px; padding: 8px; }
.fe-learning-app__rating-mark { align-items: center; border: 1px solid currentColor; border-radius: 50%; display: inline-flex; font-weight: 900; height: 24px; justify-content: center; width: 24px; }
.fe-learning-app__rating-mark .fe-learning-app__icon { display: block; height: 14px; stroke-width: 2.6; width: 14px; }
.fe-learning-app__flashcard-rate--unknown .fe-learning-app__rating-mark { background: #fbe3df; color: #9b3028; }
.fe-learning-app__flashcard-rate--hard .fe-learning-app__rating-mark { background: #f9eccb; color: #79500b; }
.fe-learning-app__flashcard-rate--known .fe-learning-app__rating-mark { background: #dff3e8; color: #176548; }
.fe-learning-app__flashcard-rate--easy .fe-learning-app__rating-mark { background: #ccebdc; color: #12563e; }
.fe-learning-app__flashcard-rate kbd { background: var(--fe-learning-surface-soft); border: 1px solid var(--fe-learning-border); border-radius: 4px; color: var(--fe-learning-muted); font-size: .65rem; padding: 1px 5px; }
.fe-learning-app__flashcard-rate--unknown { border-color: #d99e98; color: var(--fe-learning-error); }
.fe-learning-app__flashcard-rate--hard { border-color: #d6b475; color: #80550b; }
.fe-learning-app__flashcard-rate--known { border-color: #83bea2; color: var(--fe-learning-success); }
.fe-learning-app__flashcard-rate--easy { background: var(--fe-learning-success); border-color: var(--fe-learning-success); color: #fff; }
.fe-learning-app__flashcard-rate--unknown:hover { background: #fff3f1; border-color: var(--fe-learning-error); color: var(--fe-learning-error); }
.fe-learning-app__flashcard-rate.is-loading { opacity: .72; position: relative; }
.fe-learning-app__flashcard-rate.is-loading::after { animation: fe-learning-spin .7s linear infinite; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; content: ''; height: 14px; position: absolute; right: 10px; width: 14px; }
.fe-learning-app__flashcard-rate.is-loading kbd { visibility: hidden; }
.fe-learning-app__flashcard-rate--hard:hover { background: #fff8e8; border-color: #b77a13; color: #80550b; }
.fe-learning-app__flashcard-rate--known:hover { background: var(--fe-learning-success-soft); border-color: var(--fe-learning-success); color: var(--fe-learning-success); }
.fe-learning-app__flashcard-rate--easy:hover { background: #185f46; border-color: #185f46; color: #fff; }
.fe-learning-app__flashcard-skip { align-items: center; align-self: center; background: #fff; border: 1px solid #d8a777; border-radius: 999px; color: var(--fe-learning-orange-dark); cursor: pointer; display: inline-flex; font-size: .8rem; font-weight: 800; gap: 6px; justify-self: center; min-height: 42px; padding: 8px 15px; text-decoration: none; }
.fe-learning-app__flashcard-skip:hover,
.fe-learning-app__flashcard-skip:focus-visible { background: var(--fe-learning-orange-soft); border-color: var(--fe-learning-orange); color: var(--fe-learning-orange-dark); }
.fe-learning-app__flashcard-report { display: flex; gap: 8px; justify-content: center; margin-top: 2px; }

/* Editorial flashcard experience: navy structure, warm accents and calm interactions. */
body.fe-learning-view-flashcard .fe-dock { display: none !important; }
body.fe-learning-view-flashcard.fe-has-dock #content { padding-bottom: 0; }

.fe-learning-app--swipe-active {
	--fe-learning-card-line: #cbd6e3;
	--fe-learning-card-shadow: 0 18px 46px rgba(20, 43, 74, .1);
	max-width: 900px;
}

.fe-learning-app--swipe-active .fe-learning-app__session-header {
	background: rgba(255, 253, 250, .94);
	border: 1px solid rgba(203, 214, 227, .9);
	border-radius: 20px;
	box-shadow: 0 12px 32px rgba(20, 43, 74, .06);
	margin: 0;
	max-width: none;
	padding: 18px 20px;
	width: 100%;
}
.fe-learning-app--swipe-active .fe-learning-app__session-heading { max-width: 430px; }
.fe-learning-app--swipe-active .fe-learning-app__session-header h2 { font-size: clamp(1.75rem, 3vw, 2.15rem); letter-spacing: -.035em; }
.fe-learning-app--swipe-active .fe-learning-app__session-header .fe-learning-app__eyebrow { margin-bottom: 4px; }
.fe-learning-app--swipe-active .fe-learning-app__counter { color: var(--fe-learning-navy); font-size: .78rem; }
.fe-learning-app--swipe-active .fe-learning-app__scope-label { font-size: .72rem; margin-top: 1px; }
.fe-learning-app--swipe-active .fe-learning-app__progress { background: #e7ecf2; height: 6px; margin-top: 8px; }
.fe-learning-app--swipe-active .fe-learning-app__progress span { background: linear-gradient(90deg, var(--fe-learning-navy), #244c7c); }
.fe-learning-app--swipe-active .fe-learning-app__session-actions-secondary { flex: 0 0 auto; gap: 8px; }
.fe-learning-app--swipe-active .fe-learning-app__session-actions-secondary .fe-learning-app__button {
	background: #fff;
	border-color: #ced8e4;
	border-radius: 11px;
	box-shadow: none;
	color: var(--fe-learning-navy);
	font-size: .78rem;
	font-weight: 750;
	min-height: 42px;
	padding: 9px 12px;
}
.fe-learning-app--swipe-active .fe-learning-app__session-actions-secondary .fe-learning-app__button:hover { background: #f5f7fa; border-color: #aebed0; color: var(--fe-learning-navy-strong); }
.fe-learning-app--swipe-active .fe-learning-app__session-actions-secondary .fe-learning-app__icon { color: var(--fe-learning-orange-dark); height: 17px; width: 17px; }

.fe-learning-app__flashcard-view { gap: 10px; }
.fe-learning-app__flashcard-swipe-container { padding: 6px 0 8px; }
.fe-learning-app__flashcard-stack-card { background: #f4f7fa; border-color: #d8e0e9; border-radius: 22px; }
.fe-learning-app__flashcard-stack-card--1 { opacity: .82; transform: translate(-50%,-46.5%) scale(.982); }
.fe-learning-app__flashcard-stack-card--2 { opacity: .54; transform: translate(-50%,-43.5%) scale(.954); }
.fe-learning-app__flashcard-flip:focus { outline: 0; }
.fe-learning-app__flashcard-flip:focus-visible { outline: var(--fe-focus-ring-width) solid var(--fe-focus-color); outline-offset: var(--fe-focus-ring-offset); }
.fe-learning-app__flashcard-fit [tabindex="-1"]:focus,
.fe-learning-app__flashcard-fit [tabindex="-1"]:focus-visible { outline: 0; }
.fe-learning-app__flashcard-flip-face {
	border-color: var(--fe-learning-card-line);
	border-radius: 22px;
	box-shadow: var(--fe-learning-card-shadow);
	overflow: hidden;
	transition: opacity .22s ease, transform .22s ease, border-color .16s ease;
}
.fe-learning-app__flashcard-flip-face::before {
	background: linear-gradient(90deg, var(--fe-learning-navy) 0 78%, var(--fe-learning-orange) 78% 100%);
	border-radius: 21px 21px 0 0;
	content: '';
	height: 4px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.fe-learning-app__flashcard-flip-face--back { background: linear-gradient(145deg,#fffaf5 0%,#fffdfa 58%,#f7f9fb 100%); transform: scale(.988); }
.fe-learning-app__flashcard-flip.is-flipped .fe-learning-app__flashcard-flip-face--front { transform: scale(.988); }
.fe-learning-app__flashcard-flip.is-flipped .fe-learning-app__flashcard-flip-face--back { transform: scale(1); }
.fe-learning-app__flashcard-kicker { color: var(--fe-learning-orange-dark); font-size: .66rem; letter-spacing: .13em; }
.fe-learning-app__flashcard-scroll { scrollbar-color: #c6d1dd transparent; scrollbar-width: thin; }
.fe-learning-app__flashcard-fit { font-size: clamp(1rem,1.7vw,1.22rem); line-height: 1.48; }
.fe-learning-app__flashcard-fit .fe-learning-app__question-text,
.fe-learning-app__flashcard-fit .fe-learning-app__flashcard-answer { font-weight: 780; margin-inline: auto; max-width: 42ch; }
.fe-learning-app__flashcard-definition { background: #f2f5f8; border: 1px solid #e0e6ed; border-radius: 12px; }
.fe-learning-app__flashcard-media { margin-top: 10px; max-width: 210px; }
.fe-learning-app__flashcard-media .fe-learning-app__media-zoom { background: #f6f3ee; border: 1px solid #e1e5ea; border-radius: 14px; overflow: hidden; }
.fe-learning-app__flashcard-media img { max-height: 138px; }
.fe-learning-app__flashcard-help { color: #778398; font-size: .72rem; }

@media (hover: hover) {
	.fe-learning-app__flashcard-flip:not(.is-flipped):hover .fe-learning-app__flashcard-flip-face--front,
	.fe-learning-app__flashcard-flip.is-flipped:hover .fe-learning-app__flashcard-flip-face--back { border-color: #aab9c9; }
}

.fe-learning-app__flashcard-instruction {
	align-self: center;
	font-size: .78rem;
	justify-self: center;
	line-height: 1.45;
	max-width: 720px;
	text-align: center;
	width: min(100%, 720px);
}
.fe-learning-app__flashcard-explanation {
	background: #fffdfa;
	border: 1px solid #d5dee8;
	border-left-width: 1px;
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(20, 43, 74, .055);
	overflow: hidden;
	padding: 0;
}
.fe-learning-app__flashcard-explanation-header { align-items: center; appearance: none; background: #f2f5f8; border: 0; color: var(--fe-learning-navy); cursor: pointer; display: flex; font: inherit; font-size: .86rem; font-weight: 850; gap: 8px; list-style: none; margin: 0; min-height: 46px; padding: 11px 15px; text-align: left; width: 100%; }
.fe-learning-app__flashcard-explanation-header::after { content: '+'; font-size: 1.2rem; line-height: 1; margin-left: auto; }
.fe-learning-app__flashcard-explanation.is-expanded .fe-learning-app__flashcard-explanation-header::after { content: '−'; }
.fe-learning-app__flashcard-explanation.is-expanded .fe-learning-app__flashcard-explanation-header { background: var(--fe-learning-navy); color: #fff; }
.fe-learning-app__flashcard-explanation-header:focus-visible { outline: var(--fe-focus-ring-width) solid var(--fe-focus-color); outline-offset: calc(-1 * var(--fe-focus-ring-width)); }
.fe-learning-app__flashcard-explanation-header .fe-learning-app__icon { color: var(--fe-learning-orange-dark); height: 17px; width: 17px; }
.fe-learning-app__flashcard-explanation.is-expanded .fe-learning-app__flashcard-explanation-header .fe-learning-app__icon { color: #ffc09a; }
.fe-learning-app__flashcard-explanation-body { border-top: 1px solid #d5dee8; }
.fe-learning-app__flashcard-explanation-body[hidden] { display: none; }
.fe-learning-app__flashcard-explanation .fe-learning-app__explanation { padding: 13px 16px 15px; }
.fe-learning-app__flashcard-explanation .fe-learning-app__explanation h3 { color: var(--fe-learning-orange-dark); font-size: .78rem; letter-spacing: .04em; margin-bottom: 5px; text-transform: uppercase; }
.fe-learning-app__flashcard-explanation .fe-learning-app__explanation p { color: var(--fe-learning-text); font-size: .88rem; line-height: 1.62; }
.fe-learning-app__flashcard-explanation .fe-learning-app__memory-tip { background: #f1f5f8; margin: 0 16px 15px; }

.fe-learning-app__flashcard-actions { margin: 0; max-width: none; }
.fe-learning-app__flashcard-reveal { background: var(--fe-learning-navy); border-color: var(--fe-learning-navy); border-radius: 11px; box-shadow: none; min-height: 48px; min-width: 230px; }
.fe-learning-app__flashcard-reveal:hover { background: #203f67; border-color: #203f67; box-shadow: none; }
.fe-learning-app__flashcard-reveal .fe-learning-app__icon { height: 18px; width: 18px; }
.fe-learning-app__flashcard-rate { border-radius: 11px; box-shadow: none; font-size: .79rem; min-height: 54px; }
.fe-learning-app__rating-mark { background: rgba(255,255,255,.72); }
.fe-learning-app__flashcard-rate kbd { background: rgba(255,255,255,.72); border-color: currentColor; color: inherit; opacity: .68; }
.fe-learning-app__flashcard-rate--unknown { background: #fff9f8; border-color: #e5bdb8; color: #97362e; }
.fe-learning-app__flashcard-rate--hard { background: #fffcf5; border-color: #dfc795; color: #7b570d; }
.fe-learning-app__flashcard-rate--known { background: #f7fcf9; border-color: #acd2c0; color: #226e52; }
.fe-learning-app__flashcard-rate--easy { background: #edf7f2; border-color: #83bea2; color: #185f46; }
.fe-learning-app__flashcard-rate--unknown:hover { background: #fff5f3; border-color: #c97971; color: #893028; }
.fe-learning-app__flashcard-rate--hard:hover { background: #fff9eb; border-color: #bd984d; color: #70500d; }
.fe-learning-app__flashcard-rate--known:hover { background: #f0f9f4; border-color: #72ae91; color: #1d6249; }
.fe-learning-app__flashcard-rate--easy:hover { background: #e5f3ec; border-color: #5e9e7e; color: #15543e; }

@media (prefers-reduced-motion: reduce) {
	.fe-learning-app__flashcard-flip-face { transition: none; }
}

/* Flashcards share the calm cream-and-orange language of quiz sessions. */
.fe-learning-app--swipe-active .fe-learning-app__session-header { border-color: #eadbce; box-shadow: 0 10px 26px rgba(20,43,74,.05); }
.fe-learning-app--swipe-active .fe-learning-app__session-header .fe-learning-app__progress { background: #eee5dc; }
.fe-learning-app--swipe-active .fe-learning-app__session-header .fe-learning-app__progress span { background: linear-gradient(90deg, var(--fe-learning-navy), var(--fe-learning-orange)); }
.fe-learning-app__flashcard-stack-card { background: #fff8f1; border-color: #eadbce; }
.fe-learning-app__flashcard-flip-face { border-color: #e4d9cf; box-shadow: 0 14px 34px rgba(20,43,74,.07); }
.fe-learning-app__flashcard-flip-face::before { background: linear-gradient(90deg, var(--fe-learning-orange) 0 82%, var(--fe-learning-navy) 82% 100%); }
.fe-learning-app__flashcard-flip-face--back { background: linear-gradient(145deg, #fff8f1 0%, #fffdfa 68%, #f7f4ef 100%); }
.fe-learning-app__flashcard-definition { background: #fff8f1; border-color: #efddcb; }
.fe-learning-app__flashcard-explanation { border-color: #eadbce; box-shadow: none; }
.fe-learning-app__flashcard-explanation-header { background: #fff8f1; }
.fe-learning-app__flashcard-explanation[open] .fe-learning-app__flashcard-explanation-header { background: #fff0e6; color: var(--fe-learning-navy); }
.fe-learning-app__flashcard-explanation[open] .fe-learning-app__flashcard-explanation-header .fe-learning-app__icon { color: var(--fe-learning-orange-dark); }
.fe-learning-app__flashcard-explanation-body { border-top-color: #eadbce; }
.fe-learning-app__flashcard-explanation .fe-learning-app__memory-tip { background: #fff8e9; }
.fe-learning-app__flashcard-reveal { background: var(--fe-learning-orange); border-color: var(--fe-learning-orange); }
.fe-learning-app__flashcard-reveal:hover { background: var(--fe-learning-orange-dark); border-color: var(--fe-learning-orange-dark); }
.fe-learning-app__flashcard-rate--easy { background: #f4faf6; border-color: #83bea2; color: #185f46; }

/* The answer face uses a cool surface so it does not compete with the card accent. */
.fe-learning-app__flashcard-fit .fe-learning-app__flashcard-answer {
	background: #f3f6fa;
	border-color: #c9d5e1;
	border-left: 3px solid var(--fe-learning-navy);
	box-shadow: none;
}
.fe-learning-app__flashcard-flip-face--back {
	background: linear-gradient(145deg, #f8fbfd 0%, #ffffff 68%, #f1f5f9 100%);
}
.fe-learning-app__flashcard-definition {
	background: #eef3f8;
	border-color: #d7e1eb;
}
.fe-learning-app__flashcard-definition > strong { color: var(--fe-learning-navy); }
.fe-learning-app__flashcard-actions--mobile { display: none; }

/* The session scroller owns overflow; the CSS Grid card grows to its longer face. */
.fe-learning-app__session-shell .fe-learning-app__flashcard-view { gap: 10px; }
.fe-learning-app--swipe-active .fe-learning-app__session-scroll { display: flex; flex-direction: column; }
.fe-learning-app--swipe-active .fe-learning-app__session-scroll > .fe-learning-app__flashcard-view { margin-block: auto; width: 100%; }
.fe-learning-app__session-shell .fe-learning-app__flashcard-flip-face {
	min-height: 100%;
}
.fe-learning-app__session-shell .fe-learning-app__flashcard-scroll { flex: 1; overflow: auto; }
.fe-learning-app__session-shell .fe-learning-app__flashcard-fit { font-size: clamp(1rem, 1.7vw, 1.22rem); min-width: 0; }
.fe-learning-app__session-shell .fe-learning-app__flashcard-explanation {
	box-shadow: none;
	margin-top: 16px;
	max-width: none;
	text-align: left;
}
.fe-learning-app__session-action-bar .fe-learning-app__flashcard-actions { max-width: none; }
.fe-learning-app__session-action-bar .fe-learning-app__flashcard-actions-front { display: flex; }
.fe-learning-app__session-action-bar .fe-learning-app__flashcard-actions-back { display: none; }
.fe-learning-app__session-action-bar.is-answer .fe-learning-app__flashcard-actions-front { display: none; }
.fe-learning-app__session-action-bar.is-answer .fe-learning-app__flashcard-actions-back {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.fe-learning-app__session-action-bar .fe-learning-app__flashcard-rate { min-height: 52px; min-width: 0; padding: 7px; }
.fe-learning-app__session-action-bar .fe-learning-app__flashcard-rate kbd { margin-left: auto; }