/* _content/GeographyQuest/Components/Features/Dashboard/ContentAdministration.razor.rz.scp.css */
.content-admin[b-41poft6jge] { max-width: 1220px; margin: 0 auto; padding: .5rem 0 3rem; }.admin-hero[b-41poft6jge] { align-items: center; background: linear-gradient(120deg,#20374d,#4c3c70); border-radius: 18px; color:#fff; display:flex; justify-content:space-between; padding:1.5rem; }.admin-hero p[b-41poft6jge] { color:#cbbcf0; font-size:.72rem; font-weight:800; letter-spacing:.09em; margin:0; text-transform:uppercase; }.admin-hero h1[b-41poft6jge] { margin:.15rem 0 .25rem; }.admin-hero span[b-41poft6jge] { color:#dfe5eb; }.admin-loading[b-41poft6jge] { display:grid; gap:.7rem; min-height:280px; place-content:center; justify-items:center; }
.admin-metrics[b-41poft6jge] { display:grid; grid-template-columns:repeat(4,1fr); gap:.7rem; margin:1rem 0; }.admin-metrics article[b-41poft6jge] { background:#fff; border:1px solid #dce5eb; border-top:3px solid #718491; border-radius:12px; display:grid; padding:.9rem; }.admin-metrics span[b-41poft6jge] { color:#6c808e; font-size:.72rem; font-weight:800; text-transform:uppercase; }.admin-metrics strong[b-41poft6jge] { font-size:1.6rem; }.admin-metrics .approved[b-41poft6jge] { border-top-color:#26804e; }.admin-metrics .review[b-41poft6jge] { border-top-color:#d18a20; }.admin-metrics .retired[b-41poft6jge] { border-top-color:#a64a4a; }
.admin-toolbar[b-41poft6jge] { align-items:center; background:#fff; border:1px solid #dce5eb; border-radius:12px; display:grid; gap:.6rem; grid-template-columns:minmax(220px,1fr) 190px 170px auto; margin-bottom:.7rem; padding:.7rem; }.admin-toolbar > div[b-41poft6jge] { align-items:center; border:1px solid #ced9e0; border-radius:8px; display:flex; gap:.4rem; padding:0 .55rem; }.admin-toolbar input[b-41poft6jge] { border:0; min-width:0; outline:0; padding:.55rem 0; width:100%; }.admin-toolbar > span[b-41poft6jge] { color:#6e8190; font-size:.78rem; white-space:nowrap; }
.content-inventory[b-41poft6jge] { background:#fff; border:1px solid #dce5eb; border-radius:14px; overflow:hidden; }.content-inventory table[b-41poft6jge] { font-size:.82rem; }.content-inventory th[b-41poft6jge] { color:#687d8d; font-size:.68rem; text-transform:uppercase; }.content-inventory td:first-child[b-41poft6jge] { min-width:220px; }.content-inventory td:first-child span[b-41poft6jge] { color:#768895; display:block; font-size:.68rem; }.content-inventory td:nth-child(4)[b-41poft6jge] { min-width:230px; }.status-select[b-41poft6jge] { min-width:125px; }.inventory-limit[b-41poft6jge] { background:#f5f8fa; color:#687d8d; margin:0; padding:.7rem; text-align:center; }
@media(max-width:760px){.admin-metrics[b-41poft6jge]{grid-template-columns:repeat(2,1fr)}.admin-toolbar[b-41poft6jge]{grid-template-columns:1fr}.admin-toolbar>span[b-41poft6jge]{padding:.25rem}.content-inventory td:nth-child(4)[b-41poft6jge]{min-width:180px}}
/* _content/GeographyQuest/Components/Features/Dashboard/CountryPassport.razor.rz.scp.css */
.badges-wrap[b-vl0frqv6tm] { margin:0 auto; max-width:1180px; padding:.5rem 0 3rem; }
.badges-hero[b-vl0frqv6tm] { align-items:center; background:linear-gradient(120deg,#193d5a,#654382); border-radius:20px; color:#fff; display:flex; justify-content:space-between; padding:1.55rem; }.badges-hero p[b-vl0frqv6tm] { color:#d4c2f2; font-size:.72rem; font-weight:800; letter-spacing:.1em; margin:0; text-transform:uppercase; }.badges-hero h1[b-vl0frqv6tm] { margin:.18rem 0 .35rem; }.badges-hero > div:first-child > span[b-vl0frqv6tm] { color:#e8e0f5; }.badge-total[b-vl0frqv6tm] { align-items:center; background:#ffffff18; border:1px solid #ffffff30; border-radius:14px; display:flex; flex-direction:column; min-width:130px; padding:.7rem; text-align:center; }.badge-total strong[b-vl0frqv6tm] { font-size:2rem; line-height:1; }.badge-total span[b-vl0frqv6tm] { font-size:.7rem; margin-top:.3rem; }
.badge-intro[b-vl0frqv6tm] { align-items:center; background:var(--gq-surface,#fff); border:1px solid var(--gq-border,#dce5eb); border-radius:14px; display:flex; justify-content:space-between; margin:1rem 0; padding:.85rem 1rem; }.badge-intro div[b-vl0frqv6tm] { display:grid; gap:.15rem; }.badge-intro span[b-vl0frqv6tm] { color:var(--gq-text-muted,#687e8e); font-size:.8rem; }
.badge-subject-grid[b-vl0frqv6tm] { display:grid; gap:.9rem; grid-template-columns:repeat(2,minmax(0,1fr)); }.badge-group[b-vl0frqv6tm],.stamp-section[b-vl0frqv6tm] { background:var(--gq-surface,#fff); border:1px solid var(--gq-border,#dce5eb); border-radius:15px; overflow:hidden; }.badge-group > header[b-vl0frqv6tm],.stamp-section > header[b-vl0frqv6tm] { align-items:center; background:color-mix(in srgb,var(--gq-primary,#6366f1) 5%,transparent); display:flex; justify-content:space-between; padding:.9rem; }.badge-group > header > div[b-vl0frqv6tm],.stamp-section > header > div[b-vl0frqv6tm] { align-items:center; display:flex; gap:.65rem; }.subject-icon[b-vl0frqv6tm] { background:#eef1ff; border-radius:10px; display:grid; font-size:1.25rem; height:2.45rem; place-items:center; width:2.45rem; }.badge-group h2[b-vl0frqv6tm],.stamp-section h2[b-vl0frqv6tm] { font-size:1rem; margin:0; }.badge-group p[b-vl0frqv6tm],.stamp-section p[b-vl0frqv6tm] { color:var(--gq-text-muted,#687e8e); font-size:.72rem; margin:.12rem 0 0; }.badge-group header > b[b-vl0frqv6tm],.stamp-section header > b[b-vl0frqv6tm] { background:#e9f6ed; border-radius:999px; color:#197445; font-size:.72rem; padding:.3rem .5rem; white-space:nowrap; }
.badge-list[b-vl0frqv6tm] { display:grid; gap:.5rem; padding:.7rem; }.achievement-badge[b-vl0frqv6tm] { align-items:flex-start; border:1px solid #e1e8ed; border-radius:10px; display:flex; gap:.6rem; padding:.65rem; }.achievement-badge.is-earned[b-vl0frqv6tm] { background:#f5fcf7; border-left:4px solid #2d9760; }.achievement-badge.is-locked[b-vl0frqv6tm] { background:#fafbfc; filter:saturate(.45); opacity:.78; }.achievement-badge__medal[b-vl0frqv6tm] { font-size:1.25rem; line-height:1.2; }.achievement-badge div[b-vl0frqv6tm] { min-width:0; }.achievement-badge strong[b-vl0frqv6tm] { display:block; font-size:.8rem; }.achievement-badge p[b-vl0frqv6tm] { font-size:.7rem; line-height:1.35; margin:.12rem 0; }.achievement-badge small[b-vl0frqv6tm] { color:#638073; font-size:.65rem; font-weight:700; }.is-locked small[b-vl0frqv6tm] { color:#788691; }
.stamp-section[b-vl0frqv6tm] { margin-top:1rem; }.stamp-empty[b-vl0frqv6tm] { align-items:center; display:flex; gap:.8rem; padding:1rem; }.stamp-empty > span[b-vl0frqv6tm] { background:#e8f5f3; border-radius:12px; display:grid; font-size:1.5rem; height:3rem; place-items:center; width:3rem; }.stamp-empty strong[b-vl0frqv6tm] { font-size:.9rem; }.stamp-empty p[b-vl0frqv6tm] { margin:.15rem 0 .4rem; }.stamp-empty a[b-vl0frqv6tm] { color:var(--gq-primary,#5466d4); font-size:.76rem; font-weight:800; }.passport-stamp-grid[b-vl0frqv6tm] { display:grid; gap:.65rem; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); padding:.8rem; }.passport-stamp[b-vl0frqv6tm] { align-items:center; border:2px dashed #64a985; border-radius:10px; display:flex; gap:.6rem; padding:.65rem; }.passport-stamp img[b-vl0frqv6tm] { height:35px; object-fit:contain; width:54px; }.passport-stamp strong[b-vl0frqv6tm],.passport-stamp small[b-vl0frqv6tm] { display:block; }.passport-stamp strong[b-vl0frqv6tm] { font-size:.8rem; }.passport-stamp small[b-vl0frqv6tm] { color:var(--gq-text-muted,#687e8e); font-size:.66rem; margin-top:.15rem; }
@media(max-width:760px){.badges-hero[b-vl0frqv6tm]{align-items:flex-start;flex-direction:column}.badge-total[b-vl0frqv6tm]{align-items:flex-start;flex-direction:row;gap:.5rem;min-width:0}.badge-total span[b-vl0frqv6tm]{margin:0}.badge-intro[b-vl0frqv6tm]{align-items:flex-start;flex-direction:column}.badge-subject-grid[b-vl0frqv6tm]{grid-template-columns:1fr}}
/* _content/GeographyQuest/Components/Features/Dashboard/CourseProgress.razor.rz.scp.css */
.course-page[b-x7x3dq3167] { max-width: 1280px; margin: 0 auto; padding: 1.5rem 0 3rem; }
.course-hero[b-x7x3dq3167] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.course-hero h1[b-x7x3dq3167] { margin: 0 0 .3rem; font-size: clamp(1.9rem, 4vw, 2.6rem); }
.course-hero p[b-x7x3dq3167] { margin: 0; color: var(--gq-text-muted); }
.course-hero label[b-x7x3dq3167] { display: grid; gap: .3rem; color: var(--gq-text-muted); font-size: .75rem; font-weight: 650; }
.course-hero select[b-x7x3dq3167] { min-width: 140px; }
.tier-guide[b-x7x3dq3167] { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1rem; }
.tier-guide span[b-x7x3dq3167] { padding: .38rem .65rem; border: 1px solid var(--gq-border); border-radius: 999px; color: var(--gq-text-muted); background: var(--gq-surface); font-size: .76rem; }
.tier-guide strong[b-x7x3dq3167] { color: var(--gq-text); }
.subject-progress-grid[b-x7x3dq3167] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.subject-progress-card[b-x7x3dq3167] { padding: 1rem; border: 1px solid var(--gq-border); border-radius: 14px; background: var(--gq-surface); box-shadow: var(--gq-shadow); }
.subject-progress-card__head[b-x7x3dq3167], .subject-progress-card__counts[b-x7x3dq3167] { display: flex; align-items: end; justify-content: space-between; gap: .75rem; }
.subject-progress-card__head span[b-x7x3dq3167] { color: var(--gq-text-muted); font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.subject-progress-card__head h2[b-x7x3dq3167] { margin: .1rem 0 0; font-size: 1.15rem; }
.subject-progress-card__head > strong[b-x7x3dq3167] { color: var(--gq-primary); font-size: 1.4rem; }
.subject-progress-card__counts[b-x7x3dq3167] { margin: .75rem 0 .4rem; color: var(--gq-text-muted); font-size: .76rem; }
.subject-progress-card__counts strong[b-x7x3dq3167] { color: var(--gq-text); }
.subject-progress-card .progress[b-x7x3dq3167] { height: .65rem; margin-bottom: .65rem; background: color-mix(in srgb, var(--gq-border) 70%, transparent); }
.subject-progress-card > a[b-x7x3dq3167] { font-size: .8rem; font-weight: 700; text-decoration: none; }
.subject-bar-maths[b-x7x3dq3167] { background: #087f8c; }.subject-bar-english[b-x7x3dq3167] { background: #7b4ab3; }.subject-bar-geography[b-x7x3dq3167] { background: #16875b; }
.subject-topic-tables[b-x7x3dq3167] { display: grid; gap: 1rem; }
.certificate-ready[b-x7x3dq3167] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; margin: .25rem 0 1rem; padding: 1rem; border: 1px solid color-mix(in srgb, #c89116 50%, var(--gq-border)); border-radius: 12px; background: color-mix(in srgb, #f4c95d 12%, var(--gq-surface)); }
.certificate-ready h3[b-x7x3dq3167] { margin: 0; font-size: 1.15rem; }.certificate-ready p:last-child[b-x7x3dq3167] { margin: .25rem 0 0; color: var(--gq-text-muted); }
.certificate-medal[b-x7x3dq3167] { display: grid; place-items: center; width: 3.3rem; height: 3.3rem; color: #a66e00; border-radius: 50%; background: #ffe19a; }
.course-topic-card[b-x7x3dq3167] { padding: 1.2rem; border: 1px solid var(--gq-border); border-radius: 14px; background: var(--gq-surface); scroll-margin-top: 1rem; }
.course-topic-head[b-x7x3dq3167] { display: flex; justify-content: space-between; gap: 1rem; align-items: start; margin-bottom: .7rem; }.course-topic-head h2[b-x7x3dq3167] { margin: 0; font-size: 1.2rem; }.course-topic-head p[b-x7x3dq3167], .course-topic-head > span[b-x7x3dq3167] { margin: .2rem 0 0; color: var(--gq-text-muted); font-size: .8rem; }
.course-topic-summary[b-x7x3dq3167] { display: grid; justify-items: end; min-width: 135px; color: var(--gq-text-muted); font-size: .76rem; }.course-topic-summary strong[b-x7x3dq3167] { color: var(--gq-text); font-size: 1.15rem; }
.course-table[b-x7x3dq3167] { margin-bottom: 0; }.course-table thead th[b-x7x3dq3167] { color: var(--gq-text-muted); font-size: .72rem; letter-spacing: .025em; text-transform: uppercase; white-space: nowrap; }
.course-table td:nth-child(2)[b-x7x3dq3167] { min-width: 280px; }.course-table td strong[b-x7x3dq3167], .course-table td small[b-x7x3dq3167] { display: block; }.course-table td small[b-x7x3dq3167] { margin-top: .2rem; color: var(--gq-text-muted); }
.course-topic-number[b-x7x3dq3167] { width: 2rem; color: var(--gq-text-muted); font-variant-numeric: tabular-nums; }
.topic-evidence[b-x7x3dq3167] { min-width: 155px; }.topic-evidence strong[b-x7x3dq3167], .topic-evidence span[b-x7x3dq3167] { display: block; white-space: nowrap; }.topic-evidence strong[b-x7x3dq3167] { font-size: .78rem; }.topic-evidence span[b-x7x3dq3167] { color: var(--gq-text-muted); font-size: .72rem; }.topic-evidence .progress[b-x7x3dq3167] { width: 100%; height: .3rem; margin-top: .3rem; }.topic-evidence .progress-bar[b-x7x3dq3167] { background: var(--gq-primary); }
.course-status[b-x7x3dq3167] { display: inline-block; padding: .27rem .55rem; border-radius: 999px; font-size: .72rem; font-weight: 700; }.course-status.complete[b-x7x3dq3167] { color: #fff; background: var(--gq-success); }.course-status.attempted[b-x7x3dq3167] { color: #765209; background: #ffe49b; }.course-status.new[b-x7x3dq3167] { color: var(--gq-text-muted); background: var(--gq-bg); }
@media (max-width: 850px) { .subject-progress-grid[b-x7x3dq3167] { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .course-hero[b-x7x3dq3167] { align-items: stretch; flex-direction: column; }.certificate-ready[b-x7x3dq3167] { grid-template-columns: auto 1fr; }.certificate-ready .btn[b-x7x3dq3167] { grid-column: 1 / -1; }.course-topic-head[b-x7x3dq3167] { flex-direction: column; }.course-topic-summary[b-x7x3dq3167] { justify-items: start; } }
/* _content/GeographyQuest/Components/Features/Dashboard/LearningPlan.razor.rz.scp.css */
.learning-plan[b-oz3ojwgee1] {
    max-width: 1160px;
    margin: 0 auto;
    padding: .5rem 0 3rem;
}

.plan-hero[b-oz3ojwgee1] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.plan-hero h1[b-oz3ojwgee1] { margin: 0 0 .3rem; font-size: clamp(2rem, 4vw, 2.7rem); }
.plan-hero p:last-child[b-oz3ojwgee1] { color: #5c7187; margin: 0; max-width: 720px; }
.plan-eyebrow[b-oz3ojwgee1] { color: #00887f; font-size: .76rem; font-weight: 800; letter-spacing: .09em; margin: 0 0 .3rem; text-transform: uppercase; }

.plan-loading[b-oz3ojwgee1] { min-height: 280px; display: grid; place-content: center; justify-items: center; gap: 1rem; color: #5c7187; }
.daily-launch[b-oz3ojwgee1] { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:1.2rem; margin-bottom:1.25rem; padding:1.15rem 1.3rem; border-radius:16px; color:#fff; background:linear-gradient(115deg,#14516c,#087e75); }
.daily-launch h2[b-oz3ojwgee1] { margin:0 0 .2rem; font-size:1.25rem; }.daily-launch p[b-oz3ojwgee1] { margin:0; color:#d9ecec; }.daily-launch .plan-eyebrow[b-oz3ojwgee1] { color:#8ee2d7; }
.daily-sequence[b-oz3ojwgee1] { display:flex; gap:.55rem }.daily-sequence span[b-oz3ojwgee1] { display:grid; justify-items:center; gap:.2rem; font-size:.72rem; font-weight:700 }.daily-sequence b[b-oz3ojwgee1] { display:grid; width:1.65rem; height:1.65rem; place-items:center; border-radius:50%; background:#ffffff25; }
.diagnostic-section[b-oz3ojwgee1], .recommendations-section[b-oz3ojwgee1], .results-section[b-oz3ojwgee1] { background: #fff; border: 1px solid #dce5ec; border-radius: 18px; box-shadow: 0 8px 30px rgba(20, 46, 69, .06); padding: clamp(1rem, 3vw, 1.6rem); margin-bottom: 1.25rem; }
@media(max-width:780px){.daily-launch[b-oz3ojwgee1]{grid-template-columns:1fr}.daily-sequence[b-oz3ojwgee1]{justify-content:flex-start}}

.section-heading[b-oz3ojwgee1] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.section-heading > div[b-oz3ojwgee1] { display: flex; gap: .8rem; align-items: flex-start; }
.section-heading h2[b-oz3ojwgee1] { font-size: 1.25rem; margin: 0 0 .25rem; }
.section-heading p[b-oz3ojwgee1] { color: #64788b; margin: 0; }
.section-number[b-oz3ojwgee1] { width: 2rem; height: 2rem; flex: 0 0 2rem; display: grid; place-items: center; border-radius: 50%; background: #e1f5f3; color: #007d75; font-weight: 800; }
.year-picker[b-oz3ojwgee1] { border: 0; margin: 0; padding: 0; min-width: 150px; }
.year-picker legend[b-oz3ojwgee1] { color: #52697d; font-size: .75rem; font-weight: 800; margin-bottom: .25rem; text-transform: uppercase; }

.diagnostic-grid[b-oz3ojwgee1] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.diagnostic-card[b-oz3ojwgee1] { position: relative; min-width: 0; border: 1px solid #dbe4eb; border-top: 4px solid #07958c; border-radius: 14px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .9rem; padding: 1.15rem; }
.diagnostic-card--english[b-oz3ojwgee1] { border-top-color: #ef654f; }
.diagnostic-icon[b-oz3ojwgee1] { width: 2.8rem; height: 2.8rem; display: grid; place-items: center; border-radius: 10px; color: #00887f; background: #e6f5f4; }
.diagnostic-card--english .diagnostic-icon[b-oz3ojwgee1] { color: #e95642; background: #fff0ed; }
.diagnostic-copy[b-oz3ojwgee1] { min-width: 0; }
.diagnostic-kicker[b-oz3ojwgee1] { color: #607487; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.diagnostic-card h3[b-oz3ojwgee1] { font-size: 1.05rem; margin: .18rem 0 .35rem; }
.diagnostic-card p[b-oz3ojwgee1] { color: #617589; font-size: .91rem; margin: 0; }
.latest-result[b-oz3ojwgee1] { display: flex; gap: .6rem; align-items: center; margin-top: .75rem; }
.latest-result strong[b-oz3ojwgee1] { color: #087e76; font-size: 1.35rem; }
.latest-result span[b-oz3ojwgee1] { color: #718397; font-size: .78rem; }
.diagnostic-button[b-oz3ojwgee1] { grid-column: 1 / -1; justify-self: start; }

.recommendation-list[b-oz3ojwgee1] { display: grid; gap: .7rem; }
.recommendation-card[b-oz3ojwgee1] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; border: 1px solid #e0e8ee; border-radius: 13px; padding: 1rem; transition: transform .16s ease, box-shadow .16s ease; }
.recommendation-card:hover[b-oz3ojwgee1] { transform: translateY(-1px); box-shadow: 0 7px 18px rgba(25, 53, 75, .08); }
.recommendation-rank[b-oz3ojwgee1] { width: 2.15rem; height: 2.15rem; display: grid; place-items: center; border-radius: 9px; background: #f0f5f8; color: #405b71; font-weight: 800; }
.recommendation-content[b-oz3ojwgee1] { min-width: 0; }
.recommendation-heading[b-oz3ojwgee1] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.subject-label[b-oz3ojwgee1] { color: #00887f; font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.recommendation-heading h3[b-oz3ojwgee1] { font-size: 1rem; margin: .08rem 0 0; }
.recommendation-content > p[b-oz3ojwgee1] { color: #607386; font-size: .87rem; margin: .35rem 0 .55rem; }
.status-pill[b-oz3ojwgee1] { border-radius: 999px; flex-shrink: 0; font-size: .72rem; font-weight: 800; padding: .27rem .55rem; }
.status-pill--support[b-oz3ojwgee1] { background: #ffebe7; color: #a83d2d; }
.status-pill--building[b-oz3ojwgee1] { background: #fff3d8; color: #8b6200; }
.status-pill--complete[b-oz3ojwgee1] { background: #e3f5e9; color: #287842; }
.status-pill--track[b-oz3ojwgee1] { background: #e5f2ff; color: #2466a2; }
.status-pill--unchecked[b-oz3ojwgee1] { background: #edf1f4; color: #526779; }
.evidence-row[b-oz3ojwgee1] { display: flex; align-items: center; gap: .65rem; }
.evidence-row small[b-oz3ojwgee1] { color: #708295; white-space: nowrap; }
.evidence-bar[b-oz3ojwgee1], .table-progress[b-oz3ojwgee1] { background: #e8eef2; border-radius: 999px; height: .42rem; overflow: hidden; }
.evidence-bar[b-oz3ojwgee1] { width: min(180px, 38%); }
.evidence-bar span[b-oz3ojwgee1], .table-progress span[b-oz3ojwgee1] { display: block; height: 100%; background: linear-gradient(90deg, #07958c, #48b899); border-radius: inherit; }
.recommendation-actions[b-oz3ojwgee1] { display: flex; gap: .45rem; }

.result-tables[b-oz3ojwgee1] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.result-card[b-oz3ojwgee1] { min-width: 0; border: 1px solid #dee7ed; border-radius: 13px; overflow: hidden; }
.result-card > header[b-oz3ojwgee1] { display: flex; align-items: center; justify-content: space-between; padding: 1rem; background: #f5f9fb; }
.result-card header span[b-oz3ojwgee1] { color: #62778a; font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.result-card header h3[b-oz3ojwgee1] { font-size: 1rem; margin: .15rem 0 0; }
.result-card header > strong[b-oz3ojwgee1] { color: #087f77; font-size: 1.4rem; }
.result-card table[b-oz3ojwgee1] { font-size: .84rem; }
.result-card th[b-oz3ojwgee1] { color: #63778a; font-size: .72rem; text-transform: uppercase; }
.result-card td:last-child[b-oz3ojwgee1] { min-width: 120px; }
.table-progress[b-oz3ojwgee1] { display: inline-block; vertical-align: middle; width: 65px; margin-right: .35rem; }

@media (max-width: 800px) {
    .diagnostic-grid[b-oz3ojwgee1], .result-tables[b-oz3ojwgee1] { grid-template-columns: 1fr; }
    .recommendation-card[b-oz3ojwgee1] { grid-template-columns: auto minmax(0, 1fr); }
    .recommendation-actions[b-oz3ojwgee1] { grid-column: 2; }
}

@media (max-width: 560px) {
    .section-heading[b-oz3ojwgee1] { align-items: stretch; flex-direction: column; }
    .year-picker[b-oz3ojwgee1] { width: 100%; }
    .recommendation-card[b-oz3ojwgee1] { grid-template-columns: 1fr; }
    .recommendation-rank[b-oz3ojwgee1] { display: none; }
    .recommendation-actions[b-oz3ojwgee1] { grid-column: 1; }
    .recommendation-actions .btn[b-oz3ojwgee1] { flex: 1; }
    .recommendation-heading[b-oz3ojwgee1] { align-items: flex-start; }
    .evidence-row[b-oz3ojwgee1] { align-items: flex-start; flex-direction: column; gap: .3rem; }
    .evidence-bar[b-oz3ojwgee1] { width: 100%; }
}
/* _content/GeographyQuest/Components/Features/Dashboard/ReviewCentre.razor.rz.scp.css */
.review-centre[b-g9e0p3he2r] { max-width: 1160px; margin: 0 auto; padding: .5rem 0 3rem; }
.review-hero[b-g9e0p3he2r] { align-items: center; background: linear-gradient(120deg, #123b58, #126d72); border-radius: 18px; color: #fff; display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; padding: clamp(1.2rem, 4vw, 2rem); }
.review-hero h1[b-g9e0p3he2r] { font-size: clamp(2rem, 4vw, 2.7rem); margin: 0 0 .35rem; }
.review-hero p:last-child[b-g9e0p3he2r] { color: #d7e7ec; margin: 0; max-width: 680px; }
.review-eyebrow[b-g9e0p3he2r] { color: #87e0d1; font-size: .74rem; font-weight: 800; letter-spacing: .1em; margin: 0 0 .25rem; text-transform: uppercase; }
.review-loading[b-g9e0p3he2r] { display: grid; place-content: center; justify-items: center; gap: 1rem; min-height: 300px; color: #607589; }
.review-stats[b-g9e0p3he2r] { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; margin-bottom: 1rem; }
.stat-card[b-g9e0p3he2r] { background: #fff; border: 1px solid #dbe5eb; border-radius: 13px; color: #1d3448; display: grid; padding: .9rem; text-align: left; transition: transform .15s ease, box-shadow .15s ease; }
.stat-card:hover[b-g9e0p3he2r] { box-shadow: 0 7px 18px rgba(27, 55, 77, .09); transform: translateY(-1px); }
.stat-card span[b-g9e0p3he2r] { color: #65798b; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.stat-card strong[b-g9e0p3he2r] { font-size: 1.7rem; line-height: 1.2; }
.stat-card small[b-g9e0p3he2r] { color: #708397; }
.stat-card--due[b-g9e0p3he2r] { border-top: 3px solid #e55743; }
.stat-card--feedback[b-g9e0p3he2r] { border-top: 3px solid #8a60d1; }
.stat-card--mastered[b-g9e0p3he2r] { border-top: 3px solid #26966d; }
.review-tabs[b-g9e0p3he2r] { background: #eaf0f4; border-radius: 12px; display: flex; gap: .25rem; margin-bottom: .7rem; overflow-x: auto; padding: .3rem; }
.review-tabs button[b-g9e0p3he2r] { background: transparent; border: 0; border-radius: 9px; color: #536b7e; font-weight: 700; padding: .65rem .85rem; white-space: nowrap; }
.review-tabs button.is-active[b-g9e0p3he2r] { background: #fff; box-shadow: 0 2px 7px rgba(31, 54, 73, .1); color: #0a716c; }
.review-tabs span[b-g9e0p3he2r] { background: #dce5ea; border-radius: 999px; font-size: .7rem; margin-left: .3rem; padding: .15rem .4rem; }
.review-panel[b-g9e0p3he2r] { background: #fff; border: 1px solid #dbe5eb; border-radius: 16px; box-shadow: 0 8px 25px rgba(22, 48, 68, .05); padding: clamp(1rem, 3vw, 1.5rem); }
.panel-heading[b-g9e0p3he2r] { align-items: center; display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.panel-heading h2[b-g9e0p3he2r] { font-size: 1.2rem; margin: 0 0 .2rem; }
.panel-heading p[b-g9e0p3he2r] { color: #687c8e; margin: 0; }
.topic-summary[b-g9e0p3he2r] { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .8rem; }
.topic-summary span[b-g9e0p3he2r] { background: #edf6f5; border-radius: 999px; color: #48706d; font-size: .75rem; padding: .35rem .6rem; }
.mistake-list[b-g9e0p3he2r], .feedback-list[b-g9e0p3he2r] { display: grid; gap: .7rem; }
.mistake-card[b-g9e0p3he2r], .feedback-card[b-g9e0p3he2r] { border: 1px solid #dfe7ec; border-radius: 12px; padding: 1rem; }
.mistake-card > header[b-g9e0p3he2r], .feedback-card > header[b-g9e0p3he2r] { align-items: flex-start; display: flex; justify-content: space-between; gap: .6rem; }
.mistake-card header div[b-g9e0p3he2r] { display: grid; }
.mistake-card header span[b-g9e0p3he2r], .feedback-card header span:first-child[b-g9e0p3he2r] { color: #087d75; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.mistake-card header small[b-g9e0p3he2r] { color: #758695; }
.mistake-card h3[b-g9e0p3he2r] { font-size: 1rem; margin: .7rem 0; }
.answer-review[b-g9e0p3he2r] { background: #f4f8fa; border-radius: 9px; margin-bottom: .7rem; padding: .75rem; }
.answer-review p[b-g9e0p3he2r] { display: grid; margin: 0 0 .5rem; }
.answer-review p:last-child[b-g9e0p3he2r] { margin-bottom: 0; }
.answer-review p span[b-g9e0p3he2r] { color: #6b7e8f; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.answer-review .learning-note[b-g9e0p3he2r] { align-items: flex-start; color: #4d687d; display: flex; gap: .35rem; }
.feedback-card.is-ready[b-g9e0p3he2r] { border-left: 4px solid #8660cf; }
.feedback-card.is-waiting[b-g9e0p3he2r] { background: #fbfcfd; }
.feedback-card h3[b-g9e0p3he2r] { font-size: 1rem; margin: .15rem 0 0; }
.feedback-status[b-g9e0p3he2r] { background: #f0eaff; border-radius: 999px; color: #6643a6; font-size: .7rem; font-weight: 800; padding: .3rem .55rem; white-space: nowrap; }
.is-waiting .feedback-status[b-g9e0p3he2r] { background: #edf1f4; color: #627485; }
.submission-preview[b-g9e0p3he2r] { color: #5e7285; margin: .75rem 0; }
.feedback-card blockquote[b-g9e0p3he2r] { background: #f5f0ff; border-radius: 10px; color: #46336f; margin: .7rem 0; padding: .8rem; }
.feedback-card blockquote p[b-g9e0p3he2r] { margin: .2rem 0 0; }
.waiting-note[b-g9e0p3he2r] { color: #7a8996; font-size: .8rem; }
.feedback-card footer[b-g9e0p3he2r] { align-items: center; display: flex; justify-content: space-between; gap: .5rem; }
.feedback-card footer a[b-g9e0p3he2r] { align-items: center; display: inline-flex; gap: .2rem; font-weight: 700; text-decoration: none; }
.empty-state[b-g9e0p3he2r] { align-items: center; color: #687c8e; display: flex; flex-direction: column; padding: 2.5rem 1rem; text-align: center; }
.empty-state h3[b-g9e0p3he2r] { color: #2a4155; font-size: 1.1rem; margin: .7rem 0 .25rem; }
.empty-state p[b-g9e0p3he2r] { max-width: 530px; }
@media (max-width: 800px) { .review-stats[b-g9e0p3he2r] { grid-template-columns: repeat(2, 1fr); } .review-hero[b-g9e0p3he2r] { align-items: flex-start; flex-direction: column; } }
@media (max-width: 480px) { .review-stats[b-g9e0p3he2r] { grid-template-columns: 1fr 1fr; } .panel-heading[b-g9e0p3he2r] { align-items: flex-start; flex-direction: column; } }
/* _content/GeographyQuest/Components/Features/GameEngine/AnimalQuiz.razor.rz.scp.css */
.animal-quiz[b-1uzjneokfg] { max-width: 900px; margin: 0 auto; padding: 1rem 0 2rem; }
.animal-quiz > header[b-1uzjneokfg] { display: flex; align-items: start; gap: 1rem; margin-bottom: 1.5rem; }
.animal-quiz > header h1[b-1uzjneokfg] { margin: 0; font-size: 2.1rem; }
.animal-quiz > header p:last-child[b-1uzjneokfg] { margin: .3rem 0 0; color: var(--gq-text-muted); }
.animal-quiz__icon[b-1uzjneokfg] { display: grid; flex: 0 0 52px; height: 52px; place-items: center; color: #13795b; background: #e5f6ee; border: 1px solid #b9e2d1; border-radius: 12px; }
.animal-quiz__section[b-1uzjneokfg] { padding: 1.35rem 0; border-top: 1px solid var(--gq-border, #dce4e8); }
.animal-quiz__section-head[b-1uzjneokfg] { display: flex; align-items: start; gap: .7rem; margin-bottom: 1rem; }
.animal-quiz__section-head > span[b-1uzjneokfg] { display: grid; flex: 0 0 28px; height: 28px; place-items: center; color: #fff; background: #13795b; border-radius: 50%; font-size: .8rem; font-weight: 800; }
.animal-quiz__section-head h2[b-1uzjneokfg] { margin: 0; font-size: 1.08rem; }
.animal-quiz__section-head p[b-1uzjneokfg] { margin: .15rem 0 0; color: var(--gq-text-muted); font-size: .85rem; }
.animal-mode-grid[b-1uzjneokfg] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.animal-mode[b-1uzjneokfg] { position: relative; display: flex; min-height: 135px; gap: .75rem; align-items: start; padding: 1rem; color: var(--gq-text); text-align: left; background: var(--gq-surface, #fff); border: 1px solid var(--gq-border, #dce4e8); border-radius: 10px; }
.animal-mode:hover[b-1uzjneokfg] { border-color: #1a936f; }
.animal-mode.selected[b-1uzjneokfg] { color: #123b2b; background: #eaf8f1; border: 2px solid #13795b; }
.animal-mode > .gq-icon[b-1uzjneokfg] { flex: 0 0 auto; color: #13795b; }
.animal-mode strong[b-1uzjneokfg], .animal-mode small[b-1uzjneokfg] { display: block; }
.animal-mode small[b-1uzjneokfg] { margin-top: .3rem; color: var(--gq-text-muted); font-size: .78rem; line-height: 1.4; }
.animal-mode__check[b-1uzjneokfg] { position: absolute; top: .4rem; right: .55rem; color: #13795b; font-weight: 900; }
.animal-quiz__options[b-1uzjneokfg] { display: flex; flex-wrap: wrap; gap: 1.5rem 3rem; }
.animal-quiz__options fieldset[b-1uzjneokfg] { padding: 0; border: 0; }
.animal-quiz__options legend[b-1uzjneokfg] { float: none; width: auto; margin-bottom: .55rem; font-size: .9rem; font-weight: 700; }
.animal-quiz__options fieldset > small[b-1uzjneokfg] { display: block; margin-top: .4rem; color: var(--gq-text-muted); }
.animal-quiz__actions[b-1uzjneokfg] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; padding-top: .5rem; }
.animal-quiz__actions .btn-success[b-1uzjneokfg] { min-width: 230px; }
@media (max-width: 700px) { .animal-mode-grid[b-1uzjneokfg] { grid-template-columns: 1fr; } .animal-mode[b-1uzjneokfg] { min-height: 96px; } .animal-quiz__options[b-1uzjneokfg] { flex-direction: column; gap: 1.25rem; } }
/* _content/GeographyQuest/Components/Features/GameEngine/CapitalMatch.razor.rz.scp.css */
.capital-match-wrap[b-9dygb2itad] {
    max-width: 880px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}

.capital-match-heading[b-9dygb2itad] { margin-bottom: 1.5rem; }

.capital-match-status[b-9dygb2itad] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
    font-weight: 600;
}

.capital-choice-grid[b-9dygb2itad], .country-target-grid[b-9dygb2itad] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .7rem;
}

.capital-choice[b-9dygb2itad], .country-target[b-9dygb2itad] {
    min-height: 56px;
    border: 2px solid var(--bs-border-color);
    border-radius: .65rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    padding: .75rem 1rem;
    text-align: left;
    font-weight: 600;
}

.capital-choice:hover:not(:disabled)[b-9dygb2itad], .capital-choice.selected[b-9dygb2itad] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .2rem rgb(13 110 253 / 18%);
}

.country-target[b-9dygb2itad] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-style: dashed;
    min-height: 82px;
}

.country-target:hover:not(:disabled)[b-9dygb2itad] { border-color: var(--bs-primary); }
.country-target.correct[b-9dygb2itad] { border-color: var(--bs-success); border-style: solid; }
.country-target.wrong[b-9dygb2itad] { border-color: var(--bs-warning); border-style: solid; }
.country-target-result[b-9dygb2itad] { margin-top: .25rem; color: var(--bs-secondary-color); font-size: .85rem; font-weight: 400; }
/* _content/GeographyQuest/Components/Features/GameEngine/CreativeWriting.razor.rz.scp.css */
.writing-page[b-kpi3v75ikf] { max-width: 1480px; margin: 0 auto; padding: 1.5rem 0 3rem; }
.writing-hero[b-kpi3v75ikf] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 1rem; margin-bottom: 1.4rem; }
.writing-hero h1[b-kpi3v75ikf] { margin: 0 0 .35rem; font-size: clamp(1.8rem, 3vw, 2.45rem); }
.writing-hero p:last-child[b-kpi3v75ikf] { margin: 0; color: var(--gq-text-muted); }
.writing-summary[b-kpi3v75ikf] { display: grid; grid-template-columns: repeat(3, minmax(120px, .55fr)) minmax(240px, 1.8fr); gap: .8rem; margin-bottom: 1rem; }
.writing-summary article[b-kpi3v75ikf] { padding: 1rem; border: 1px solid var(--gq-border); border-radius: 12px; background: var(--gq-surface); }
.writing-summary span[b-kpi3v75ikf] { display: block; color: var(--gq-text-muted); font-size: .78rem; }
.writing-summary strong[b-kpi3v75ikf] { display: block; margin-top: .2rem; font-size: 1.55rem; }
.writing-summary__progress .progress[b-kpi3v75ikf] { height: .45rem; margin-top: .5rem; }
.writing-layout[b-kpi3v75ikf] { display: grid; grid-template-columns: minmax(340px, .88fr) minmax(480px, 1.25fr); gap: 1rem; align-items: start; }
.writing-compose[b-kpi3v75ikf], .writing-topics[b-kpi3v75ikf], .writing-history[b-kpi3v75ikf] { padding: 1.25rem; border: 1px solid var(--gq-border); border-radius: 14px; background: var(--gq-surface); box-shadow: var(--gq-shadow); }
.writing-compose[b-kpi3v75ikf] { position: sticky; top: 1rem; }
.writing-section-head[b-kpi3v75ikf] { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.writing-section-head h2[b-kpi3v75ikf] { margin: 0; font-size: 1.25rem; }
.writing-section-head > span[b-kpi3v75ikf] { color: var(--gq-text-muted); font-size: .8rem; }
.writing-section-head .form-select[b-kpi3v75ikf] { width: auto; min-width: 155px; font-size: .82rem; }
.writing-prompt[b-kpi3v75ikf] { margin-bottom: 1rem; padding: 1rem; border-left: 4px solid var(--gq-primary); border-radius: 0 10px 10px 0; background: color-mix(in srgb, var(--gq-primary) 7%, var(--gq-surface)); }
.writing-prompt > span[b-kpi3v75ikf], .writing-topic-table td:first-child > span[b-kpi3v75ikf] { color: var(--gq-primary); font-size: .7rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.writing-prompt h3[b-kpi3v75ikf] { margin: .2rem 0 .4rem; font-size: 1.05rem; }
.writing-prompt p[b-kpi3v75ikf] { margin: 0; }
.writing-prompt ul[b-kpi3v75ikf] { display: flex; flex-wrap: wrap; gap: .35rem 1rem; margin: .7rem 0 0; padding-left: 1.1rem; color: var(--gq-text-muted); font-size: .8rem; }
.writing-compose textarea[b-kpi3v75ikf] { resize: vertical; min-height: 240px; line-height: 1.65; }
.writing-submit-row[b-kpi3v75ikf] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .8rem; }
.writing-submit-row small[b-kpi3v75ikf] { max-width: 360px; color: var(--gq-text-muted); }
.writing-topic-table-wrap[b-kpi3v75ikf] { max-height: 720px; overflow: auto; }
.writing-topic-table[b-kpi3v75ikf] { margin-bottom: 0; }
.writing-topic-table thead[b-kpi3v75ikf] { position: sticky; top: 0; z-index: 1; background: var(--gq-surface); }
.writing-topic-table th[b-kpi3v75ikf] { color: var(--gq-text-muted); font-size: .7rem; letter-spacing: .025em; text-transform: uppercase; white-space: nowrap; }
.writing-topic-table td[b-kpi3v75ikf] { font-size: .82rem; }
.writing-topic-table td:first-child[b-kpi3v75ikf] { min-width: 265px; }
.writing-topic-table td:first-child > span[b-kpi3v75ikf], .writing-topic-table td:first-child > strong[b-kpi3v75ikf], .writing-topic-table td:first-child > small[b-kpi3v75ikf] { display: block; }
.writing-topic-table td:first-child > strong[b-kpi3v75ikf] { margin: .08rem 0 .18rem; color: var(--gq-text); font-size: .9rem; }
.writing-topic-table td:first-child > small[b-kpi3v75ikf] { color: var(--gq-text-muted); line-height: 1.35; }
.writing-topic-table td:last-child[b-kpi3v75ikf] { text-align: right; white-space: nowrap; }
.writing-table-status[b-kpi3v75ikf] { display: inline-block; padding: .27rem .5rem; border-radius: 999px; font-size: .7rem; font-weight: 750; white-space: nowrap; }
.writing-table-status.complete[b-kpi3v75ikf] { color: #fff; background: var(--gq-success); }
.writing-table-status.attempted[b-kpi3v75ikf] { color: #765209; background: #ffe49b; }
.writing-table-status.new[b-kpi3v75ikf] { color: var(--gq-text-muted); background: var(--gq-bg); border: 1px solid var(--gq-border); }
.writing-history[b-kpi3v75ikf] { margin-top: 1rem; }
.writing-history > article[b-kpi3v75ikf] { padding: 1rem 0; border-top: 1px solid var(--gq-border); }
.writing-history > article > div:first-child[b-kpi3v75ikf], .writing-history footer[b-kpi3v75ikf] { display: flex; align-items: center; gap: .75rem; }
.writing-history time[b-kpi3v75ikf] { color: var(--gq-text-muted); font-size: .78rem; }
.writing-history article > p[b-kpi3v75ikf] { margin: .55rem 0; color: var(--gq-text-muted); white-space: pre-wrap; }
.writing-history footer[b-kpi3v75ikf] { font-size: .82rem; }
.writing-history footer a[b-kpi3v75ikf] { margin-left: auto; }
.writing-score[b-kpi3v75ikf] { padding: .18rem .45rem; color: var(--gq-primary); background: color-mix(in srgb, var(--gq-primary) 10%, transparent); border-radius: 5px; font-weight: 750; }
.writing-feedback[b-kpi3v75ikf] { margin-top: .65rem; padding: .7rem; border-radius: 7px; background: var(--gq-bg); font-size: .85rem; }
.revision-compare[b-kpi3v75ikf] { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; margin-bottom:.65rem; }.revision-compare article[b-kpi3v75ikf] { max-height:170px; overflow:auto; padding:.7rem; border:1px solid var(--gq-border); border-radius:9px; background:var(--gq-bg); }.revision-compare span[b-kpi3v75ikf] { color:var(--gq-primary); font-size:.7rem; font-weight:800; text-transform:uppercase; }.revision-compare p[b-kpi3v75ikf] { margin:.25rem 0 0; white-space:pre-wrap; font-size:.82rem; }

@media (max-width: 1000px) {
    .writing-summary[b-kpi3v75ikf] { grid-template-columns: repeat(3, 1fr); }
    .writing-summary__progress[b-kpi3v75ikf] { grid-column: 1 / -1; }
    .writing-layout[b-kpi3v75ikf] { grid-template-columns: 1fr; }
    .writing-compose[b-kpi3v75ikf] { position: static; }
}

@media (max-width: 640px) {
    .writing-page[b-kpi3v75ikf] { padding-top: .5rem; }
    .writing-hero[b-kpi3v75ikf] { grid-template-columns: auto 1fr; }
    .writing-hero > .btn[b-kpi3v75ikf] { grid-column: 1 / -1; }
    .writing-summary[b-kpi3v75ikf] { grid-template-columns: repeat(3, 1fr); }
    .writing-summary article[b-kpi3v75ikf] { padding: .7rem; }
    .writing-summary strong[b-kpi3v75ikf] { font-size: 1.2rem; }
    .writing-submit-row[b-kpi3v75ikf] { align-items: stretch; flex-direction: column; }
    .revision-compare[b-kpi3v75ikf] { grid-template-columns:1fr; }
}
/* _content/GeographyQuest/Components/Features/GameEngine/FlagMatch.razor.rz.scp.css */
.flag-match-wrap[b-iqug6sub27] {
    max-width: 880px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}

.flag-match-heading[b-iqug6sub27] { margin-bottom: 1.5rem; }

.flag-match-status[b-iqug6sub27] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
    font-weight: 600;
}

.flag-card-grid[b-iqug6sub27] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: .9rem;
}

.flag-card[b-iqug6sub27] {
    min-height: 126px;
    border: 2px solid var(--bs-border-color);
    border-radius: .75rem;
    background: var(--bs-body-bg);
    padding: .65rem;
    color: var(--bs-body-color);
}

.flag-card:hover:not(:disabled)[b-iqug6sub27], .flag-card.selected[b-iqug6sub27] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .2rem rgb(13 110 253 / 18%);
}

.flag-card.correct[b-iqug6sub27] { border-color: var(--bs-success); }
.flag-card.wrong[b-iqug6sub27] { border-color: var(--bs-warning); }

.flag-card img[b-iqug6sub27] {
    width: 100%;
    height: 76px;
    object-fit: contain;
    display: block;
}

.flag-card span[b-iqug6sub27] {
    display: block;
    margin-top: .45rem;
    font-size: .85rem;
    font-weight: 600;
}

.country-choice-grid[b-iqug6sub27] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .65rem;
}
/* _content/GeographyQuest/Components/Features/GameEngine/GuidedSolutionWorkspace.razor.rz.scp.css */
.solution-workspace[b-h9tsybudcw] { max-width: 1220px; margin: 0 auto; padding: .5rem 0 3rem; }
.workspace-hero[b-h9tsybudcw] { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.4rem; }
.workspace-hero h1[b-h9tsybudcw] { font-size: clamp(1.9rem, 4vw, 2.6rem); margin: 0 0 .3rem; }
.workspace-hero p:last-child[b-h9tsybudcw] { color: #607589; margin: 0; max-width: 760px; }
.workspace-eyebrow[b-h9tsybudcw] { color: #00877f; font-size: .74rem; font-weight: 800; letter-spacing: .09em; margin: 0 0 .25rem; text-transform: uppercase; }
.workspace-layout[b-h9tsybudcw] { display: grid; grid-template-columns: 230px minmax(0, 1fr) 300px; gap: 1rem; align-items: start; }
.strategy-list[b-h9tsybudcw], .worked-panel[b-h9tsybudcw], .scratch-panel[b-h9tsybudcw] { background: #fff; border: 1px solid #dae4eb; border-radius: 16px; box-shadow: 0 7px 24px rgba(25, 54, 76, .06); padding: 1rem; min-width: 0; }
.strategy-list[b-h9tsybudcw] { position: sticky; top: 1rem; }
.strategy-list > label[b-h9tsybudcw], .scratch-panel > label[b-h9tsybudcw] { color: #536a7e; font-size: .73rem; font-weight: 800; margin-bottom: .35rem; text-transform: uppercase; }
.strategy-list nav[b-h9tsybudcw] { display: grid; gap: .45rem; margin: .8rem 0 1rem; }
.strategy-link[b-h9tsybudcw] { border: 1px solid transparent; border-radius: 10px; background: transparent; color: #20374b; padding: .7rem; text-align: left; }
.strategy-link:hover[b-h9tsybudcw] { background: #f1f7f8; }
.strategy-link.is-active[b-h9tsybudcw] { background: #e8f7f5; border-color: #9ddbd5; color: #006f69; }
.strategy-link span[b-h9tsybudcw] { display: block; color: #718496; font-size: .7rem; margin-bottom: .12rem; }
.strategy-link strong[b-h9tsybudcw] { font-size: .86rem; }
.worked-heading[b-h9tsybudcw], .scratch-heading[b-h9tsybudcw] { display: flex; align-items: flex-start; justify-content: space-between; gap: .7rem; }
.worked-heading span[b-h9tsybudcw], .scratch-heading span[b-h9tsybudcw] { color: #00877f; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.worked-heading h2[b-h9tsybudcw], .scratch-heading h2[b-h9tsybudcw] { font-size: 1.25rem; margin: .15rem 0 0; }
.problem-box[b-h9tsybudcw] { background: linear-gradient(135deg, #123c5a, #116d78); border-radius: 13px; color: #fff; display: grid; gap: .3rem; margin: 1rem 0; padding: 1rem 1.15rem; }
.problem-box span[b-h9tsybudcw], .try-problem span[b-h9tsybudcw] { font-size: .72rem; font-weight: 800; letter-spacing: .07em; opacity: .78; text-transform: uppercase; }
.problem-box strong[b-h9tsybudcw] { font-size: 1.2rem; }
.solution-steps[b-h9tsybudcw] { display: grid; gap: .6rem; list-style: none; margin: 0 0 1rem; padding: 0; }
.solution-steps li[b-h9tsybudcw] { align-items: center; background: #f5f8fa; border: 1px dashed #cbd7df; border-radius: 11px; display: grid; grid-template-columns: auto 1fr; gap: .75rem; min-height: 62px; padding: .7rem; }
.solution-steps li.is-revealed[b-h9tsybudcw] { background: #f0faf6; border-color: #a9dcc4; border-style: solid; }
.step-number[b-h9tsybudcw] { align-items: center; background: #e4ebef; border-radius: 50%; color: #536a7d; display: flex; font-size: .78rem; font-weight: 800; height: 2rem; justify-content: center; width: 2rem; }
.is-revealed .step-number[b-h9tsybudcw] { background: #168c72; color: #fff; }
.solution-steps p[b-h9tsybudcw] { margin: 0; }
.step-placeholder[b-h9tsybudcw] { color: #82919e; font-size: .86rem; font-style: italic; }
.reveal-button[b-h9tsybudcw] { width: 100%; }
.answer-box[b-h9tsybudcw] { align-items: center; background: #fff5cf; border: 1px solid #eed27a; border-radius: 11px; color: #765b00; display: flex; gap: .65rem; padding: .85rem; }
.answer-box span[b-h9tsybudcw] { display: grid; }
.answer-box small[b-h9tsybudcw] { font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.try-problem[b-h9tsybudcw] { background: #f4f0ff; border: 1px solid #d9cafa; border-radius: 11px; display: grid; gap: .3rem; margin: 1rem 0; padding: .85rem; }
.try-problem strong[b-h9tsybudcw] { color: #51368b; font-size: .9rem; }
.scratch-panel textarea[b-h9tsybudcw] { background-color: #fffef8; background-image: linear-gradient(#dce8ef 1px, transparent 1px); background-size: 100% 1.75rem; line-height: 1.75rem; resize: vertical; }
.scratch-tip[b-h9tsybudcw] { align-items: flex-start; color: #65798a; display: flex; font-size: .78rem; gap: .35rem; margin: .7rem 0; }
@media (max-width: 1000px) { .workspace-layout[b-h9tsybudcw] { grid-template-columns: 210px 1fr; } .scratch-panel[b-h9tsybudcw] { grid-column: 1 / -1; } }
@media (max-width: 700px) { .workspace-layout[b-h9tsybudcw] { grid-template-columns: 1fr; } .strategy-list[b-h9tsybudcw] { position: static; } .scratch-panel[b-h9tsybudcw] { grid-column: auto; } }
/* _content/GeographyQuest/Components/Features/GameEngine/LearningGames.razor.rz.scp.css */
.learning-games[b-bwgsrej10a] { margin:0 auto; max-width:1180px; padding:.5rem 0 3rem; }
.learning-games__hero[b-bwgsrej10a] { align-items:center; background:linear-gradient(125deg,#173e58,#176e72); border-radius:20px; color:#fff; display:flex; justify-content:space-between; margin-bottom:1rem; overflow:hidden; padding:1.6rem; position:relative; }
.learning-games__hero p[b-bwgsrej10a] { color:#9fe1d8; font-size:.72rem; font-weight:800; letter-spacing:.1em; margin:0; text-transform:uppercase; }.learning-games__hero h1[b-bwgsrej10a] { font-size:clamp(1.8rem,4vw,2.65rem); margin:.18rem 0 .35rem; }.learning-games__hero span:not(.learning-games__hero-icon)[b-bwgsrej10a] { color:#d6e8ea; }.learning-games__hero-icon[b-bwgsrej10a] { font-size:4rem; filter:drop-shadow(0 8px 12px rgba(0,0,0,.2)); }
.learning-games__grid[b-bwgsrej10a] { display:grid; gap:.85rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
.learning-game-card[b-bwgsrej10a] { --card-accent:#148a8c; align-items:center; background:var(--gq-surface,#fff); border:1px solid var(--gq-border,#dce5eb); border-top:4px solid var(--card-accent); border-radius:15px; color:var(--gq-text,#183248); display:flex; gap:1rem; min-width:0; padding:1.1rem; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }.learning-game-card:hover[b-bwgsrej10a] { box-shadow:0 10px 25px rgba(22,55,73,.12); color:var(--gq-text,#183248); transform:translateY(-3px); }.learning-game-card__icon[b-bwgsrej10a] { background:color-mix(in srgb,var(--card-accent) 12%,transparent); border-radius:12px; display:grid; flex:0 0 3.3rem; font-size:1.65rem; height:3.3rem; place-items:center; }.learning-game-card > span:last-child[b-bwgsrej10a] { display:grid; min-width:0; }.learning-game-card strong[b-bwgsrej10a] { font-size:1rem; }.learning-game-card small[b-bwgsrej10a] { color:var(--gq-text-muted,#687e8e); line-height:1.45; margin:.18rem 0 .55rem; }.learning-game-card b[b-bwgsrej10a] { color:var(--card-accent); font-size:.76rem; }
.coral[b-bwgsrej10a]{--card-accent:#e25d4f}.amber[b-bwgsrej10a]{--card-accent:#c88909}.blue[b-bwgsrej10a]{--card-accent:#416fc0}.purple[b-bwgsrej10a]{--card-accent:#7952b3}.green[b-bwgsrej10a]{--card-accent:#16836d}.navy[b-bwgsrej10a]{--card-accent:#315477}.mint[b-bwgsrej10a]{--card-accent:#2e9179}
@media(max-width:700px){.learning-games__grid[b-bwgsrej10a]{grid-template-columns:1fr}.learning-games__hero-icon[b-bwgsrej10a]{display:none}.learning-games__hero[b-bwgsrej10a]{padding:1.25rem}}
/* _content/GeographyQuest/Components/Features/GameEngine/LearningStudios.razor.rz.scp.css */
.studios-page[b-yx1l2agbcl]{max-width:1160px;margin:0 auto;padding:.5rem 0 3rem}.studios-hero[b-yx1l2agbcl]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1.3rem,4vw,2.2rem);margin-bottom:1rem;border-radius:18px;color:#fff;background:linear-gradient(125deg,#123f5c,#087d78)}.studios-hero h1[b-yx1l2agbcl]{margin:0 0 .3rem;font-size:clamp(2rem,4vw,2.8rem)}.studios-hero p:last-child[b-yx1l2agbcl]{max-width:720px;margin:0;color:#d9eeed}.studio-tabs[b-yx1l2agbcl]{display:flex;gap:.45rem;margin-bottom:1rem;padding:.45rem;overflow-x:auto;border:1px solid var(--gq-border);border-radius:14px;background:var(--gq-surface)}.studio-tabs a[b-yx1l2agbcl]{display:flex;align-items:center;gap:.4rem;flex:0 0 auto;padding:.65rem .8rem;border-radius:9px;color:var(--gq-text-muted);font-size:.83rem;font-weight:700;text-decoration:none}.studio-tabs a:hover[b-yx1l2agbcl],.studio-tabs a.active[b-yx1l2agbcl]{color:var(--gq-primary);background:var(--gq-primary-soft)}.studio-panel[b-yx1l2agbcl],.studio-welcome[b-yx1l2agbcl]{padding:clamp(1rem,3vw,1.7rem);border:1px solid var(--gq-border);border-radius:16px;background:var(--gq-surface);box-shadow:var(--gq-shadow-sm)}.studio-heading[b-yx1l2agbcl]{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.studio-heading h2[b-yx1l2agbcl]{margin:0;font-size:1.5rem}.studio-heading p[b-yx1l2agbcl]{margin:.15rem 0 0;color:var(--gq-text-muted)}.studio-number[b-yx1l2agbcl]{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:50%;background:var(--gq-primary-soft);color:var(--gq-primary);font-weight:800}.detective-card[b-yx1l2agbcl]{display:grid;gap:.8rem;max-width:780px}.detective-card small[b-yx1l2agbcl]{color:var(--gq-primary);font-weight:800;text-transform:uppercase}.incorrect-work[b-yx1l2agbcl]{padding:1rem;border-left:4px solid #e25c4b;border-radius:8px;background:#fff1ef}.detective-card fieldset[b-yx1l2agbcl]{display:grid;gap:.45rem}.detective-card legend[b-yx1l2agbcl]{font-size:.86rem;font-weight:750}.choice[b-yx1l2agbcl]{display:flex;align-items:center;gap:.55rem;padding:.65rem;border:1px solid var(--gq-border);border-radius:8px;cursor:pointer}.choice:has(input:checked)[b-yx1l2agbcl]{border-color:var(--gq-primary);background:var(--gq-primary-soft)}.diagnosis[b-yx1l2agbcl]{display:grid;gap:.2rem;margin-top:.4rem;padding:.8rem;border-radius:9px}.diagnosis.correct[b-yx1l2agbcl]{color:#17653e;background:#e9f8ef}.diagnosis.try-again[b-yx1l2agbcl]{color:#85451d;background:#fff3df}.maths-studio-grid[b-yx1l2agbcl]{display:grid;grid-template-columns:220px minmax(0,1fr) 200px;gap:1rem;align-items:start;margin-bottom:1rem}.menu-board[b-yx1l2agbcl],.receipt[b-yx1l2agbcl]{display:grid;gap:.55rem;padding:1rem;border-radius:12px;color:#fff;background:#183e52}.menu-board p[b-yx1l2agbcl]{display:flex;justify-content:space-between;margin:0;color:#d9e8ed}.order-builder[b-yx1l2agbcl]{display:grid;gap:.6rem}.receipt[b-yx1l2agbcl]{grid-template-columns:1fr auto}.receipt .total[b-yx1l2agbcl]{color:#66e1c5;font-size:1.25rem}.habitat-grid[b-yx1l2agbcl]{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:1rem;margin-bottom:1rem}.habitat-grid fieldset[b-yx1l2agbcl]{display:grid;gap:.4rem;padding:.75rem;border:1px solid var(--gq-border);border-radius:10px}.habitat-grid legend[b-yx1l2agbcl]{float:none;width:auto;margin:0;font-size:.82rem;font-weight:750}.habitat-grid fieldset label[b-yx1l2agbcl]{display:flex;gap:.4rem}.thinking-frame[b-yx1l2agbcl]{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.8rem 0}.thinking-frame span[b-yx1l2agbcl]{padding:.7rem;border-radius:8px;color:#485f73;background:var(--gq-surface-muted);font-size:.8rem;font-weight:700}.submit-row[b-yx1l2agbcl]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem}.portfolio-empty[b-yx1l2agbcl]{padding:2rem;text-align:center;color:var(--gq-text-muted)}.portfolio-group[b-yx1l2agbcl]{margin-top:1rem}.portfolio-group>h3[b-yx1l2agbcl]{padding-bottom:.45rem;border-bottom:1px solid var(--gq-border)}.portfolio-grid[b-yx1l2agbcl],.studio-card-grid[b-yx1l2agbcl]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.portfolio-grid article[b-yx1l2agbcl],.studio-card-grid a[b-yx1l2agbcl]{padding:1rem;border:1px solid var(--gq-border);border-radius:11px;background:var(--gq-surface-muted)}.portfolio-grid small[b-yx1l2agbcl]{color:var(--gq-text-muted)}.portfolio-grid h4[b-yx1l2agbcl]{margin:.2rem 0;font-size:1rem}.portfolio-grid blockquote[b-yx1l2agbcl]{margin:.6rem 0 0;padding-left:.7rem;border-left:3px solid var(--gq-primary);color:var(--gq-text-muted)}.studio-card-grid a[b-yx1l2agbcl]{color:var(--gq-text);text-decoration:none}.studio-card-grid a:hover[b-yx1l2agbcl]{border-color:var(--gq-primary);transform:translateY(-2px)}.studio-card-grid h3[b-yx1l2agbcl]{margin:.6rem 0 .2rem}.studio-card-grid p[b-yx1l2agbcl]{color:var(--gq-text-muted)}.studio-card-grid span[b-yx1l2agbcl]{color:var(--gq-primary);font-weight:750}@media(max-width:850px){.maths-studio-grid[b-yx1l2agbcl],.habitat-grid[b-yx1l2agbcl]{grid-template-columns:1fr}.thinking-frame[b-yx1l2agbcl]{grid-template-columns:1fr 1fr}}@media(max-width:600px){.studios-hero[b-yx1l2agbcl],.submit-row[b-yx1l2agbcl]{align-items:flex-start;flex-direction:column}.portfolio-grid[b-yx1l2agbcl],.studio-card-grid[b-yx1l2agbcl],.thinking-frame[b-yx1l2agbcl]{grid-template-columns:1fr}}
/* _content/GeographyQuest/Components/Features/GameEngine/MathOlympiad.razor.rz.scp.css */
.olympiad-wrap[b-r2hanzp5o7] { max-width: 1120px; margin: 0 auto; padding-bottom: 3rem; }
.olympiad-hero[b-r2hanzp5o7] { display: flex; gap: 1rem; align-items: center; padding: 1rem 0 1.5rem; }
.olympiad-hero__icon[b-r2hanzp5o7] { display: grid; place-items: center; flex: 0 0 64px; height: 64px; border-radius: 18px; background: linear-gradient(145deg, #fff2c4, #ffd36a); color: #705000; }
.olympiad-hero h1[b-r2hanzp5o7] { margin: 0; color: var(--gq-text, #10253b); font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1; }
.olympiad-hero p:last-child[b-r2hanzp5o7] { margin: .55rem 0 0; color: var(--bs-secondary-color); font-size: 1.05rem; }
.olympiad-eyebrow[b-r2hanzp5o7] { margin: 0 0 .35rem; color: #087f72; font-size: .75rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }

.olympiad-tabs[b-r2hanzp5o7] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin-bottom: 1rem; }
.olympiad-tabs button[b-r2hanzp5o7] { display: grid; grid-template-columns: 36px 1fr; grid-template-rows: auto auto; column-gap: .65rem; padding: .85rem; border: 1px solid var(--bs-border-color); border-radius: 14px; background: var(--bs-body-bg); color: var(--gq-text, #10253b); text-align: left; }
.olympiad-tabs button > span[b-r2hanzp5o7] { grid-row: 1 / 3; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--bs-tertiary-bg); font-weight: 800; }
.olympiad-tabs strong[b-r2hanzp5o7] { line-height: 1.2; }
.olympiad-tabs small[b-r2hanzp5o7] { color: var(--bs-secondary-color); }
.olympiad-tabs button.is-active[b-r2hanzp5o7] { border-color: #078a7d; box-shadow: 0 0 0 2px color-mix(in srgb, #078a7d 18%, transparent); }
.olympiad-tabs button.is-active > span[b-r2hanzp5o7] { background: #078a7d; color: white; }

.olympiad-panel[b-r2hanzp5o7] { padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--bs-border-color); border-radius: 18px; background: var(--bs-body-bg); box-shadow: 0 12px 30px rgba(25, 54, 72, .07); }
.olympiad-panel__heading[b-r2hanzp5o7] { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; margin-bottom: 1.5rem; }
.olympiad-panel__heading h2[b-r2hanzp5o7] { margin: 0 0 .35rem; font-size: clamp(1.4rem, 3vw, 2rem); }
.olympiad-panel__heading p:last-child[b-r2hanzp5o7] { max-width: 680px; margin: 0; color: var(--bs-secondary-color); }
.olympiad-count[b-r2hanzp5o7], .mode-badge[b-r2hanzp5o7] { flex: 0 0 auto; padding: .55rem .75rem; border-radius: 999px; background: #e9f8f5; color: #076b61; font-size: .85rem; font-weight: 700; }
.mode-badge[b-r2hanzp5o7] { display: inline-flex; align-items: center; gap: .4rem; }
.mode-badge.is-timed[b-r2hanzp5o7] { background: #fff0d8; color: #7d5100; }

.lesson-layout[b-r2hanzp5o7] { display: grid; grid-template-columns: minmax(210px, .8fr) minmax(0, 2fr); gap: 1rem; }
.lesson-menu[b-r2hanzp5o7] { display: flex; flex-direction: column; gap: .45rem; }
.lesson-menu button[b-r2hanzp5o7] { display: flex; align-items: center; gap: .65rem; padding: .7rem; border: 1px solid transparent; border-radius: 10px; background: var(--bs-tertiary-bg); color: var(--gq-text, #10253b); text-align: left; font-weight: 650; }
.lesson-menu button span[b-r2hanzp5o7] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--bs-body-bg); }
.lesson-menu button.is-selected[b-r2hanzp5o7] { border-color: #078a7d; background: #e9f8f5; color: #064f48; }
.worked-example[b-r2hanzp5o7] { padding: clamp(1rem, 3vw, 1.5rem); border-radius: 14px; background: color-mix(in srgb, var(--bs-tertiary-bg) 75%, #e9f8f5); }
.worked-example h3[b-r2hanzp5o7] { margin: 0 0 .4rem; }
.worked-example__summary[b-r2hanzp5o7] { color: var(--bs-secondary-color); }
.worked-example li[b-r2hanzp5o7] { margin-bottom: .45rem; }
.example-question[b-r2hanzp5o7] { display: grid; gap: .3rem; margin: 1.25rem 0 .7rem; padding: 1rem; border-left: 4px solid #e5a600; border-radius: 8px; background: var(--bs-body-bg); }
.example-question small[b-r2hanzp5o7] { color: #765700; font-weight: 800; text-transform: uppercase; }
.worked-example details[b-r2hanzp5o7] { padding: .7rem 1rem; border-radius: 8px; background: #e9f8f5; color: #064f48; }
.worked-example details summary[b-r2hanzp5o7] { cursor: pointer; font-weight: 750; }
.worked-example details p[b-r2hanzp5o7] { margin: .6rem 0 0; }
.archive-note[b-r2hanzp5o7] { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin: 1.5rem 0; padding: 1.25rem; border: 1px solid #e5bd56; border-radius: 14px; background: #fffaf0; color: #392f17; }
.archive-note h3[b-r2hanzp5o7] { font-size: 1.1rem; }
.archive-note p:last-child[b-r2hanzp5o7] { margin-bottom: 0; }
.archive-links[b-r2hanzp5o7] { display: grid; gap: .5rem; }
.archive-links a[b-r2hanzp5o7] { display: grid; padding: .65rem .75rem; border-radius: 9px; background: white; color: #664c00; text-decoration: none; }
.archive-links a:hover[b-r2hanzp5o7] { text-decoration: underline; }
.archive-links span[b-r2hanzp5o7] { color: #685f4b; font-size: .78rem; }

.olympiad-settings[b-r2hanzp5o7] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.olympiad-settings fieldset[b-r2hanzp5o7], .round-settings fieldset[b-r2hanzp5o7] { min-width: 0; margin: 0; padding: 1rem; border: 1px solid var(--bs-border-color); border-radius: 12px; }
.olympiad-settings fieldset.wide[b-r2hanzp5o7] { grid-column: 1 / -1; }
.olympiad-settings legend[b-r2hanzp5o7], .round-settings legend[b-r2hanzp5o7] { float: none; width: auto; margin: 0; padding: 0; font-size: .95rem; font-weight: 800; }
.olympiad-settings fieldset > p[b-r2hanzp5o7] { margin: .25rem 0 .7rem; color: var(--bs-secondary-color); font-size: .85rem; }
.olympiad-choice-grid[b-r2hanzp5o7] { display: grid; gap: .45rem; }
.olympiad-choice-grid.years[b-r2hanzp5o7] { grid-template-columns: repeat(6, 1fr); }
.olympiad-choice-grid.levels[b-r2hanzp5o7] { grid-template-columns: repeat(3, 1fr); }
.olympiad-choice-grid.stages[b-r2hanzp5o7] { grid-template-columns: repeat(4, 1fr); }
.olympiad-choice-grid button[b-r2hanzp5o7], .compact-choices button[b-r2hanzp5o7] { padding: .55rem; border: 1px solid #0a8e85; border-radius: 8px; background: var(--bs-body-bg); color: #076b61; }
.olympiad-choice-grid button.is-selected[b-r2hanzp5o7], .compact-choices button.is-selected[b-r2hanzp5o7] { background: #087f72; color: white; box-shadow: 0 2px 8px rgba(8, 127, 114, .2); }
.olympiad-choice-grid button strong[b-r2hanzp5o7], .olympiad-choice-grid button small[b-r2hanzp5o7] { display: block; }
.olympiad-choice-grid button small[b-r2hanzp5o7] { margin-top: .15rem; opacity: .82; font-size: .72rem; }
.stage-help[b-r2hanzp5o7] { margin-top: .7rem; padding: .65rem .75rem; border-radius: 8px; background: var(--bs-tertiary-bg); color: var(--bs-secondary-color); font-size: .85rem; }
.round-settings[b-r2hanzp5o7] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; }
.compact-choices[b-r2hanzp5o7] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .45rem; }
.compact-choices button[b-r2hanzp5o7] { min-width: 42px; }
.timer-options button[b-r2hanzp5o7] { min-width: 60px; }
.round-summary[b-r2hanzp5o7] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.25rem; padding: 1rem; border-radius: 12px; background: #e9f8f5; color: #064f48; }
.round-summary div[b-r2hanzp5o7] { display: grid; gap: .15rem; }
.round-summary small[b-r2hanzp5o7] { font-weight: 800; text-transform: uppercase; }
.round-summary span[b-r2hanzp5o7] { font-size: .85rem; }

@media (max-width: 760px) {
    .olympiad-tabs button[b-r2hanzp5o7] { grid-template-columns: 30px 1fr; }
    .olympiad-tabs small[b-r2hanzp5o7] { display: none; }
    .olympiad-tabs button > span[b-r2hanzp5o7] { width: 30px; height: 30px; }
    .lesson-layout[b-r2hanzp5o7], .archive-note[b-r2hanzp5o7], .olympiad-settings[b-r2hanzp5o7] { grid-template-columns: 1fr; }
    .lesson-menu[b-r2hanzp5o7] { display: grid; grid-template-columns: 1fr 1fr; }
    .olympiad-settings fieldset.wide[b-r2hanzp5o7] { grid-column: auto; }
    .olympiad-choice-grid.years[b-r2hanzp5o7] { grid-template-columns: repeat(3, 1fr); }
    .olympiad-choice-grid.stages[b-r2hanzp5o7] { grid-template-columns: repeat(2, 1fr); }
    .round-settings[b-r2hanzp5o7] { grid-template-columns: 1fr; }
    .round-summary[b-r2hanzp5o7], .olympiad-panel__heading[b-r2hanzp5o7] { align-items: stretch; flex-direction: column; }
}

@media (max-width: 480px) {
    .olympiad-hero[b-r2hanzp5o7] { align-items: flex-start; }
    .olympiad-hero__icon[b-r2hanzp5o7] { flex-basis: 50px; height: 50px; }
    .olympiad-tabs[b-r2hanzp5o7] { grid-template-columns: 1fr; }
    .lesson-menu[b-r2hanzp5o7] { grid-template-columns: 1fr; }
    .olympiad-choice-grid.levels[b-r2hanzp5o7] { grid-template-columns: 1fr; }
}
/* _content/GeographyQuest/Components/Features/GameEngine/MathsAdventure.razor.rz.scp.css */
.maths-adventure-wrap[b-u97b1ju2bq] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}

.mission-builder[b-u97b1ju2bq] {
    border: 1px solid #d9e4e8;
    overflow: hidden;
}

.mission-builder .card-body[b-u97b1ju2bq] {
    padding: 1.5rem;
}

.mission-builder__heading[b-u97b1ju2bq],
.mission-list-heading[b-u97b1ju2bq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
}

.mission-builder__heading[b-u97b1ju2bq] {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e1e7eb;
}

.mission-step[b-u97b1ju2bq] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #087f73;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mission-step span[b-u97b1ju2bq] {
    display: inline-grid;
    width: 1.6rem;
    height: 1.6rem;
    place-items: center;
    color: #fff;
    background: #087f73;
    border-radius: 50%;
}

.mission-builder__summary[b-u97b1ju2bq] {
    display: flex;
    min-width: 230px;
    flex-direction: column;
    padding: .8rem 1rem;
    color: #183447;
    background: #edf8f6;
    border: 1px solid #b9e1db;
    border-radius: .65rem;
}

.mission-builder__summary small[b-u97b1ju2bq] {
    margin-bottom: .15rem;
    color: #55717d;
}

.mission-builder__grid[b-u97b1ju2bq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 1.5rem 2rem;
    padding: 1.5rem 0;
}

.mission-option[b-u97b1ju2bq],
.compact-option[b-u97b1ju2bq] {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.mission-option legend[b-u97b1ju2bq],
.compact-option legend[b-u97b1ju2bq] {
    float: none;
    width: auto;
    margin: 0 0 .25rem;
    font-size: .95rem;
    font-weight: 700;
    color: #152f42;
}

.mission-option > p[b-u97b1ju2bq] {
    min-height: 2.4em;
    margin-bottom: .75rem;
    color: #627783;
    font-size: .85rem;
}

.mission-option--wide[b-u97b1ju2bq] {
    grid-column: 1 / -1;
}

.mission-option--wide > p[b-u97b1ju2bq] {
    min-height: 0;
}

.option-grid[b-u97b1ju2bq] {
    display: grid;
    gap: .55rem;
}

.option-grid--years[b-u97b1ju2bq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.option-grid--levels[b-u97b1ju2bq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.option-grid--stages[b-u97b1ju2bq] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.option-button[b-u97b1ju2bq] {
    min-height: 2.75rem;
    padding: .6rem .75rem;
    color: #203b4b;
    font-weight: 650;
    background: #fff;
    border: 1px solid #b9c9d1;
    border-radius: .5rem;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.option-button:hover[b-u97b1ju2bq] {
    background: #f3faf9;
    border-color: #168f83;
}

.option-button:focus-visible[b-u97b1ju2bq],
.compact-buttons button:focus-visible[b-u97b1ju2bq] {
    outline: 3px solid rgba(13, 148, 136, .25);
    outline-offset: 2px;
}

.option-button.is-selected[b-u97b1ju2bq] {
    color: #fff;
    background: #087f73;
    border-color: #087f73;
    box-shadow: 0 0 0 2px rgba(8, 127, 115, .12);
}

.option-button--described[b-u97b1ju2bq] {
    display: flex;
    min-height: 4.2rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}

.option-button--described small[b-u97b1ju2bq] {
    margin-top: .1rem;
    color: #637985;
    font-size: .75rem;
    font-weight: 500;
}

.option-button--described.is-selected small[b-u97b1ju2bq] {
    color: rgba(255, 255, 255, .82);
}

.stage-explanation[b-u97b1ju2bq] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .75rem;
    padding: .65rem .8rem;
    color: #385563;
    background: #f5f8fa;
    border-radius: .45rem;
    font-size: .85rem;
}

.session-details[b-u97b1ju2bq] {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) auto auto;
    align-items: end;
    gap: 1.5rem;
    padding: 1.25rem 0;
    border-top: 1px solid #e1e7eb;
}

.compact-buttons[b-u97b1ju2bq] {
    display: flex;
    overflow: hidden;
    border: 1px solid #b9c9d1;
    border-radius: .45rem;
}

.compact-buttons button[b-u97b1ju2bq] {
    min-width: 2.75rem;
    padding: .48rem .65rem;
    color: #294654;
    font-weight: 650;
    background: #fff;
    border: 0;
    border-right: 1px solid #b9c9d1;
}

.compact-buttons button:last-child[b-u97b1ju2bq] {
    border-right: 0;
}

.compact-buttons button.is-selected[b-u97b1ju2bq] {
    color: #fff;
    background: #087f73;
}

.curriculum-focus[b-u97b1ju2bq] {
    display: grid;
    grid-template-columns: minmax(180px, .65fr) minmax(0, 1.35fr);
    gap: 1rem 1.5rem;
    align-items: center;
    padding: 1rem;
    background: #f3f7fa;
    border-left: 4px solid #168f83;
    border-radius: .35rem;
}

.curriculum-focus > div:first-child[b-u97b1ju2bq] {
    display: flex;
    flex-direction: column;
}

.curriculum-focus small[b-u97b1ju2bq] {
    color: #087f73;
    font-weight: 700;
    text-transform: uppercase;
}

.curriculum-focus__topics[b-u97b1ju2bq] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.curriculum-focus__topics span[b-u97b1ju2bq] {
    padding: .35rem .55rem;
    color: #304d5c;
    background: #fff;
    border: 1px solid #d4dfe4;
    border-radius: 999px;
    font-size: .78rem;
}

.mission-list-heading[b-u97b1ju2bq] {
    align-items: end;
    margin: 2rem 0 1rem;
}

.mission-list-heading__details[b-u97b1ju2bq] {
    flex: 0 0 auto;
    padding: .45rem .7rem;
    color: #365360;
    background: #f1f5f7;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 650;
}

@media (max-width: 767.98px) {
    .maths-adventure-wrap[b-u97b1ju2bq] {
        padding: 1rem 0 2rem;
    }

    .mission-builder .card-body[b-u97b1ju2bq] {
        padding: 1.1rem;
    }

    .mission-builder__heading[b-u97b1ju2bq],
    .mission-list-heading[b-u97b1ju2bq] {
        flex-direction: column;
        gap: .85rem;
    }

    .mission-builder__summary[b-u97b1ju2bq] {
        width: 100%;
        min-width: 0;
    }

    .mission-builder__grid[b-u97b1ju2bq] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .mission-option--wide[b-u97b1ju2bq] {
        grid-column: auto;
    }

    .mission-option > p[b-u97b1ju2bq] {
        min-height: 0;
    }

    .option-grid--levels[b-u97b1ju2bq],
    .option-grid--stages[b-u97b1ju2bq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .session-details[b-u97b1ju2bq] {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 1rem;
    }

    .compact-buttons[b-u97b1ju2bq] {
        width: max-content;
        max-width: 100%;
    }

    .curriculum-focus[b-u97b1ju2bq] {
        grid-template-columns: 1fr;
    }

    .mission-list-heading__details[b-u97b1ju2bq] {
        align-self: flex-start;
    }
}

@media (max-width: 420px) {
    .option-grid--levels[b-u97b1ju2bq],
    .option-grid--stages[b-u97b1ju2bq] {
        grid-template-columns: 1fr;
    }
}
/* _content/GeographyQuest/Components/Features/GameEngine/MathsManipulatives.razor.rz.scp.css */
.manipulatives-page[b-zh4bpkgt68] { max-width: 1160px; margin: 0 auto; padding: .5rem 0 3rem; }
.manipulatives-hero[b-zh4bpkgt68] { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.2rem; }
.manipulatives-hero h1[b-zh4bpkgt68] { font-size: clamp(2rem, 4vw, 2.65rem); margin: 0 0 .3rem; }
.manipulatives-hero p:last-child[b-zh4bpkgt68] { color: #607589; margin: 0; max-width: 760px; }
.tools-eyebrow[b-zh4bpkgt68] { color: #07847b; font-size: .74rem; font-weight: 800; letter-spacing: .09em; margin: 0 0 .25rem; text-transform: uppercase; }
.tool-tabs[b-zh4bpkgt68] { background: #eaf0f3; border-radius: 13px; display: flex; gap: .3rem; margin-bottom: .75rem; overflow-x: auto; padding: .35rem; }
.tool-tabs button[b-zh4bpkgt68] { align-items: center; background: transparent; border: 0; border-radius: 9px; color: #526a7e; display: flex; flex: 1; gap: .4rem; justify-content: center; min-width: max-content; padding: .7rem .9rem; }
.tool-tabs button.is-active[b-zh4bpkgt68] { background: #fff; box-shadow: 0 3px 9px rgba(25, 52, 72, .12); color: #087a72; font-weight: 800; }
.tool-shell[b-zh4bpkgt68] { background: #fff; border: 1px solid #dbe5eb; border-radius: 17px; box-shadow: 0 8px 26px rgba(25, 52, 72, .06); min-width: 0; min-height: 540px; padding: clamp(1rem, 3vw, 1.6rem); }
.tool-heading[b-zh4bpkgt68] { align-items: flex-start; display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.tool-heading span[b-zh4bpkgt68] { color: #087e76; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.tool-heading h2[b-zh4bpkgt68] { font-size: 1.35rem; margin: .15rem 0 .2rem; }
.tool-heading p[b-zh4bpkgt68] { color: #64798b; margin: 0; }
.big-result[b-zh4bpkgt68] { background: #e9f6f4; border-radius: 12px; color: #076e67; flex-shrink: 0; font-size: 1.25rem; padding: .7rem 1rem; }
.place-layout[b-zh4bpkgt68], .geometry-layout[b-zh4bpkgt68] { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 1rem; }
.place-controls[b-zh4bpkgt68] { display: grid; gap: .5rem; }
.place-control[b-zh4bpkgt68] { background: #f4f7f9; border-radius: 10px; display: grid; gap: .25rem; padding: .65rem; }
.place-control > span[b-zh4bpkgt68] { color: #607589; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.place-control > div[b-zh4bpkgt68] { align-items: center; display: flex; justify-content: space-between; }
.place-control button[b-zh4bpkgt68] { background: #fff; border: 1px solid #cad7df; border-radius: 7px; height: 30px; width: 30px; }
.place-control strong[b-zh4bpkgt68] { font-size: 1.2rem; }
.place-control small[b-zh4bpkgt68] { color: #718496; }
.blocks-board[b-zh4bpkgt68] { background: #f7fafb; border: 1px dashed #bdccd5; border-radius: 13px; display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; min-height: 300px; padding: 1rem; }
.block-group[b-zh4bpkgt68] { border-left: 1px solid #dae4e9; min-width: 0; padding-left: .6rem; }
.block-group:first-child[b-zh4bpkgt68] { border-left: 0; }
.block-group > span[b-zh4bpkgt68] { color: #637789; display: block; font-size: .67rem; font-weight: 800; margin-bottom: .5rem; text-transform: uppercase; }
.hundred-stack[b-zh4bpkgt68], .ten-stack[b-zh4bpkgt68], .one-stack[b-zh4bpkgt68], .tenth-stack[b-zh4bpkgt68] { align-content: start; display: flex; flex-wrap: wrap; gap: 4px; }
.hundred-block[b-zh4bpkgt68] { background-color: #49aaa0; background-image: linear-gradient(#ffffff30 1px, transparent 1px), linear-gradient(90deg, #ffffff30 1px, transparent 1px); background-size: 8px 8px; border-radius: 3px; height: 52px; width: 52px; }
.ten-block[b-zh4bpkgt68] { background: repeating-linear-gradient(to bottom, #4d79c4 0 5px, #7596d0 5px 6px); border-radius: 3px; height: 65px; width: 11px; }
.one-block[b-zh4bpkgt68] { background: #edb44f; border-radius: 2px; height: 13px; width: 13px; }
.tenth-block[b-zh4bpkgt68] { background: #a47bd3; border-radius: 2px; height: 7px; width: 24px; }
.maths-explanation[b-zh4bpkgt68] { background: #fff8de; border: 1px solid #ead88f; border-radius: 11px; display: grid; gap: .25rem; margin-top: 1rem; padding: .85rem; }
.maths-explanation > strong[b-zh4bpkgt68] { color: #78600c; font-size: .7rem; text-transform: uppercase; }
.maths-explanation > span[b-zh4bpkgt68] { font-size: 1.05rem; font-weight: 800; }
.maths-explanation p[b-zh4bpkgt68] { color: #665d3a; margin: 0; }
.fraction-controls[b-zh4bpkgt68], .slider-grid[b-zh4bpkgt68] { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; }
.fraction-control[b-zh4bpkgt68] { border: 1px solid #dce5eb; border-radius: 11px; padding: .8rem; }
.fraction-control legend[b-zh4bpkgt68] { float: none; font-size: .85rem; font-weight: 800; margin: 0 0 .5rem; width: auto; }
.fraction-control label[b-zh4bpkgt68], .range-control[b-zh4bpkgt68] { align-items: center; color: #5e7487; display: grid; font-size: .75rem; grid-template-columns: 85px 1fr 30px; gap: .5rem; margin: .35rem 0; }
.fraction-control strong[b-zh4bpkgt68], .range-control strong[b-zh4bpkgt68] { color: #263e53; text-align: right; }
.fraction-board[b-zh4bpkgt68] { display: grid; gap: 1rem; margin: 1.4rem auto; max-width: 820px; }
.fraction-row > strong[b-zh4bpkgt68] { display: block; font-size: .78rem; margin-bottom: .25rem; }
.fraction-bar[b-zh4bpkgt68] { border: 2px solid #38526a; border-radius: 7px; display: flex; height: 70px; overflow: hidden; }
.fraction-bar i[b-zh4bpkgt68] { background: #f5f8fa; border-right: 1px solid #91a4b3; }
.fraction-bar i:last-child[b-zh4bpkgt68] { border-right: 0; }
.fraction-bar i.is-shaded[b-zh4bpkgt68] { background: linear-gradient(135deg, #58b9ae, #338dba); }
.slider-grid[b-zh4bpkgt68] { grid-template-columns: repeat(3, 1fr); }
.slider-grid > *[b-zh4bpkgt68], .geometry-layout > *[b-zh4bpkgt68], .fraction-controls > *[b-zh4bpkgt68] { min-width: 0; max-width: 100%; }
.range-control[b-zh4bpkgt68] { background: #f5f8fa; border-radius: 10px; grid-template-columns: 1fr; padding: .75rem; }
.range-control strong[b-zh4bpkgt68] { font-size: 1.15rem; text-align: left; }
.numberline-board[b-zh4bpkgt68] { margin: 2rem 0; overflow-x: auto; padding: 1.5rem .5rem 2.2rem; }
.jump-sequence[b-zh4bpkgt68] { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: center; margin-bottom: 2.2rem; }
.jump-sequence span[b-zh4bpkgt68] { background: #edf3ff; border-radius: 999px; color: #3e65a7; font-weight: 800; padding: .35rem .65rem; }
.jump-sequence span + span[b-zh4bpkgt68]::before { content: '→'; color: #8190a0; margin-right: .65rem; }
.numberline-track[b-zh4bpkgt68] { background: #314d63; height: 4px; margin: auto; min-width: 600px; position: relative; width: calc(100% - 3rem); }
.numberline-track > i[b-zh4bpkgt68] { border-right: 9px solid transparent; border-top: 6px solid #314d63; border-bottom: 6px solid transparent; position: absolute; right: -8px; top: -4px; transform: rotate(-45deg); }
.numberline-track b[b-zh4bpkgt68] { background: #13897f; border: 3px solid #fff; border-radius: 50%; height: 18px; position: absolute; top: -7px; transform: translateX(-50%); width: 18px; }
.numberline-track b span[b-zh4bpkgt68] { color: #314d63; font-size: .72rem; left: 50%; position: absolute; top: 18px; transform: translateX(-50%); }
.geometry-layout[b-zh4bpkgt68] { grid-template-columns: 250px minmax(0, 1fr); }
.geometry-layout .slider-grid[b-zh4bpkgt68] { grid-template-columns: 1fr; grid-auto-rows: max-content; align-content: start; }
.rectangle-stage[b-zh4bpkgt68] { align-items: center; background: #f5f8fa; border-radius: 13px; display: flex; justify-content: center; min-height: 350px; overflow: auto; padding: 2.5rem; position: relative; }
.model-rectangle[b-zh4bpkgt68] { background: #dcecff; border: 3px solid #356ea9; display: grid; grid-template-columns: repeat(var(--columns, 1), 1fr); max-width: 100%; position: relative; }
.model-rectangle i[b-zh4bpkgt68] { border: 1px solid #8fb5d8; min-height: 10px; min-width: 10px; }
.length-label[b-zh4bpkgt68], .width-label[b-zh4bpkgt68] { color: #49657c; font-size: .72rem; font-weight: 800; position: absolute; }
.length-label[b-zh4bpkgt68] { bottom: 1rem; }.width-label[b-zh4bpkgt68] { left: .4rem; transform: rotate(-90deg); }
.formula-grid[b-zh4bpkgt68] { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; margin-top: 1rem; }
.formula-grid div[b-zh4bpkgt68] { background: #edf7f5; border-radius: 11px; display: grid; padding: .8rem; }
.formula-grid span[b-zh4bpkgt68] { color: #53776f; font-size: .7rem; font-weight: 800; text-transform: uppercase; }.formula-grid small[b-zh4bpkgt68] { color: #698077; }
@media (max-width: 900px) { .slider-grid[b-zh4bpkgt68] { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .place-layout[b-zh4bpkgt68], .geometry-layout[b-zh4bpkgt68] { grid-template-columns: 1fr; } .blocks-board[b-zh4bpkgt68] { min-height: 220px; } }
@media (max-width: 520px) { .tool-heading[b-zh4bpkgt68] { flex-direction: column; } .big-result[b-zh4bpkgt68] { align-self: stretch; text-align: center; } .blocks-board[b-zh4bpkgt68] { grid-template-columns: repeat(2, 1fr); } .fraction-controls[b-zh4bpkgt68], .formula-grid[b-zh4bpkgt68] { grid-template-columns: 1fr; } }
/* _content/GeographyQuest/Components/Features/GameEngine/MathsPathway.razor.rz.scp.css */
.maths-pathway-wrap[b-6gxvpb66us] {
    max-width: 960px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}
/* _content/GeographyQuest/Components/Features/GameEngine/NumberAdventure.razor.rz.scp.css */
.number-adventure-wrap[b-mb2xkg48ah] {
    max-width: 720px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}
/* _content/GeographyQuest/Components/Features/GameEngine/Quiz.razor.rz.scp.css */
.gq-number-line[b-jaiv3677mp] {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 3.1rem;
    margin: 1rem 0;
    padding: 1rem .25rem .2rem;
    border-bottom: 3px solid var(--bs-success);
}

.gq-number-line span[b-jaiv3677mp] {
    position: absolute;
    bottom: 0;
    width: 2rem;
    margin-left: -1rem;
    padding-top: .45rem;
    border-left: 1px solid var(--bs-secondary-color);
    color: var(--bs-secondary-color);
    font-size: .75rem;
    text-align: center;
}

.gq-number-line span.is-first[b-jaiv3677mp] { margin-left: 0; text-align: left; }
.gq-number-line span.is-last[b-jaiv3677mp] { margin-left: -2rem; text-align: right; }

.gq-number-line span[b-jaiv3677mp]::before {
    content: "";
    position: absolute;
    top: -1rem;
    left: -1px;
    height: .75rem;
    border-left: 1px solid var(--bs-secondary-color);
}

.gq-question-card[b-jaiv3677mp],
.gq-question-card .card-body[b-jaiv3677mp],
.gq-option-text[b-jaiv3677mp] {
    min-width: 0;
}

.gq-question-card h2[b-jaiv3677mp],
.gq-option-text[b-jaiv3677mp] {
    overflow-wrap: anywhere;
}

.gq-math-array[b-jaiv3677mp] {
    display: grid;
    gap: .4rem;
    width: min(100%, 270px);
    margin: 1rem auto;
    justify-items: center;
    align-items: center;
}

.gq-math-array span[b-jaiv3677mp] {
    width: min(1rem, 100%);
    height: min(1rem, 100%);
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--bs-success);
}

/* Keep submitted spelling/text answers readable. Bootstrap applies its own
   disabled control colours, which can produce white text on a pale field. */
.gq-field-input:disabled[b-jaiv3677mp] {
    opacity: 1;
    color: var(--gq-text);
    -webkit-text-fill-color: var(--gq-text);
    background-color: var(--gq-surface);
}

.gq-field.is-correct .gq-field-input:disabled[b-jaiv3677mp] {
    background-color: color-mix(in srgb, var(--gq-success) 10%, var(--gq-surface));
}

.gq-field.is-wrong .gq-field-input:disabled[b-jaiv3677mp] {
    background-color: color-mix(in srgb, var(--gq-danger) 9%, var(--gq-surface));
}

.gq-base-ten[b-jaiv3677mp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(72px, 1fr));
    gap: .75rem;
    max-width: 620px;
    margin: 1rem auto;
}

.gq-base-ten-group[b-jaiv3677mp] {
    display: grid;
    grid-template-rows: auto minmax(116px, 1fr) auto;
    gap: .4rem;
    padding: .65rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    background: var(--bs-tertiary-bg);
    text-align: center;
}

.gq-base-ten-label[b-jaiv3677mp] { font-size: .75rem; color: var(--bs-secondary-color); }
.gq-base-ten-pieces[b-jaiv3677mp] { display: flex; flex-wrap: wrap; gap: .25rem; align-content: center; justify-content: center; }
.gq-base-ten-piece[b-jaiv3677mp] { display: inline-block; border: 2px solid #087f8c; background: #8ee3ef; }
.gq-base-ten-piece.one[b-jaiv3677mp] { width: 14px; height: 14px; }
.gq-base-ten-piece.ten[b-jaiv3677mp] { width: 12px; height: 64px; background: repeating-linear-gradient(to bottom, #8ee3ef 0 5px, #087f8c 5px 6px); }
.gq-base-ten-piece.hundred[b-jaiv3677mp] { width: 42px; height: 42px; background: repeating-linear-gradient(0deg, transparent 0 7px, #087f8c 7px 8px), repeating-linear-gradient(90deg, #8ee3ef 0 7px, #087f8c 7px 8px); }
.gq-base-ten-piece.thousand[b-jaiv3677mp] { width: 38px; height: 38px; border-width: 3px; box-shadow: 5px -5px 0 #57c6d4, 7px -7px 0 #087f8c; }
.gq-base-ten-zero[b-jaiv3677mp] { align-self: center; color: var(--bs-secondary-color); font-size: 1.5rem; }

.gq-geometry-visual[b-jaiv3677mp],
.gq-angle[b-jaiv3677mp],
.gq-prism[b-jaiv3677mp],
.gq-triangle-angles[b-jaiv3677mp] {
    position: relative;
    width: min(260px, 100%);
    min-height: 170px;
    margin: 1rem auto;
    display: grid;
    place-items: center;
    border: 1px solid var(--bs-border-color);
    border-radius: .8rem;
    background: var(--bs-tertiary-bg);
}

.gq-geometry-shape[b-jaiv3677mp] { display: block; width: 120px; height: 120px; background: #72d6a8; border: 4px solid #087f5b; }
.gq-geometry-shape.triangle[b-jaiv3677mp] { clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.gq-geometry-shape.square[b-jaiv3677mp] { border-radius: .2rem; }
.gq-geometry-shape.rectangle[b-jaiv3677mp] { width: 150px; height: 95px; }
.gq-geometry-shape.pentagon[b-jaiv3677mp] { clip-path: polygon(50% 0, 100% 38%, 82% 100%, 18% 100%, 0 38%); }
.gq-geometry-shape.hexagon[b-jaiv3677mp] { clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); }
.gq-geometry-shape.octagon[b-jaiv3677mp] { clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%); }

.gq-rectangle-wrap[b-jaiv3677mp] {
    position: relative;
    width: min(390px, calc(100% - 3rem));
    margin: 2rem auto;
    padding-right: 2.5rem;
}

.gq-grid-rectangle[b-jaiv3677mp] { display: grid; border: 3px solid #087f5b; }
.gq-grid-rectangle span[b-jaiv3677mp] { aspect-ratio: 1; min-width: 5px; max-height: 26px; border: 1px solid color-mix(in srgb, #087f5b 35%, transparent); background: color-mix(in srgb, #72d6a8 35%, transparent); }
.gq-dimension[b-jaiv3677mp] { position: absolute; color: var(--bs-secondary-color); font-weight: 700; }
.gq-dimension.width[b-jaiv3677mp] { top: -1.6rem; left: 45%; }
.gq-dimension.height[b-jaiv3677mp] { right: 0; top: 45%; }

.gq-angle-ray[b-jaiv3677mp] { position: absolute; left: 48px; bottom: 45px; width: 125px; height: 4px; border-radius: 4px; background: #087f5b; transform-origin: left center; }
.gq-angle strong[b-jaiv3677mp] { position: absolute; left: 58px; bottom: 56px; }
.gq-prism-face[b-jaiv3677mp] { width: 130px; height: 80px; border: 4px solid #087f5b; background: #b7ead2; transform: skewY(-12deg); box-shadow: 24px -20px 0 -3px #72d6a8, 27px -23px 0 -3px #087f5b; }
.gq-prism strong[b-jaiv3677mp] { margin-top: .5rem; }
.gq-triangle-shape[b-jaiv3677mp] { width: 160px; height: 125px; background: #72d6a8; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.gq-triangle-angles span:not(.gq-triangle-shape)[b-jaiv3677mp] { position: absolute; font-weight: 800; color: #063f35; }
.gq-triangle-angles .angle-one[b-jaiv3677mp] { left: 42px; bottom: 22px; }
.gq-triangle-angles .angle-two[b-jaiv3677mp] { right: 42px; bottom: 22px; }
.gq-triangle-angles .angle-missing[b-jaiv3677mp] { top: 37px; left: 48%; }

@media (max-width: 600px) {
    .gq-base-ten[b-jaiv3677mp] { grid-template-columns: repeat(2, minmax(90px, 1fr)); }
    .gq-base-ten-group[b-jaiv3677mp] { grid-template-rows: auto minmax(82px, 1fr) auto; }
}

.gq-money-note[b-jaiv3677mp] {
    width: min(220px, 100%);
    margin: 1rem auto;
    padding: 1rem;
    border: 2px solid #2e7d32;
    border-radius: .5rem;
    background: #dff2d8;
    color: #145a1d;
    font-size: 1.45rem;
    font-weight: 700;
    text-align: center;
}

.gq-timer-chip[b-jaiv3677mp] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 5.2rem;
    padding: .4rem .65rem;
    border: 1px solid color-mix(in srgb, var(--bs-primary) 35%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bs-primary) 10%, var(--bs-body-bg));
    color: var(--bs-primary-text-emphasis);
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    justify-content: center;
}

.gq-timer-chip.is-urgent[b-jaiv3677mp] {
    border-color: var(--bs-danger);
    background: color-mix(in srgb, var(--bs-danger) 12%, var(--bs-body-bg));
    color: var(--bs-danger-text-emphasis);
}

.gq-clock[b-jaiv3677mp] {
    position: relative;
    width: 156px;
    height: 156px;
    margin: 1rem auto;
    border: 4px solid var(--bs-body-color);
    border-radius: 50%;
    background: var(--bs-body-bg);
}

.gq-clock-hour[b-jaiv3677mp], .gq-clock-minute[b-jaiv3677mp] {
    position: absolute;
    left: 50%;
    bottom: 50%;
    width: 4px;
    transform-origin: bottom center;
    background: var(--bs-body-color);
}

.gq-clock-hour[b-jaiv3677mp] { height: 40px; margin-left: -2px; }
.gq-clock-minute[b-jaiv3677mp] { height: 58px; margin-left: -2px; background: var(--bs-success); }
.gq-clock-center[b-jaiv3677mp] { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin: -6px; border-radius: 50%; background: var(--bs-body-color); }
.gq-clock-number[b-jaiv3677mp] { position: absolute; font-weight: 700; }
.gq-clock-number.twelve[b-jaiv3677mp] { top: 8px; left: 50%; transform: translateX(-50%); }
.gq-clock-number.three[b-jaiv3677mp] { top: 50%; right: 10px; transform: translateY(-50%); }
.gq-clock-number.six[b-jaiv3677mp] { bottom: 8px; left: 50%; transform: translateX(-50%); }
.gq-clock-number.nine[b-jaiv3677mp] { top: 50%; left: 10px; transform: translateY(-50%); }
.gq-guided-link[b-jaiv3677mp] {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-weight: 700;
    gap: .35rem;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
/* _content/GeographyQuest/Components/Features/GameEngine/ScienceQuiz.razor.rz.scp.css */
.science-quiz-wrap[b-5ps0on5wpx] { max-width: 900px; margin: 0 auto; padding: 1rem 0 2rem; }
.science-quiz-wrap > header[b-5ps0on5wpx] { display: flex; gap: 1rem; align-items: start; margin-bottom: 1.5rem; }
.science-quiz-wrap h1[b-5ps0on5wpx] { margin: 0; font-size: 2rem; }
.science-quiz-wrap header p:last-child[b-5ps0on5wpx] { margin: .3rem 0 0; color: var(--gq-text-muted); }
.science-quiz-section[b-5ps0on5wpx] { padding: 1.2rem 0; border-top: 1px solid var(--gq-border, #dce4e8); border-bottom: 1px solid var(--gq-border, #dce4e8); }
.science-quiz-section h2[b-5ps0on5wpx], .science-quiz-options h2[b-5ps0on5wpx] { margin-bottom: .7rem; font-size: .95rem; }
.science-mode-grid[b-5ps0on5wpx] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.science-mode[b-5ps0on5wpx] { position: relative; display: flex; min-height: 126px; gap: .7rem; align-items: start; padding: .9rem; border: 1px solid var(--gq-border, #dce4e8); border-radius: 6px; background: var(--gq-surface, #fff); color: var(--gq-text); text-align: left; }
.science-mode:hover[b-5ps0on5wpx] { border-color: #12a37f; }
.science-mode.selected[b-5ps0on5wpx] { border: 2px solid #087f5b; background: #edfaf6; color: #102a3d; }
.science-mode .gq-icon[b-5ps0on5wpx] { flex: 0 0 auto; color: var(--gq-primary); }
.science-mode.selected .gq-icon[b-5ps0on5wpx] { color: #087f5b; }
.science-mode strong[b-5ps0on5wpx], .science-mode small[b-5ps0on5wpx] { display: block; }
.science-mode strong[b-5ps0on5wpx] { color: inherit; }
.science-mode small[b-5ps0on5wpx] { margin-top: .3rem; color: var(--gq-text-muted); line-height: 1.35; }
.science-mode.selected small[b-5ps0on5wpx] { color: #52656a; }
.science-mode-check[b-5ps0on5wpx] { position: absolute; right: .55rem; top: .45rem; color: #087f5b; font-weight: 800; }
.science-quiz-options[b-5ps0on5wpx] { display: flex; gap: 3rem; padding: 1.2rem 0; }
.science-start[b-5ps0on5wpx] { min-width: 260px; }
@media (max-width: 680px) { .science-mode-grid[b-5ps0on5wpx] { grid-template-columns: 1fr; } .science-mode[b-5ps0on5wpx] { min-height: 90px; } .science-quiz-options[b-5ps0on5wpx] { flex-direction: column; gap: 1rem; } }
/* _content/GeographyQuest/Components/Features/GameEngine/SpellingBee.razor.rz.scp.css */
.bee-page[b-ay2wv5junk] { max-width: 1120px; margin: 0 auto; padding-bottom: 3rem; color: #183044; }
.bee-hero[b-ay2wv5junk] { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1.5rem; }
.bee-hero h1[b-ay2wv5junk] { margin: 0 0 .35rem; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; }
.bee-hero p:last-child[b-ay2wv5junk] { max-width: 760px; margin: 0; color: #597082; }
.bee-mark[b-ay2wv5junk] { display: grid; place-items: center; width: 88px; height: 88px; flex: 0 0 auto; border-radius: 28px; background: #ffd451; color: #473600; font-weight: 900; letter-spacing: .08em; transform: rotate(-3deg); box-shadow: 0 8px 22px rgb(93 72 0 / 15%); }
.bee-layout[b-ay2wv5junk] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 1.25rem; align-items: start; }
.bee-card[b-ay2wv5junk], .bee-history[b-ay2wv5junk] { border: 1px solid #dbe5ea; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgb(24 48 68 / 7%); }
.bee-card[b-ay2wv5junk] { padding: 1.35rem; }
.bee-step[b-ay2wv5junk] { display: flex; gap: .8rem; align-items: flex-start; margin-bottom: 1rem; }
.bee-step > span[b-ay2wv5junk] { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: 50%; background: #087f73; color: white; font-weight: 800; }
.bee-step h2[b-ay2wv5junk], .bee-how h2[b-ay2wv5junk] { margin: 0 0 .2rem; font-size: 1.2rem; }
.bee-step p[b-ay2wv5junk] { margin: 0; color: #647987; }
.bee-step--spaced[b-ay2wv5junk] { margin-top: 1.4rem; padding-top: 1.25rem; border-top: 1px solid #e4ecef; }
.bee-levels[b-ay2wv5junk] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.bee-level[b-ay2wv5junk] { display: flex; flex-direction: column; gap: .25rem; min-height: 126px; padding: 1rem; text-align: left; border: 2px solid #d9e4e8; border-radius: 14px; background: #fbfdfd; color: inherit; }
.bee-level:hover[b-ay2wv5junk] { border-color: #58a99f; }
.bee-level.selected[b-ay2wv5junk] { border-color: #087f73; background: #e8f7f4; box-shadow: inset 0 0 0 1px #087f73; }
.bee-level strong[b-ay2wv5junk] { font-size: 1.05rem; }
.bee-level span[b-ay2wv5junk], .bee-level small[b-ay2wv5junk] { color: #5e7482; }
.bee-level small[b-ay2wv5junk] { margin-top: auto; font-weight: 700; }
.bee-stages[b-ay2wv5junk] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.bee-stage[b-ay2wv5junk] { display: flex; align-items: center; gap: .7rem; padding: .8rem; text-align: left; border: 2px solid #d9e4e8; border-radius: 12px; background: #fbfdfd; color: #294657; }
.bee-stage > span[b-ay2wv5junk] { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 auto; border-radius: 50%; background: #e8eff2; font-weight: 800; }
.bee-stage strong[b-ay2wv5junk], .bee-stage small[b-ay2wv5junk] { display: block; }
.bee-stage small[b-ay2wv5junk] { margin-top: .15rem; color: #657b88; }
.bee-stage:hover[b-ay2wv5junk] { border-color: #58a99f; }
.bee-stage.selected[b-ay2wv5junk] { border-color: #087f73; background: #e8f7f4; }
.bee-stage.selected > span[b-ay2wv5junk] { background: #087f73; color: white; }
.bee-options[b-ay2wv5junk] { display: flex; flex-wrap: wrap; gap: 2rem; margin: .5rem 0 1.25rem; }
.bee-options fieldset[b-ay2wv5junk] { min-width: 190px; }
.bee-options legend[b-ay2wv5junk] { margin-bottom: .45rem; font-size: .92rem; font-weight: 700; }
.bee-start-button[b-ay2wv5junk] { display: inline-flex; align-items: center; gap: .45rem; font-weight: 800; }
.bee-how ol[b-ay2wv5junk] { margin: 1rem 0; padding-left: 1.25rem; }
.bee-how li[b-ay2wv5junk] { margin-bottom: .8rem; color: #536b79; }
.bee-kind-note[b-ay2wv5junk] { margin: 0; padding: .9rem; border-radius: 12px; background: #fff8dc; color: #604b00; font-size: .92rem; }
.bee-study[b-ay2wv5junk], .bee-history[b-ay2wv5junk] { margin-top: 1.25rem; padding: clamp(1.25rem, 4vw, 2rem); border:1px solid #e1e8eb; border-radius:16px; background:#fff; }
.personal-words[b-ay2wv5junk] { display:flex; align-items:center; flex-wrap:wrap; gap:.45rem; margin:1rem 0; padding:.75rem; border-radius:10px; background:#fff8dc; }.personal-words span[b-ay2wv5junk] { padding:.25rem .5rem; border-radius:999px; background:#fff; font-weight:700; }.personal-words a[b-ay2wv5junk] { margin-left:auto; }
.study-word-grid[b-ay2wv5junk] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; margin-top:1rem; }.study-word-grid article[b-ay2wv5junk] { display:grid; gap:.3rem; padding:.8rem; border:1px solid #dfe7eb; border-radius:10px; }.study-word-grid article>span[b-ay2wv5junk] { color:#98700a; font-size:.67rem; font-weight:800; text-transform:uppercase; }.study-word-grid h3[b-ay2wv5junk] { margin:0; font-size:1.05rem; }.study-word-grid p[b-ay2wv5junk] { margin:0; color:#5c7280; font-size:.82rem; }.study-word-grid small[b-ay2wv5junk] { color:#667987; }
.bee-history-head[b-ay2wv5junk] { max-width: 740px; }
.bee-history-head h2[b-ay2wv5junk] { margin: 0 0 .35rem; }
.bee-history-head > p:last-child[b-ay2wv5junk] { color: #5c7280; }
.bee-timeline[b-ay2wv5junk] { position: relative; margin-top: 1.5rem; }
.bee-timeline[b-ay2wv5junk]::before { content: ""; position: absolute; top: 0; bottom: 0; left: 55px; width: 3px; background: #f2c43d; }
.bee-timeline article[b-ay2wv5junk] { position: relative; display: grid; grid-template-columns: 112px 1fr; gap: 1rem; padding-bottom: 1.25rem; }
.bee-timeline time[b-ay2wv5junk] { z-index: 1; align-self: start; padding: .35rem .25rem; border: 2px solid #f2c43d; border-radius: 999px; background: white; text-align: center; font-weight: 800; }
.bee-timeline h3[b-ay2wv5junk] { margin: .2rem 0 .25rem; font-size: 1.02rem; }
.bee-timeline p[b-ay2wv5junk] { margin: 0; color: #5d7381; }
.bee-sources[b-ay2wv5junk] { margin-top: .5rem; padding-top: 1rem; border-top: 1px solid #e2eaed; font-size: .9rem; }
.bee-sources summary[b-ay2wv5junk] { cursor: pointer; font-weight: 700; }
.bee-sources ul[b-ay2wv5junk] { margin: .75rem 0 0; }
@media (max-width: 820px) { .bee-layout[b-ay2wv5junk] { grid-template-columns: 1fr; } .bee-levels[b-ay2wv5junk] { grid-template-columns: 1fr; } .bee-level[b-ay2wv5junk] { min-height: 0; } }
@media (max-width: 900px) { .study-word-grid[b-ay2wv5junk] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .bee-stages[b-ay2wv5junk] { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .study-word-grid[b-ay2wv5junk] { grid-template-columns:1fr; } }
@media (max-width: 520px) { .bee-hero[b-ay2wv5junk] { align-items: flex-start; } .bee-mark[b-ay2wv5junk] { width: 64px; height: 64px; border-radius: 20px; font-size: .82rem; } .bee-timeline[b-ay2wv5junk]::before { left: 0; } .bee-timeline article[b-ay2wv5junk] { grid-template-columns: 1fr; padding-left: 1rem; } .bee-timeline time[b-ay2wv5junk] { justify-self: start; } }
/* _content/GeographyQuest/Components/Features/KnowledgeHub/AnimalDetail.razor.rz.scp.css */
.animal-detail[b-bb3kjqfaox] { max-width: 1000px; margin: 0 auto; padding: 1rem 0 2rem; }
.animal-profile-head[b-bb3kjqfaox] { display: flex; align-items: center; gap: 1.4rem; padding: 1.6rem; color: #fff; background: linear-gradient(125deg, #123b2b, #176b50); border-radius: 12px; }
.animal-profile-head__emoji[b-bb3kjqfaox] { display: grid; flex: 0 0 100px; height: 100px; place-items: center; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.24); border-radius: 24px; font-size: 4.2rem; }
.animal-profile-head h1[b-bb3kjqfaox] { margin: 0; color: #fff !important; font-size: clamp(2rem, 5vw, 3rem); letter-spacing: -.025em; }
.animal-profile-head .gq-eyebrow[b-bb3kjqfaox] { color: #9bedcf !important; }
.animal-profile-head__scientific[b-bb3kjqfaox] { margin: .25rem 0 0; color: rgba(255,255,255,.74); font-style: italic; }
.animal-profile-grid[b-bb3kjqfaox] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, .8fr); gap: 1.4rem; margin-top: 1.4rem; }
.animal-section[b-bb3kjqfaox] { padding: 1.3rem 0; border-bottom: 1px solid var(--gq-border, #dce4e8); }
.animal-section:first-child[b-bb3kjqfaox] { padding-top: 0; }
.animal-section h2[b-bb3kjqfaox] { margin: 0 0 .7rem; font-size: 1.4rem; }
.animal-lead[b-bb3kjqfaox], .animal-feature p:last-child[b-bb3kjqfaox] { margin: 0; font-size: 1.04rem; line-height: 1.72; }
.animal-feature[b-bb3kjqfaox] { display: flex; gap: 1rem; align-items: start; }
.animal-feature > .gq-icon[b-bb3kjqfaox] { flex: 0 0 auto; color: #13795b; }
.animal-feature--fact > .gq-icon[b-bb3kjqfaox] { color: #d28a00; }
.animal-profile-grid aside[b-bb3kjqfaox] { align-self: start; padding: 1.2rem; background: var(--gq-surface, #fff); border: 1px solid var(--gq-border, #dce4e8); border-radius: 10px; }
.animal-profile-grid aside h2[b-bb3kjqfaox] { margin-bottom: 1rem; }
.animal-profile-grid dl[b-bb3kjqfaox] { margin-bottom: 1rem; }
.animal-profile-grid dt[b-bb3kjqfaox] { color: var(--gq-text-muted); font-size: .72rem; text-transform: uppercase; }
.animal-profile-grid dd[b-bb3kjqfaox] { margin-bottom: .85rem; font-weight: 650; }
.related-animals[b-bb3kjqfaox] { margin-top: 2rem; }
.related-animals h2[b-bb3kjqfaox] { font-size: 1.35rem; }
.related-animals > div[b-bb3kjqfaox] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.related-animals a[b-bb3kjqfaox] { display: grid; grid-template-columns: 54px 1fr; align-items: center; gap: .1rem .75rem; padding: .85rem; color: var(--gq-text); text-decoration: none; background: var(--gq-surface); border: 1px solid var(--gq-border, #dce4e8); border-radius: 9px; }
.related-animals a:hover[b-bb3kjqfaox] { border-color: #1a936f; }
.related-animals a > span[b-bb3kjqfaox] { grid-row: 1 / 3; font-size: 2.2rem; }
.related-animals small[b-bb3kjqfaox] { color: var(--gq-text-muted); }
@media (max-width: 720px) { .animal-profile-grid[b-bb3kjqfaox] { grid-template-columns: 1fr; } .related-animals > div[b-bb3kjqfaox] { grid-template-columns: 1fr; } .animal-profile-head__emoji[b-bb3kjqfaox] { flex-basis: 72px; height: 72px; font-size: 3rem; } }
/* _content/GeographyQuest/Components/Features/KnowledgeHub/AnimalWorld.razor.rz.scp.css */
.animal-page[b-52quwb0832] { max-width: 1200px; margin: 0 auto; padding-bottom: 2rem; }
.animal-hero[b-52quwb0832] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); min-height: 315px; overflow: hidden; color: #fff; background: linear-gradient(125deg, #123b2b, #176b50); border-radius: 0 0 18px 18px; }
.animal-hero__copy[b-52quwb0832] { align-self: center; padding: clamp(2rem, 5vw, 4rem); }
.animal-hero__copy .gq-eyebrow[b-52quwb0832] { color: #9bedcf !important; }
.animal-hero__copy h1[b-52quwb0832] { margin: 0 0 .65rem; color: #fff !important; font-size: clamp(2.4rem, 5vw, 4rem); letter-spacing: -.03em; }
.animal-hero__copy > p:not(.gq-eyebrow)[b-52quwb0832] { max-width: 620px; margin-bottom: 1.3rem; color: rgba(255,255,255,.86); font-size: 1.08rem; line-height: 1.6; }
.animal-hero__scene[b-52quwb0832] { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); align-content: center; gap: 1rem; padding: 2rem; background: radial-gradient(circle at center, rgba(255,255,255,.16), transparent 68%); }
.animal-hero__scene span[b-52quwb0832] { display: grid; min-height: 92px; place-items: center; font-size: clamp(3rem, 7vw, 5.5rem); filter: drop-shadow(0 10px 10px rgba(0,0,0,.22)); }
.animal-hero__scene span:nth-child(2)[b-52quwb0832], .animal-hero__scene span:nth-child(5)[b-52quwb0832] { transform: translateY(1.4rem); }
.animal-stats[b-52quwb0832] { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--gq-surface, #fff); border: 1px solid var(--gq-border, #dce4e8); border-top: 0; }
.animal-stats div[b-52quwb0832] { display: flex; gap: .55rem; align-items: baseline; justify-content: center; padding: 1rem; border-right: 1px solid var(--gq-border, #dce4e8); }
.animal-stats div:last-child[b-52quwb0832] { border-right: 0; }
.animal-stats strong[b-52quwb0832] { color: #13795b; font-size: 1.4rem; }
.animal-stats span[b-52quwb0832] { color: var(--gq-text-muted); font-size: .86rem; }
.animal-tools[b-52quwb0832] { display: grid; grid-template-columns: minmax(280px, 1.5fr) minmax(180px, .65fr) minmax(210px, .85fr); gap: .75rem; margin: 1.5rem 0; }
.animal-search[b-52quwb0832] { position: relative; }
.animal-search .gq-icon[b-52quwb0832] { position: absolute; z-index: 1; top: .75rem; left: .85rem; color: var(--gq-text-muted); }
.animal-search input[b-52quwb0832] { padding-left: 2.45rem; }
.animal-results-head[b-52quwb0832] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 1.5rem 0 .85rem; }
.animal-results-head h2[b-52quwb0832] { margin: 0; font-size: 1.4rem; }
.animal-results-head > span[b-52quwb0832] { color: var(--gq-text-muted); font-size: .9rem; }
.animal-grid[b-52quwb0832] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.animal-card[b-52quwb0832] { display: flex; min-height: 340px; flex-direction: column; justify-content: space-between; padding: 1.1rem; color: var(--gq-text); text-decoration: none; background: var(--gq-surface, #fff); border: 1px solid var(--gq-border, #dce4e8); border-radius: 12px; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.animal-card:hover[b-52quwb0832] { transform: translateY(-3px); color: var(--gq-text); border-color: #1a936f; box-shadow: 0 10px 28px rgba(17, 68, 51, .12); }
.animal-card__top[b-52quwb0832] { display: flex; align-items: start; justify-content: space-between; gap: .5rem; margin-bottom: .75rem; }
.animal-card__emoji[b-52quwb0832] { display: grid; width: 70px; height: 70px; place-items: center; background: #eaf8f1; border-radius: 18px; font-size: 2.8rem; }
.animal-card__group[b-52quwb0832] { padding: .28rem .5rem; color: #176b50; background: #e4f5ed; border-radius: 999px; font-size: .72rem; font-weight: 700; }
.animal-card h3[b-52quwb0832] { margin: 0; color: var(--gq-text) !important; font-size: 1.2rem; }
.animal-card__scientific[b-52quwb0832] { margin: .15rem 0 .65rem; color: var(--gq-text-muted); font-size: .78rem; font-style: italic; }
.animal-card__tags[b-52quwb0832] { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .75rem; }
.animal-card__tags span[b-52quwb0832] { padding: .25rem .42rem; color: #415b67; background: #f1f5f7; border-radius: 4px; font-size: .72rem; }
.animal-card__summary[b-52quwb0832] { display: -webkit-box; overflow: hidden; margin: 0; font-size: .88rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.animal-card__more[b-52quwb0832] { display: flex; align-items: center; gap: .3rem; margin-top: 1rem; color: #13795b; font-size: .82rem; font-weight: 700; }
@media (max-width: 900px) { .animal-grid[b-52quwb0832] { grid-template-columns: repeat(2, 1fr); } .animal-hero[b-52quwb0832] { grid-template-columns: 1fr; } .animal-hero__scene[b-52quwb0832] { display: none; } }
@media (max-width: 700px) { .animal-tools[b-52quwb0832] { grid-template-columns: 1fr 1fr; } .animal-search[b-52quwb0832] { grid-column: 1 / -1; } .animal-stats span[b-52quwb0832] { display: none; } }
@media (max-width: 520px) { .animal-hero__copy[b-52quwb0832] { padding: 2rem 1.25rem; } .animal-tools[b-52quwb0832], .animal-grid[b-52quwb0832] { grid-template-columns: 1fr; } .animal-search[b-52quwb0832] { grid-column: auto; } .animal-card[b-52quwb0832] { min-height: 310px; } }
/* _content/GeographyQuest/Components/Features/KnowledgeHub/ReadingLibrary.razor.rz.scp.css */
.reading-library[b-1dpshg87ma] { max-width: 1220px; margin: 0 auto; padding: .5rem 0 3rem; }
.library-hero[b-1dpshg87ma] { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.25rem; }
.library-hero h1[b-1dpshg87ma] { font-size: clamp(2rem, 4vw, 2.65rem); margin: 0 0 .3rem; }
.library-hero p:last-child[b-1dpshg87ma] { color: #607589; margin: 0; }
.library-eyebrow[b-1dpshg87ma] { color: #7b52c4; font-size: .74rem; font-weight: 800; letter-spacing: .09em; margin: 0 0 .25rem; text-transform: uppercase; }
.library-loading[b-1dpshg87ma] { display: grid; place-content: center; justify-items: center; gap: 1rem; min-height: 300px; color: #607589; }
.library-toolbar[b-1dpshg87ma] { align-items: end; background: #fff; border: 1px solid #dce5eb; border-radius: 14px; display: flex; gap: .8rem; margin-bottom: .8rem; padding: .8rem; }
.search-box[b-1dpshg87ma] { align-items: center; border: 1px solid #cbd7df; border-radius: 9px; display: flex; flex: 1; gap: .5rem; min-width: 180px; padding: 0 .7rem; }
.search-box input[b-1dpshg87ma] { border: 0; min-width: 0; outline: none; padding: .55rem 0; width: 100%; }
.library-toolbar label[b-1dpshg87ma] { color: #52697d; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.library-toolbar select[b-1dpshg87ma] { min-width: 135px; }
.library-count[b-1dpshg87ma] { color: #6b7f91; font-size: .8rem; padding-bottom: .55rem; white-space: nowrap; }
.library-layout[b-1dpshg87ma] { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: .8rem; align-items: start; }
.book-list[b-1dpshg87ma] { display: grid; gap: .5rem; max-height: calc(100vh - 220px); overflow-y: auto; padding-right: .2rem; }
.book-card[b-1dpshg87ma] { align-items: stretch; background: #fff; border: 1px solid #dce5eb; border-radius: 11px; color: #263e52; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; min-width: 0; overflow: hidden; text-decoration: none; }
.book-card:hover[b-1dpshg87ma] { border-color: #9b82cc; box-shadow: 0 5px 15px rgba(45, 43, 76, .08); }
.book-card.is-active[b-1dpshg87ma] { border-color: #8261c2; box-shadow: 0 0 0 2px rgba(130, 97, 194, .12); }
.book-spine[b-1dpshg87ma] { align-items: center; background: #ddf2ef; color: #087970; display: flex; justify-content: center; }
.book-spine.year-2[b-1dpshg87ma], .book-spine.year-5[b-1dpshg87ma] { background: #fff0dc; color: #a96b11; }
.book-spine.year-3[b-1dpshg87ma], .book-spine.year-6[b-1dpshg87ma] { background: #eee8fa; color: #7653b5; }
.book-card > div:nth-child(2)[b-1dpshg87ma] { display: grid; min-width: 0; padding: .65rem; }
.book-card span:first-child[b-1dpshg87ma] { color: #718395; font-size: .66rem; font-weight: 700; text-transform: uppercase; }
.book-card strong[b-1dpshg87ma] { font-size: .88rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.book-card small[b-1dpshg87ma] { color: #82909d; font-size: .7rem; }
.read-score[b-1dpshg87ma] { align-self: center; background: #e5f5eb; border-radius: 999px; color: #287b45; font-size: .68rem; font-weight: 800; margin-right: .5rem; padding: .22rem .4rem; }
.no-books[b-1dpshg87ma] { color: #718496; padding: 2rem 1rem; text-align: center; }
.reader-panel[b-1dpshg87ma] { background: #fff; border: 1px solid #dce5eb; border-radius: 16px; box-shadow: 0 8px 26px rgba(27, 52, 73, .06); min-width: 0; overflow: hidden; }
.reader-heading[b-1dpshg87ma] { align-items: flex-start; background: linear-gradient(120deg, #f5f0ff, #edf8f6); display: flex; justify-content: space-between; gap: 1rem; padding: clamp(1rem, 3vw, 1.5rem); }
.reader-heading span:first-child[b-1dpshg87ma] { color: #7250b2; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.reader-heading h2[b-1dpshg87ma] { font-size: 1.65rem; margin: .18rem 0 .25rem; }
.reader-heading p[b-1dpshg87ma] { color: #627689; margin: 0; }
.reader-result[b-1dpshg87ma] { background: #fff; border-radius: 10px; display: grid; flex: 0 0 auto; justify-items: center; min-width: 100px; padding: .6rem; }
.reader-result small[b-1dpshg87ma], .reader-result span[b-1dpshg87ma] { color: #748697; font-size: .67rem; }
.reader-result strong[b-1dpshg87ma] { color: #237d58; font-size: 1.3rem; }
.reader-controls[b-1dpshg87ma] { align-items: center; border-bottom: 1px solid #e3eaef; display: flex; flex-wrap: wrap; gap: .5rem; padding: .75rem 1.2rem; }
.reader-controls > label[b-1dpshg87ma] { align-items: center; color: #607487; display: flex; font-size: .72rem; font-weight: 700; gap: .35rem; margin-left: .3rem; }
.font-controls[b-1dpshg87ma] { align-items: center; display: flex; gap: .25rem; margin-left: auto; }
.font-controls span[b-1dpshg87ma] { color: #607487; font-size: .72rem; margin-right: .2rem; }
.font-controls button[b-1dpshg87ma] { background: #f2f5f7; border: 1px solid #d5dfe6; border-radius: 6px; color: #334d61; font-weight: 800; padding: .25rem .45rem; }
.passage-text[b-1dpshg87ma] { color: #263d51; font-family: Georgia, 'Times New Roman', serif; line-height: 1.85; margin: 0 auto; max-width: 760px; padding: clamp(1.4rem, 5vw, 3rem); }
.reading-sentence[b-1dpshg87ma] { display:inline; padding:.08rem .12rem; border:0; border-radius:.25rem; color:inherit; background:transparent; font:inherit; line-height:inherit; text-align:left; }.reading-sentence:hover[b-1dpshg87ma],.reading-sentence:focus-visible[b-1dpshg87ma] { background:#fff1a8; outline:2px solid transparent; }.reading-sentence.highlighted[b-1dpshg87ma] { background:#ffe477; }
.vocabulary-box[b-1dpshg87ma] { margin:0 1.2rem 1.2rem; padding:.8rem 1rem; border:1px solid #d8ccef; border-radius:10px; background:#faf7ff; }.vocabulary-box summary[b-1dpshg87ma] { cursor:pointer; color:#6849a1; font-weight:800; }.vocabulary-box dl[b-1dpshg87ma] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; margin:.8rem 0 0; }.vocabulary-box dl div[b-1dpshg87ma] { padding:.55rem; border-radius:7px; background:#fff; }.vocabulary-box dt[b-1dpshg87ma] { color:#604092; }.vocabulary-box dd[b-1dpshg87ma] { margin:0; color:#5c7080; font-size:.82rem; }
.reader-footer[b-1dpshg87ma] { align-items: center; background: #f6f9fa; border-top: 1px solid #e3eaef; display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; }
.reader-footer div[b-1dpshg87ma] { display: grid; }
.reader-footer span[b-1dpshg87ma] { color: #708294; font-size: .77rem; }
@media (max-width: 830px) { .library-layout[b-1dpshg87ma] { grid-template-columns: 1fr; } .book-list[b-1dpshg87ma] { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 330px; } }
@media (max-width: 570px) { .library-toolbar[b-1dpshg87ma] { align-items: stretch; flex-direction: column; } .book-list[b-1dpshg87ma] { grid-template-columns: 1fr; } .reader-heading[b-1dpshg87ma], .reader-footer[b-1dpshg87ma] { flex-direction: column; } .reader-result[b-1dpshg87ma] { align-self: stretch; display: flex; justify-content: space-between; align-items: center; } .font-controls[b-1dpshg87ma] { margin-left: 0; width: 100%; } .vocabulary-box dl[b-1dpshg87ma] { grid-template-columns:1fr; } }
/* _content/GeographyQuest/Components/Features/KnowledgeHub/ScienceEncyclopedia.razor.rz.scp.css */
.science-page[b-71ro27fc2m] {
    max-width: 1240px;
    margin: 0 auto;
    padding-bottom: 2rem;
}

.science-hero[b-71ro27fc2m] {
    position: relative;
    min-height: 340px;
    overflow: hidden;
    background: #102a3d;
    color: #fff;
}

.science-hero img[b-71ro27fc2m],
.science-hero-shade[b-71ro27fc2m] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.science-hero img[b-71ro27fc2m] { object-fit: cover; }

.science-hero-shade[b-71ro27fc2m] {
    background: linear-gradient(90deg, rgba(6, 20, 30, .94) 0%, rgba(6, 20, 30, .72) 42%, rgba(6, 20, 30, .08) 76%);
}

.science-hero-copy[b-71ro27fc2m] {
    position: relative;
    z-index: 1;
    width: min(560px, 82%);
    padding: clamp(2rem, 6vw, 4.5rem);
}

.science-hero-copy h1[b-71ro27fc2m] {
    margin: 0 0 .65rem;
    color: #fff !important;
    font-size: clamp(2.15rem, 4vw, 3.5rem);
    line-height: 1.02;
    letter-spacing: 0;
}

.science-hero-copy .gq-eyebrow[b-71ro27fc2m] { color: #66e0bb !important; }

.science-hero-copy p:not(.gq-eyebrow)[b-71ro27fc2m] {
    max-width: 490px;
    margin-bottom: 1.25rem;
    color: rgba(255,255,255,.86);
    font-size: 1.05rem;
}

.science-intro[b-71ro27fc2m] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--gq-border, #dce4e8);
    border-top: 0;
    background: var(--gq-surface, #fff);
}

.science-intro div[b-71ro27fc2m] {
    display: flex;
    gap: .55rem;
    align-items: baseline;
    justify-content: center;
    padding: 1rem;
    border-right: 1px solid var(--gq-border, #dce4e8);
}

.science-intro div:last-child[b-71ro27fc2m] { border-right: 0; }
.science-intro strong[b-71ro27fc2m] { font-size: 1.35rem; color: var(--gq-primary); }
.science-intro span[b-71ro27fc2m] { color: var(--gq-text-muted); font-size: .86rem; }

.science-tools[b-71ro27fc2m] {
    display: grid;
    grid-template-columns: minmax(280px, 1.5fr) minmax(170px, .6fr) minmax(210px, .9fr);
    gap: .75rem;
    margin: 1.5rem 0;
}

.science-search[b-71ro27fc2m] { position: relative; }
.science-search .gq-icon[b-71ro27fc2m] { position: absolute; z-index: 1; left: .85rem; top: .75rem; color: var(--gq-text-muted); }
.science-search input[b-71ro27fc2m] { padding-left: 2.45rem; }

.science-results-head[b-71ro27fc2m] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    margin: 1.5rem 0 .85rem;
}

.science-results-head h2[b-71ro27fc2m] { margin: 0; font-size: 1.35rem; }
.science-results-head > span[b-71ro27fc2m] { color: var(--gq-text-muted); font-size: .9rem; }

.scientist-grid[b-71ro27fc2m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.scientist-card[b-71ro27fc2m] {
    display: flex;
    min-height: 255px;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
    border: 1px solid var(--gq-border, #dce4e8);
    border-top: 3px solid #12a37f;
    border-radius: 6px;
    background: var(--gq-surface, #fff);
    color: var(--gq-text);
    text-decoration: none;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.scientist-card:hover[b-71ro27fc2m] {
    transform: translateY(-2px);
    border-color: #12a37f;
    box-shadow: 0 8px 24px rgba(16, 42, 61, .1);
}

.scientist-card-top[b-71ro27fc2m] { display: flex; justify-content: space-between; align-items: start; gap: .5rem; }
.scientist-initials[b-71ro27fc2m] { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #e4f7f1; color: #087f5b; font-weight: 800; }
.scientist-era[b-71ro27fc2m] { padding: .25rem .45rem; border-radius: 4px; background: #fff4d6; color: #7a5200; font-size: .72rem; font-weight: 700; }
.scientist-years[b-71ro27fc2m] { margin: .9rem 0 .2rem; color: var(--gq-primary); font-size: .78rem; font-weight: 700; }
.scientist-card h3[b-71ro27fc2m] { margin: 0 0 .15rem; color: var(--gq-text) !important; font-size: 1.05rem; }
.scientist-field[b-71ro27fc2m] { margin-bottom: .55rem; color: var(--gq-text-muted); font-size: .8rem; }
.scientist-known[b-71ro27fc2m] { display: -webkit-box; overflow: hidden; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: .88rem; line-height: 1.45; }
.scientist-more[b-71ro27fc2m] { display: flex; align-items: center; gap: .3rem; margin-top: .8rem; color: var(--gq-primary); font-size: .8rem; font-weight: 700; }

@media (max-width: 1050px) { .scientist-grid[b-71ro27fc2m] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 780px) {
    .science-hero[b-71ro27fc2m] { min-height: 320px; }
    .science-hero-shade[b-71ro27fc2m] { background: linear-gradient(90deg, rgba(6,20,30,.9), rgba(6,20,30,.48)); }
    .science-tools[b-71ro27fc2m] { grid-template-columns: 1fr 1fr; }
    .science-search[b-71ro27fc2m] { grid-column: 1 / -1; }
    .scientist-grid[b-71ro27fc2m] { grid-template-columns: repeat(2, 1fr); }
    .science-intro span[b-71ro27fc2m] { display: none; }
}

@media (max-width: 520px) {
    .science-hero-copy[b-71ro27fc2m] { width: 100%; padding: 2rem 1.25rem; }
    .science-intro div[b-71ro27fc2m] { padding: .75rem .35rem; }
    .science-tools[b-71ro27fc2m], .scientist-grid[b-71ro27fc2m] { grid-template-columns: 1fr; }
    .science-search[b-71ro27fc2m] { grid-column: auto; }
}
/* _content/GeographyQuest/Components/Features/KnowledgeHub/ScientistDetail.razor.rz.scp.css */
.scientist-detail-wrap[b-t172t8u4ze] { max-width: 1000px; margin: 0 auto; padding: 1rem 0 2rem; }
.scientist-profile-head[b-t172t8u4ze] { display: flex; align-items: center; gap: 1.25rem; padding: 1.6rem; border-left: 5px solid #12a37f; background: #102a3d; color: #fff; }
.scientist-profile-mark[b-t172t8u4ze] { display: grid; flex: 0 0 78px; height: 78px; place-items: center; border-radius: 50%; background: #ffd166; color: #102a3d; font-size: 1.5rem; font-weight: 800; }
.scientist-profile-head h1[b-t172t8u4ze] { margin: 0; color: #fff !important; font-size: 2.25rem; letter-spacing: 0; }
.scientist-profile-head .gq-eyebrow[b-t172t8u4ze] { color: #55d6ae; }
.scientist-profile-head p:last-child[b-t172t8u4ze] { margin: .25rem 0 0; color: rgba(255,255,255,.72); }
.scientist-profile-grid[b-t172t8u4ze] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(230px, .8fr); gap: 1.25rem; margin-top: 1.25rem; }
.scientist-section[b-t172t8u4ze] { padding: 1.25rem 0; border-bottom: 1px solid var(--gq-border, #dce4e8); }
.scientist-section:first-child[b-t172t8u4ze] { padding-top: 0; }
.scientist-section h2[b-t172t8u4ze] { margin: 0 0 .7rem; font-size: 1.35rem; }
.scientist-lead[b-t172t8u4ze] { margin-bottom: 1rem; font-size: 1.08rem; line-height: 1.7; }
.scientist-narrative[b-t172t8u4ze] { margin-bottom: .85rem; line-height: 1.68; }
.scientist-narrative:last-child[b-t172t8u4ze] { margin-bottom: 0; }
.scientist-discovery[b-t172t8u4ze], .scientist-fact[b-t172t8u4ze] { display: flex; gap: 1rem; align-items: start; }
.scientist-discovery > .gq-icon[b-t172t8u4ze] { flex: 0 0 auto; color: var(--gq-warning); }
.scientist-discovery > div[b-t172t8u4ze] { min-width: 0; }
.scientist-fact .gq-icon[b-t172t8u4ze] { color: var(--gq-primary); }
.scientist-fact p[b-t172t8u4ze] { margin: .25rem 0 0; }
aside[b-t172t8u4ze] { align-self: start; padding: 1.15rem; border: 1px solid var(--gq-border, #dce4e8); border-radius: 6px; background: var(--gq-surface, #fff); }
aside dl[b-t172t8u4ze] { margin: 0 0 1rem; }
aside dt[b-t172t8u4ze] { color: var(--gq-text-muted); font-size: .72rem; text-transform: uppercase; }
aside dd[b-t172t8u4ze] { margin-bottom: .85rem; font-weight: 600; }
.related-scientists[b-t172t8u4ze] { margin-top: 2rem; }
.related-scientists h2[b-t172t8u4ze] { font-size: 1.3rem; }
.related-scientists > div[b-t172t8u4ze] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.related-scientists a[b-t172t8u4ze] { display: flex; flex-direction: column; gap: .3rem; padding: .9rem; border: 1px solid var(--gq-border, #dce4e8); border-radius: 6px; background: var(--gq-surface); color: var(--gq-text); text-decoration: none; }
.related-scientists a:hover[b-t172t8u4ze] { border-color: #12a37f; }
.related-scientists strong[b-t172t8u4ze] { color: var(--gq-text); }
.related-scientists span[b-t172t8u4ze] { color: var(--gq-text-muted); font-size: .82rem; }
@media (max-width: 700px) { .scientist-profile-grid[b-t172t8u4ze] { grid-template-columns: 1fr; } .related-scientists > div[b-t172t8u4ze] { grid-template-columns: 1fr; } .scientist-profile-head h1[b-t172t8u4ze] { font-size: 1.65rem; } }
/* _content/GeographyQuest/Components/Features/KnowledgeHub/VirtualScienceExperiments.razor.rz.scp.css */
.virtual-lab[b-a8dyplrnkf] { max-width: 1220px; margin: 0 auto; padding: .5rem 0 3rem; }
.lab-hero[b-a8dyplrnkf] { align-items: center; background: linear-gradient(120deg, #173d5a, #126c75); border-radius: 18px; color: #fff; display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; padding: clamp(1.2rem, 4vw, 2rem); }
.lab-hero h1[b-a8dyplrnkf] { font-size: clamp(2rem, 4vw, 2.7rem); margin: 0 0 .35rem; }.lab-hero p:last-child[b-a8dyplrnkf] { color: #d6e8ec; margin: 0; max-width: 760px; }
.lab-eyebrow[b-a8dyplrnkf] { color: #87dfd2; font-size: .74rem; font-weight: 800; letter-spacing: .1em; margin: 0 0 .25rem; text-transform: uppercase; }
.lab-badge[b-a8dyplrnkf] { align-items: center; background: #ffffff18; border: 1px solid #ffffff33; border-radius: 13px; display: flex; flex: 0 0 auto; gap: .5rem; padding: .75rem; }
.lab-badge span[b-a8dyplrnkf] { font-size: .78rem; font-weight: 800; }.lab-layout[b-a8dyplrnkf] { align-items: start; display: grid; gap: .8rem; grid-template-columns: 235px minmax(0, 1fr); }
.experiment-menu[b-a8dyplrnkf] { background: #fff; border: 1px solid #dce5eb; border-radius: 14px; display: grid; gap: .35rem; padding: .6rem; position: sticky; top: 1rem; }
.experiment-menu > a:not(.encyclopedia-link)[b-a8dyplrnkf] { border: 1px solid transparent; border-radius: 9px; color: #294256; display: grid; padding: .7rem; text-decoration: none; }
.experiment-menu > a:hover[b-a8dyplrnkf] { background: #f1f7f7; }.experiment-menu > a.is-active[b-a8dyplrnkf] { background: #e8f6f4; border-color: #acdcd6; color: #06746c; }
.experiment-menu span[b-a8dyplrnkf] { color: #718595; font-size: .67rem; font-weight: 800; text-transform: uppercase; }.experiment-menu strong[b-a8dyplrnkf] { font-size: .84rem; }
.encyclopedia-link[b-a8dyplrnkf] { align-items: center; border-top: 1px solid #e3eaee; color: #4e687c; display: flex; font-size: .8rem; gap: .35rem; margin-top: .3rem; padding: .8rem .65rem .3rem; text-decoration: none; }
.experiment-panel[b-a8dyplrnkf] { background: #fff; border: 1px solid #dce5eb; border-radius: 16px; box-shadow: 0 8px 25px rgba(22, 49, 69, .06); min-width: 0; padding: clamp(1rem, 3vw, 1.5rem); }
.experiment-heading[b-a8dyplrnkf] { align-items: flex-start; display: flex; justify-content: space-between; gap: 1rem; }.experiment-heading > .gq-icon[b-a8dyplrnkf] { color: #0d8b80; flex: 0 0 auto; }.experiment-actions[b-a8dyplrnkf] { align-items: center; display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .4rem; justify-content: flex-end; }.experiment-actions .gq-icon[b-a8dyplrnkf] { color: #0d8b80; margin-left: .3rem; }
.experiment-heading span[b-a8dyplrnkf] { color: #087e75; font-size: .72rem; font-weight: 800; text-transform: uppercase; }.experiment-heading h2[b-a8dyplrnkf] { font-size: 1.45rem; margin: .15rem 0 .2rem; }.experiment-heading p[b-a8dyplrnkf] { color: #657a8b; margin: 0; }
.inquiry-question[b-a8dyplrnkf] { background: #eef4ff; border-left: 4px solid #4a75c4; border-radius: 9px; display: grid; gap: .2rem; margin: 1rem 0; padding: .85rem; }.inquiry-question small[b-a8dyplrnkf] { color: #57709a; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.experiment-flow[b-a8dyplrnkf] { display: grid; gap: .7rem; }.lab-step[b-a8dyplrnkf] { background: #f8fafb; border: 1px solid #e1e8ec; border-radius: 12px; display: flex; gap: .8rem; padding: 1rem; }.step-number[b-a8dyplrnkf] { background: #0c887e; border-radius: 50%; color: #fff; display: grid; flex: 0 0 2rem; font-size: .8rem; font-weight: 800; height: 2rem; place-items: center; }
.lab-step h3[b-a8dyplrnkf] { font-size: 1rem; margin: .1rem 0 .2rem; }.lab-step p[b-a8dyplrnkf] { color: #6c7f8e; font-size: .84rem; margin: 0 0 .7rem; }.lab-step textarea[b-a8dyplrnkf] { background: #fff; }
.variable-grid[b-a8dyplrnkf] { display: grid; gap: .65rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }.variable-control[b-a8dyplrnkf], .switch-variable[b-a8dyplrnkf], .fixed-variable[b-a8dyplrnkf] { background: #fff; border: 1px solid #dbe4e9; border-radius: 9px; display: grid; gap: .35rem; padding: .7rem; }
.variable-control span[b-a8dyplrnkf], .switch-variable span[b-a8dyplrnkf], .fixed-variable span[b-a8dyplrnkf] { color: #617789; font-size: .68rem; font-weight: 800; text-transform: uppercase; }.variable-control strong[b-a8dyplrnkf], .fixed-variable strong[b-a8dyplrnkf] { color: #244054; font-size: .88rem; }
.simulation-stage[b-a8dyplrnkf] { align-items: center; background: linear-gradient(#edf7fb, #f8fbf8); border: 1px solid #cfdee5; border-radius: 12px; display: flex; justify-content: center; min-height: 245px; overflow: hidden; position: relative; }
.run-button[b-a8dyplrnkf] { margin-top: .7rem; }.prediction-warning[b-a8dyplrnkf] { color: #a43b2d !important; font-weight: 700; margin: .6rem 0 0 !important; }
.plant-sim[b-a8dyplrnkf], .pendulum-sim[b-a8dyplrnkf], .circuit-sim[b-a8dyplrnkf], .dissolve-sim[b-a8dyplrnkf], .shadow-sim[b-a8dyplrnkf] { align-items: center; display: flex; height: 230px; justify-content: center; position: relative; width: 100%; }.plant-sim .soil[b-a8dyplrnkf] { background: #806043; bottom: 0; height: 45px; left: 0; position: absolute; right: 0; }.plant-sim .sun[b-a8dyplrnkf] { color: #efad1e; font-size: 2.5rem; position: absolute; right: 12%; top: 15px; }.plant[b-a8dyplrnkf] { background: #408653; bottom: 42px; position: absolute; transition: height .4s ease; width: 9px; }.plant > i[b-a8dyplrnkf] { background: #7a5536; bottom: 0; height: 25px; left: -20px; position: absolute; width: 50px; }.plant > b[b-a8dyplrnkf] { background: #49a664; border-radius: 100% 0; height: 30px; position: absolute; top: 25%; width: 45px; }.plant > b:first-of-type[b-a8dyplrnkf] { right: 4px; transform: rotate(-15deg); }.plant > b:last-of-type[b-a8dyplrnkf] { left: 4px; top: 48%; transform: rotate(165deg); }.plant-sim > span[b-a8dyplrnkf], .pendulum-sim > span[b-a8dyplrnkf], .circuit-sim > span[b-a8dyplrnkf], .dissolve-sim > span[b-a8dyplrnkf], .shadow-sim > span[b-a8dyplrnkf] { background: #ffffffcc; border-radius: 999px; bottom: 8px; font-size: .72rem; font-weight: 800; padding: .3rem .55rem; position: absolute; }
.pendulum-sim[b-a8dyplrnkf] { align-items: flex-start; }.pendulum-line[b-a8dyplrnkf] { border-left: 3px solid #475e70; position: relative; transform: rotate(13deg); transform-origin: top; }.pendulum-line i[b-a8dyplrnkf] { background: #6951a5; border-radius: 50%; bottom: -18px; height: 36px; left: -19px; position: absolute; width: 36px; }
.circuit-sim[b-a8dyplrnkf] { gap: 1rem; }.battery-pack[b-a8dyplrnkf], .bulb-pack[b-a8dyplrnkf] { display: flex; gap: .45rem; }.battery-pack i[b-a8dyplrnkf] { background: #3e6e9f; border-radius: 5px; color: #fff; font-style: normal; padding: .5rem; }.bulb-pack i[b-a8dyplrnkf] { font-size: 2.2rem; font-style: normal; transition: opacity .3s ease; }.wire[b-a8dyplrnkf] { border: 4px solid #bf684b; border-left: 0; border-radius: 0 35px 35px 0; height: 75px; width: 75px; }
.beaker[b-a8dyplrnkf] { border: 4px solid #627f92; border-top: 0; height: 155px; overflow: hidden; position: relative; width: 125px; }.beaker > span[b-a8dyplrnkf] { background: #76c9e466; bottom: 0; left: 0; position: absolute; right: 0; transition: height .3s ease; }.beaker b[b-a8dyplrnkf] { background: #eee0aa; border-radius: 50%; height: 7px; position: absolute; width: 7px; }.thermometer[b-a8dyplrnkf] { color: #c74e3d; font-style: normal; font-weight: 800; margin-left: 1rem; }
.shadow-sim[b-a8dyplrnkf] { align-items: flex-end; background: linear-gradient(#ddecf6, #edf0d0); }.light-source[b-a8dyplrnkf] { color: #e5a61b; font-size: 2.6rem; left: 9%; position: absolute; }.shadow-sim .object[b-a8dyplrnkf] { background: #375166; bottom: 35px; left: 52%; position: absolute; width: 18px; }.shadow-sim .shadow[b-a8dyplrnkf] { background: #37485855; bottom: 35px; height: 13px; left: calc(52% + 18px); position: absolute; transform: skewX(-35deg); transform-origin: left; }
.observation-card[b-a8dyplrnkf] { align-items: center; background: #edf8f1; border: 1px solid #bfe0cb; border-radius: 13px; display: grid; gap: 1rem; grid-template-columns: 180px 1fr; margin-top: 1rem; padding: 1rem; }.observation-result[b-a8dyplrnkf] { background: #fff; border-radius: 10px; display: grid; padding: .8rem; text-align: center; }.observation-result small[b-a8dyplrnkf] { color: #668173; font-size: .68rem; font-weight: 800; text-transform: uppercase; }.observation-result strong[b-a8dyplrnkf] { color: #19724a; font-size: 1.5rem; }.observation-card h3[b-a8dyplrnkf], .observation-card h4[b-a8dyplrnkf] { font-size: .9rem; margin: 0 0 .2rem; }.observation-card h4[b-a8dyplrnkf] { margin-top: .6rem; }.observation-card p[b-a8dyplrnkf] { color: #526e60; margin: 0; }
.trial-table[b-a8dyplrnkf] { border: 1px solid #dfe7eb; border-radius: 12px; margin-top: 1rem; overflow: hidden; }.trial-heading[b-a8dyplrnkf] { align-items: center; display: flex; justify-content: space-between; padding: .85rem; }.trial-heading h3[b-a8dyplrnkf] { font-size: 1rem; margin: 0; }.trial-heading p[b-a8dyplrnkf] { color: #6e8190; font-size: .78rem; margin: .15rem 0 0; }.trial-table table[b-a8dyplrnkf] { font-size: .8rem; }.trial-table th[b-a8dyplrnkf] { color: #677c8d; font-size: .68rem; text-transform: uppercase; }
.result-chart[b-a8dyplrnkf] { display:flex; align-items:flex-end; gap:.55rem; height:150px; margin:0 .85rem .85rem; padding:.5rem .7rem 0; border-bottom:2px solid #9badb7; background:linear-gradient(#f7fafb,#fff); overflow-x:auto; }.result-chart>div[b-a8dyplrnkf] { display:grid; grid-template-rows:auto 1fr auto; justify-items:center; align-items:end; min-width:54px; height:100%; }.result-chart span[b-a8dyplrnkf] { color:#5c7180; font-size:.62rem; }.result-chart i[b-a8dyplrnkf] { display:block; width:30px; min-height:8px; border-radius:5px 5px 0 0; background:linear-gradient(#32b8a7,#087e75); }.result-chart small[b-a8dyplrnkf] { padding:.2rem; font-weight:800; }
.conclusion-card[b-a8dyplrnkf] { display: grid; gap: .65rem; margin-top: 1rem; padding: 1rem; border: 1px solid #b9ddcf; border-radius: 12px; background: #f0faf5; }
.conclusion-card label[b-a8dyplrnkf] { display: grid; gap: .15rem; }.conclusion-card label span[b-a8dyplrnkf] { color: #61796e; font-size: .8rem; }.conclusion-card .btn[b-a8dyplrnkf] { justify-self: start; }
.safety-note[b-a8dyplrnkf] { align-items: flex-start; background: #fff8df; border-radius: 10px; color: #6c5816; display: flex; font-size: .8rem; gap: .45rem; margin-top: 1rem; padding: .75rem; }.safety-note .gq-icon[b-a8dyplrnkf] { flex: 0 0 auto; }
@media (max-width: 800px) { .lab-layout[b-a8dyplrnkf] { grid-template-columns: 1fr; }.experiment-menu[b-a8dyplrnkf] { display: flex; overflow-x: auto; position: static; }.experiment-menu > a[b-a8dyplrnkf] { min-width: 180px; }.variable-grid[b-a8dyplrnkf] { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .lab-hero[b-a8dyplrnkf] { align-items: flex-start; flex-direction: column; }.lab-badge[b-a8dyplrnkf] { align-self: stretch; }.experiment-heading[b-a8dyplrnkf] { flex-direction: column; }.experiment-actions[b-a8dyplrnkf] { justify-content: flex-start; }.variable-grid[b-a8dyplrnkf], .observation-card[b-a8dyplrnkf] { grid-template-columns: 1fr; }.lab-step[b-a8dyplrnkf] { padding: .75rem; }.observation-result[b-a8dyplrnkf] { text-align: left; } }
/* _content/GeographyQuest/Components/Features/Lessons/LessonLibrary.razor.rz.scp.css */
.lesson-page[b-2cxq0zo8xt] { max-width: 1240px; margin: 0 auto; }
.lesson-page__header[b-2cxq0zo8xt] { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem; }
.lesson-page__header h1[b-2cxq0zo8xt] { margin: 0 0 .35rem; font-size: clamp(1.75rem, 3vw, 2.35rem); }
.lesson-page__header p:last-child[b-2cxq0zo8xt] { margin: 0; color: var(--gq-text-muted); }

.lesson-layout[b-2cxq0zo8xt] { display: grid; grid-template-columns: minmax(230px, 290px) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.lesson-catalogue[b-2cxq0zo8xt], .lesson-content[b-2cxq0zo8xt] { border: 1px solid var(--gq-border); background: var(--gq-surface); border-radius: 10px; box-shadow: var(--gq-shadow); }
.lesson-catalogue[b-2cxq0zo8xt] { position: sticky; top: 1rem; max-height: calc(100dvh - 7rem); overflow-y: auto; }
.lesson-catalogue__heading[b-2cxq0zo8xt] { display: flex; justify-content: space-between; padding: 1rem; border-bottom: 1px solid var(--gq-border); font-size: .78rem; color: var(--gq-text-muted); text-transform: uppercase; letter-spacing: .05em; }
.lesson-catalogue nav[b-2cxq0zo8xt] { padding: .45rem; }
.lesson-catalogue a[b-2cxq0zo8xt] { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr); gap: .65rem; padding: .75rem; color: var(--gq-text); border-radius: 7px; text-decoration: none; }
.lesson-catalogue a:hover[b-2cxq0zo8xt] { color: var(--gq-text); background: var(--gq-sidebar-hover); }
.lesson-catalogue a.is-active[b-2cxq0zo8xt] { color: var(--gq-primary); background: color-mix(in srgb, var(--gq-primary) 10%, var(--gq-surface)); }
.lesson-catalogue__number[b-2cxq0zo8xt] { width: 1.65rem; height: 1.65rem; display: grid; place-items: center; border: 1px solid var(--gq-border); border-radius: 50%; font-size: .75rem; font-weight: 750; }
.lesson-catalogue a.is-active .lesson-catalogue__number[b-2cxq0zo8xt] { color: #fff; border-color: var(--gq-primary); background: var(--gq-primary); }
.lesson-catalogue a span:last-child[b-2cxq0zo8xt] { display: grid; min-width: 0; gap: .25rem; }
.lesson-catalogue small[b-2cxq0zo8xt] { display: -webkit-box; overflow: hidden; color: var(--gq-text-muted); font-size: .72rem; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.lesson-content[b-2cxq0zo8xt] { padding: clamp(1.1rem, 3vw, 2rem); }
.lesson-content__topline[b-2cxq0zo8xt] { display: flex; justify-content: space-between; margin-bottom: 1.25rem; color: var(--gq-text-muted); font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.lesson-content__title[b-2cxq0zo8xt] { display: flex; gap: .85rem; align-items: flex-start; padding-bottom: 1.4rem; border-bottom: 1px solid var(--gq-border); }
.lesson-content__title h2[b-2cxq0zo8xt] { margin: 0 0 .3rem; font-size: clamp(1.55rem, 3vw, 2rem); }
.lesson-content__title p[b-2cxq0zo8xt] { margin: 0; color: var(--gq-text-muted); line-height: 1.6; }
.lesson-section[b-2cxq0zo8xt] { padding: 1.5rem 0; border-bottom: 1px solid var(--gq-border); }
.lesson-section h3[b-2cxq0zo8xt] { margin-bottom: .45rem; font-size: 1.18rem; }
.lesson-section > p[b-2cxq0zo8xt] { color: var(--gq-text-muted); line-height: 1.65; }
.worked-examples[b-2cxq0zo8xt] { margin-top: 1rem; padding: 1rem 1.1rem; border-left: 4px solid #d69c21; background: color-mix(in srgb, #d69c21 9%, var(--gq-surface)); border-radius: 6px; }
.worked-examples > strong[b-2cxq0zo8xt] { display: flex; align-items: center; gap: .45rem; color: var(--gq-text); }
.worked-examples ul[b-2cxq0zo8xt] { margin: .7rem 0 0; padding-left: 1.3rem; }
.worked-examples li + li[b-2cxq0zo8xt] { margin-top: .45rem; }

.fact-table-wrap[b-2cxq0zo8xt] { overflow-x: auto; border: 1px solid var(--gq-border); border-radius: 7px; }
.fact-table[b-2cxq0zo8xt] { width: 100%; min-width: 680px; border-collapse: collapse; text-align: center; font-variant-numeric: tabular-nums; }
.fact-table caption[b-2cxq0zo8xt] { padding: .75rem; color: var(--gq-text-muted); caption-side: top; text-align: left; }
.fact-table th[b-2cxq0zo8xt], .fact-table td[b-2cxq0zo8xt] { min-width: 3.25rem; padding: .6rem .45rem; border: 1px solid var(--gq-border); }
.fact-table th[b-2cxq0zo8xt] { color: var(--gq-primary); background: color-mix(in srgb, var(--gq-primary) 8%, var(--gq-surface)); }
.fact-table tbody tr:hover td[b-2cxq0zo8xt] { background: color-mix(in srgb, var(--gq-primary) 5%, var(--gq-surface)); }
.division-table-grid[b-2cxq0zo8xt] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.division-table-grid details[b-2cxq0zo8xt] { border: 1px solid var(--gq-border); border-radius: 7px; overflow: hidden; }
.division-table-grid summary[b-2cxq0zo8xt] { padding: .75rem; color: var(--gq-primary); background: color-mix(in srgb, var(--gq-primary) 7%, var(--gq-surface)); cursor: pointer; font-weight: 750; }
.division-table-grid details > div[b-2cxq0zo8xt] { display: grid; gap: .35rem; padding: .75rem; font-size: .88rem; font-variant-numeric: tabular-nums; }
.lesson-actions[b-2cxq0zo8xt] { display: grid; grid-template-columns: 1fr auto 1fr; gap: .75rem; align-items: center; padding-top: 1.5rem; }
.lesson-parent-note[b-2cxq0zo8xt] { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; max-width: 320px; padding: .65rem .8rem; color: var(--gq-text-muted); background: color-mix(in srgb, var(--gq-primary) 7%, var(--gq-surface)); border: 1px solid var(--gq-border); border-radius: 7px; font-size: .84rem; text-align: center; }

@media (max-width: 900px) {
    .lesson-layout[b-2cxq0zo8xt] { grid-template-columns: 1fr; }
    .lesson-catalogue[b-2cxq0zo8xt] { position: static; max-height: none; }
    .lesson-catalogue nav[b-2cxq0zo8xt] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .division-table-grid[b-2cxq0zo8xt] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
    .lesson-page__header[b-2cxq0zo8xt] { align-items: flex-start; }
    .lesson-catalogue nav[b-2cxq0zo8xt], .division-table-grid[b-2cxq0zo8xt] { grid-template-columns: 1fr; }
    .lesson-actions[b-2cxq0zo8xt] { grid-template-columns: 1fr; }
    .lesson-actions > *[b-2cxq0zo8xt], .lesson-actions .btn[b-2cxq0zo8xt] { width: 100%; text-align: center !important; }
}
/* _content/GeographyQuest/Components/Features/Parent/ParentDashboard.razor.rz.scp.css */
.parent-dashboard[b-yomxn00bu9] { max-width: 1180px; margin: 0 auto; padding-bottom: 3rem; color: #193448; }
.parent-hero[b-yomxn00bu9] { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; margin-bottom: 1.4rem; }
.parent-hero h1[b-yomxn00bu9] { margin: 0 0 .35rem; font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; letter-spacing: -.035em; }
.parent-hero p:last-child[b-yomxn00bu9] { max-width: 720px; margin: 0; color: #607887; }
.parent-hero .btn[b-yomxn00bu9] { display: inline-flex; align-items: center; gap: .45rem; white-space: nowrap; }
.parent-loading[b-yomxn00bu9] { display: flex; align-items: center; justify-content: center; gap: .8rem; min-height: 260px; color: #617887; }
.parent-empty[b-yomxn00bu9] { max-width: 620px; margin: 3rem auto; padding: 2rem; text-align: center; border: 1px solid #dce7eb; border-radius: 20px; background: #fff; box-shadow: 0 10px 30px rgb(25 52 72 / 8%); }
.parent-empty__icon[b-yomxn00bu9] { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 1rem; border-radius: 20px; background: #e8f5f3; color: #087f73; }
.parent-empty h2[b-yomxn00bu9] { margin-bottom: .4rem; }
.parent-empty > p[b-yomxn00bu9] { color: #657b88; }
.parent-link-form[b-yomxn00bu9] { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: .75rem; max-width: 490px; margin: 1.3rem auto 0; text-align: left; }

.learner-switcher[b-yomxn00bu9] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.15rem; border: 1px solid #dce7eb; border-radius: 18px 18px 0 0; background: #fff; }
.learner-switcher__label[b-yomxn00bu9] { display: block; margin-bottom: .4rem; color: #718591; font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.learner-pills[b-yomxn00bu9] { display: flex; flex-wrap: wrap; gap: .55rem; }
.learner-pill[b-yomxn00bu9] { display: flex; align-items: center; gap: .45rem; padding: .35rem .75rem .35rem .4rem; border: 1px solid #d3e0e5; border-radius: 999px; background: #fff; color: #294657; }
.learner-pill > span[b-yomxn00bu9] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #eaf1f4; color: #456274; font-size: .75rem; font-weight: 800; }
.learner-pill:hover[b-yomxn00bu9] { border-color: #64a9a0; }
.learner-pill.selected[b-yomxn00bu9] { border-color: #087f73; background: #e9f6f4; color: #076b62; box-shadow: inset 0 0 0 1px #087f73; }
.learner-pill.selected > span[b-yomxn00bu9] { background: #087f73; color: white; }
.learner-switcher__summary[b-yomxn00bu9] { display: flex; gap: 1.2rem; color: #697f8b; font-size: .84rem; }
.learner-switcher__summary span[b-yomxn00bu9] { white-space: nowrap; }
.learner-switcher__summary strong[b-yomxn00bu9] { color: #213e51; }

.parent-section-nav[b-yomxn00bu9] { display: flex; gap: .25rem; padding: .55rem .75rem 0; overflow-x: auto; border: 1px solid #dce7eb; border-top: 0; background: #f7fafb; scrollbar-width: thin; }
.parent-section-tab[b-yomxn00bu9] { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-width: max-content; padding: .75rem 1rem .85rem; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #637a88; font-weight: 700; }
.parent-section-tab:hover[b-yomxn00bu9] { color: #087f73; background: #eef6f5; }
.parent-section-tab.selected[b-yomxn00bu9] { border-bottom-color: #087f73; color: #076b62; background: white; }
.parent-section-badge[b-yomxn00bu9] { display: grid; place-items: center; min-width: 21px; height: 21px; padding: 0 .35rem; border-radius: 999px; background: #c83e4d; color: white; font-size: .72rem; }

.parent-section-content[b-yomxn00bu9] { min-height: 470px; padding: clamp(1rem, 3vw, 1.7rem); border: 1px solid #dce7eb; border-top: 0; border-radius: 0 0 18px 18px; background: #f7fafb; }
.section-heading[b-yomxn00bu9] { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.section-heading h2[b-yomxn00bu9] { margin: 0 0 .2rem; font-size: 1.45rem; font-weight: 800; }
.section-heading p:last-child[b-yomxn00bu9] { margin: 0; color: #657b88; }

.metric-grid[b-yomxn00bu9] { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin-bottom: 1rem; }
.metric-grid article[b-yomxn00bu9] { display: flex; align-items: center; gap: .8rem; padding: 1rem; border: 1px solid #dfe8ec; border-radius: 14px; background: white; box-shadow: 0 4px 14px rgb(25 52 72 / 4%); }
.metric-grid strong[b-yomxn00bu9] { display: block; font-size: 1.45rem; line-height: 1.1; }
.metric-grid small[b-yomxn00bu9] { display: block; margin-top: .2rem; color: #718590; }
.metric-icon[b-yomxn00bu9] { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 13px; }
.metric-icon--teal[b-yomxn00bu9] { background: #e2f5f2; color: #087f73; }
.metric-icon--blue[b-yomxn00bu9] { background: #e9f1ff; color: #376bc3; }
.metric-icon--gold[b-yomxn00bu9] { background: #fff5d8; color: #9b7000; }
.metric-icon--violet[b-yomxn00bu9] { background: #f1eaff; color: #7551b6; }

.overview-grid[b-yomxn00bu9], .insights-grid[b-yomxn00bu9], .settings-grid[b-yomxn00bu9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.insight-callout[b-yomxn00bu9] { display: flex; gap: .9rem; padding: 1.15rem; border-radius: 15px; }
.insight-callout > span[b-yomxn00bu9] { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 13px; background: rgb(255 255 255 / 70%); }
.insight-callout small[b-yomxn00bu9] { color: #59727f; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.insight-callout h3[b-yomxn00bu9] { margin: .15rem 0 .2rem; font-size: 1.15rem; }
.insight-callout p[b-yomxn00bu9] { margin: 0; color: #59727f; font-size: .9rem; }
.insight-callout--positive[b-yomxn00bu9] { background: #e6f6ec; color: #17683d; }
.insight-callout--next[b-yomxn00bu9] { background: #e9f1ff; color: #315e9f; }
.subject-grid[b-yomxn00bu9] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; margin: 1rem 0; }
.subject-grid article[b-yomxn00bu9] { padding: 1rem; border: 1px solid #dfe8ec; border-radius: 14px; background: white; }
.subject-grid article div[b-yomxn00bu9] { display: flex; justify-content: space-between; gap: .6rem; }
.subject-grid article span[b-yomxn00bu9] { color: #607886; }
.subject-grid article strong[b-yomxn00bu9] { color: #1c3a4d; }
.subject-grid article small[b-yomxn00bu9] { color: #7a8c96; }

.content-card[b-yomxn00bu9] { padding: 1.2rem; border: 1px solid #dfe8ec; border-radius: 15px; background: white; box-shadow: 0 4px 15px rgb(25 52 72 / 4%); }
.content-card__head[b-yomxn00bu9] { display: flex; justify-content: space-between; align-items: start; gap: 1rem; margin-bottom: .8rem; }
.content-card__head h3[b-yomxn00bu9], .settings-card h3[b-yomxn00bu9] { margin: 0 0 .15rem; font-size: 1.05rem; }
.content-card__head p[b-yomxn00bu9] { margin: 0; color: #71848f; font-size: .88rem; }
.table th[b-yomxn00bu9] { color: #6d818c; font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; }
.table td[b-yomxn00bu9] { color: #314e60; }
.feature-name[b-yomxn00bu9] { font-weight: 700; color: #213f52; }
.status-pill[b-yomxn00bu9] { display: inline-flex; padding: .28rem .55rem; border-radius: 999px; font-size: .76rem; font-weight: 700; white-space: nowrap; }
.status-pill--success[b-yomxn00bu9] { background: #e1f3e8; color: #176d3d; }
.status-pill--waiting[b-yomxn00bu9] { background: #fff1c9; color: #775800; }
.status-pill--neutral[b-yomxn00bu9] { background: #e9eef1; color: #516774; }
.section-empty[b-yomxn00bu9] { padding: 2.8rem 1.2rem; text-align: center; color: #6b808c; }
.section-empty h3[b-yomxn00bu9] { margin: .7rem 0 .2rem; color: #294657; font-size: 1.1rem; }
.section-empty p[b-yomxn00bu9] { margin: 0; }
.section-empty__success[b-yomxn00bu9] { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto; border-radius: 18px; background: #e4f5ea; color: #18804a; }

.review-list[b-yomxn00bu9] { display: grid; gap: 1rem; }
.review-card__head[b-yomxn00bu9] { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.review-card__head h3[b-yomxn00bu9] { margin: .25rem 0 0; font-size: 1.08rem; }
.review-card__head time[b-yomxn00bu9] { color: #748791; font-size: .82rem; white-space: nowrap; }
.review-type[b-yomxn00bu9] { color: #087f73; font-size: .78rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.review-work[b-yomxn00bu9] { max-height: 320px; margin-bottom: 1rem; padding: 1rem; overflow: auto; white-space: pre-wrap; border: 1px solid #e0e8eb; border-radius: 10px; background: #fbfcfd; }
.review-card textarea[b-yomxn00bu9] { min-height: 110px; }

.insight-list[b-yomxn00bu9] { margin: 0; padding: 0; list-style: none; }
.insight-list li[b-yomxn00bu9] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .75rem 0; border-top: 1px solid #e5ecef; }
.insight-list li:first-child[b-yomxn00bu9] { border-top: 0; }
.insight-list span[b-yomxn00bu9], .insight-list small[b-yomxn00bu9] { display: block; }
.insight-list small[b-yomxn00bu9] { color: #788b95; }
.insight-list b[b-yomxn00bu9] { color: #087f73; }
.goal-item[b-yomxn00bu9] { margin-top: 1rem; }
.goal-item > div:first-child[b-yomxn00bu9] { display: flex; justify-content: space-between; gap: .8rem; margin-bottom: .35rem; }
.goal-item small[b-yomxn00bu9] { display: block; margin-top: .3rem; color: #71848f; }
.recommendation[b-yomxn00bu9] { display: flex; justify-content: space-between; align-items: start; gap: .8rem; padding: .8rem 0; border-top: 1px solid #e5ecef; }
.recommendation:first-of-type[b-yomxn00bu9] { border-top: 0; }
.recommendation p[b-yomxn00bu9] { margin: .15rem 0 0; color: #71848f; font-size: .87rem; }
.family-expedition[b-yomxn00bu9] { margin-top: 1rem; padding: 1.2rem; border: 1px solid #bfe2ce; border-radius: 15px; background: #eaf8ef; }
.family-expedition p[b-yomxn00bu9] { margin: 0; color: #167044; font-size: .76rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.family-expedition h3[b-yomxn00bu9] { margin: .2rem 0; font-size: 1.1rem; }
.family-expedition .progress[b-yomxn00bu9] { margin-top: .7rem; }

.settings-grid[b-yomxn00bu9] { align-items: start; }
.settings-card--link[b-yomxn00bu9] { grid-column: 1 / -1; }
.setting-row[b-yomxn00bu9] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 0; border-top: 1px solid #e3ebee; cursor: pointer; }
.setting-row:first-of-type[b-yomxn00bu9] { margin-top: .7rem; }
.setting-row span[b-yomxn00bu9], .setting-row small[b-yomxn00bu9] { display: block; }
.setting-row small[b-yomxn00bu9] { max-width: 480px; margin-top: .15rem; color: #728690; font-weight: 400; }
.setting-row input[b-yomxn00bu9] { flex: 0 0 auto; width: 2.4rem; height: 1.25rem; }
.settings-card--link form[b-yomxn00bu9] { max-width: 480px; }
.password-reset-card form[b-yomxn00bu9] { max-width: 520px; }
.password-reset-warning[b-yomxn00bu9] { display: flex; align-items: flex-start; gap: .55rem; padding: .75rem; border: 1px solid #ead79b; border-radius: 9px; background: #fff8df; color: #6d5610; font-size: .86rem; line-height: 1.4; }
.password-reset-warning .gq-icon[b-yomxn00bu9] { flex: 0 0 auto; margin-top: .05rem; }

.weekly-digest[b-yomxn00bu9] { overflow: hidden; padding: 0; }
.digest-header[b-yomxn00bu9] { align-items: center; background: linear-gradient(120deg, #153d58, #146f72); color: #fff; display: flex; justify-content: space-between; gap: 1rem; padding: 1.2rem; }
.digest-header > div > span[b-yomxn00bu9] { color: #9ce3d8; font-size: .7rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.digest-header h3[b-yomxn00bu9] { font-size: 1.35rem; margin: .2rem 0 0; }
.digest-comparison[b-yomxn00bu9] { background: #ffffff1f; border: 1px solid #ffffff38; border-radius: 999px; font-size: .76rem; font-weight: 700; padding: .4rem .7rem; }
.digest-metrics[b-yomxn00bu9] { display: grid; grid-template-columns: repeat(6, 1fr); border-bottom: 1px solid #e2eaee; }
.digest-metrics div[b-yomxn00bu9] { border-right: 1px solid #e2eaee; display: grid; padding: .9rem; }
.digest-metrics div:last-child[b-yomxn00bu9] { border-right: 0; }
.digest-metrics strong[b-yomxn00bu9] { color: #17394e; font-size: 1.4rem; }
.digest-metrics span[b-yomxn00bu9] { color: #71848f; font-size: .7rem; }
.digest-body[b-yomxn00bu9] { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 1rem; padding: 1.2rem; }
.digest-body h4[b-yomxn00bu9] { font-size: .88rem; margin: 0 0 .7rem; text-transform: uppercase; }
.digest-subject[b-yomxn00bu9] { align-items: center; display: grid; gap: .6rem; grid-template-columns: 135px minmax(80px, 1fr) 48px; padding: .55rem 0; }
.digest-subject > div:first-child[b-yomxn00bu9] { display: grid; }
.digest-subject span[b-yomxn00bu9] { color: #758792; font-size: .7rem; }
.digest-subject b[b-yomxn00bu9] { color: #14766f; font-size: .8rem; text-align: right; }
.digest-progress[b-yomxn00bu9] { background: #e5ecef; border-radius: 999px; height: .48rem; overflow: hidden; }
.digest-progress i[b-yomxn00bu9] { background: linear-gradient(90deg, #168b80, #5abf93); border-radius: inherit; display: block; height: 100%; }
.digest-empty[b-yomxn00bu9] { align-items: center; background: #f5f8fa; border-radius: 10px; color: #6d818e; display: flex; gap: .6rem; padding: 1rem; }
.digest-insights[b-yomxn00bu9] { display: grid; gap: .6rem; }
.digest-insight[b-yomxn00bu9] { align-items: flex-start; border-radius: 10px; display: flex; gap: .6rem; padding: .75rem; }
.digest-insight--celebrate[b-yomxn00bu9] { background: #e9f7ee; color: #226b43; }
.digest-insight--focus[b-yomxn00bu9] { background: #eaf1fc; color: #345e94; }
.digest-insight .gq-icon[b-yomxn00bu9] { flex: 0 0 auto; }
.digest-insight small[b-yomxn00bu9], .conversation-card small[b-yomxn00bu9] { display: block; font-size: .67rem; font-weight: 800; margin-bottom: .15rem; text-transform: uppercase; }
.digest-insight p[b-yomxn00bu9] { margin: 0; }
.conversation-card[b-yomxn00bu9] { background: #fff6d9; border: 1px solid #ecd98f; border-radius: 10px; color: #6a5714; padding: .75rem; }
.conversation-card blockquote[b-yomxn00bu9] { font-family: Georgia, serif; font-size: 1rem; margin: .25rem 0 0; }
.digest-footer[b-yomxn00bu9] { border-top: 1px solid #e2eaee; color: #71848f; display: flex; font-size: .72rem; justify-content: space-between; gap: 1rem; padding: .7rem 1.2rem; }

@media (max-width: 900px) {
    .metric-grid[b-yomxn00bu9] { grid-template-columns: repeat(2, 1fr); }
    .learner-switcher[b-yomxn00bu9] { align-items: start; }
    .learner-switcher__summary[b-yomxn00bu9] { flex-direction: column; gap: .15rem; }
    .digest-metrics[b-yomxn00bu9] { grid-template-columns: repeat(3, 1fr); }
    .digest-metrics div:nth-child(3)[b-yomxn00bu9] { border-right: 0; }
}
@media (max-width: 700px) {
    .parent-hero[b-yomxn00bu9] { align-items: start; flex-direction: column; }
    .learner-switcher[b-yomxn00bu9] { flex-direction: column; }
    .learner-switcher__summary[b-yomxn00bu9] { flex-direction: row; flex-wrap: wrap; }
    .overview-grid[b-yomxn00bu9], .insights-grid[b-yomxn00bu9], .settings-grid[b-yomxn00bu9], .subject-grid[b-yomxn00bu9] { grid-template-columns: 1fr; }
    .settings-card--link[b-yomxn00bu9] { grid-column: auto; }
    .section-heading[b-yomxn00bu9] { align-items: start; }
    .digest-section-heading[b-yomxn00bu9] { flex-direction: column; }
    .digest-body[b-yomxn00bu9] { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .metric-grid[b-yomxn00bu9] { grid-template-columns: 1fr; }
    .parent-link-form[b-yomxn00bu9] { grid-template-columns: 1fr; }
    .parent-section-content[b-yomxn00bu9] { padding: .85rem; }
    .parent-section-tab[b-yomxn00bu9] { padding-inline: .75rem; }
    .review-card__head[b-yomxn00bu9] { flex-direction: column; }
    .digest-header[b-yomxn00bu9], .digest-footer[b-yomxn00bu9] { align-items: flex-start; flex-direction: column; }
    .digest-metrics[b-yomxn00bu9] { grid-template-columns: repeat(2, 1fr); }
    .digest-metrics div:nth-child(3)[b-yomxn00bu9] { border-right: 1px solid #e2eaee; }
    .digest-metrics div:nth-child(even)[b-yomxn00bu9] { border-right: 0; }
    .digest-subject[b-yomxn00bu9] { grid-template-columns: 105px minmax(70px, 1fr) 42px; }
}

.attempt-filters[b-yomxn00bu9] { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,260px); gap:.65rem; margin-bottom:.8rem; }
.attempt-pages[b-yomxn00bu9] { display:flex; align-items:center; justify-content:center; gap:.8rem; padding-top:.8rem; }.attempt-pages span[b-yomxn00bu9] { color:#667b8c; font-size:.8rem; font-weight:700; }
@media(max-width:560px){.attempt-filters[b-yomxn00bu9]{grid-template-columns:1fr}}

@media print {
    .parent-hero[b-yomxn00bu9], .learner-switcher[b-yomxn00bu9], .parent-section-nav[b-yomxn00bu9], .digest-section-heading[b-yomxn00bu9] { display: none !important; }
    .parent-dashboard[b-yomxn00bu9], .parent-section-content[b-yomxn00bu9] { max-width: none; padding: 0; border: 0; background: #fff; }
    .weekly-digest[b-yomxn00bu9] { box-shadow: none; }
}
/* _content/GeographyQuest/Components/Features/Teacher/TeacherDashboard.razor.rz.scp.css */
.teacher-planning-grid[b-0o0a8zxeq2] { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1rem 0; }
.teacher-planning[b-0o0a8zxeq2] { border: 1px solid #dce5eb; border-radius: 12px; min-width: 0; overflow: hidden; }
.teacher-planning summary[b-0o0a8zxeq2] { align-items: center; background: #f4f8fa; cursor: pointer; display: flex; justify-content: space-between; list-style: none; padding: .85rem; }
.teacher-planning summary[b-0o0a8zxeq2]::-webkit-details-marker { display: none; }
.teacher-planning summary > span[b-0o0a8zxeq2] { align-items: center; display: flex; gap: .45rem; }.teacher-planning summary b[b-0o0a8zxeq2] { background: #e1eeec; border-radius: 999px; color: #10736b; font-size: .72rem; padding: .25rem .5rem; }
.teacher-planning__body[b-0o0a8zxeq2] { max-height: 620px; overflow: auto; padding: .8rem; }
.planning-empty[b-0o0a8zxeq2] { color: #6b7f8f; padding: 1rem; text-align: center; }
.intervention-group[b-0o0a8zxeq2] { border: 1px solid #e0e7ec; border-left: 4px solid #d67c39; border-radius: 9px; margin-bottom: .6rem; padding: .75rem; }.intervention-group > div:first-child > span[b-0o0a8zxeq2] { color: #9a5a25; font-size: .68rem; font-weight: 800; text-transform: uppercase; }.intervention-group h4[b-0o0a8zxeq2] { font-size: .95rem; margin: .1rem 0; }.intervention-group p[b-0o0a8zxeq2] { color: #6e8190; font-size: .77rem; margin: 0 0 .5rem; }
.student-chips[b-0o0a8zxeq2] { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .55rem; }.student-chips span[b-0o0a8zxeq2] { background: #fff1e5; border-radius: 999px; color: #7c4b25; font-size: .7rem; padding: .25rem .45rem; }
.coverage-subject[b-0o0a8zxeq2] { margin-bottom: .8rem; }.coverage-subject h4[b-0o0a8zxeq2] { border-bottom: 1px solid #e4ebee; display: flex; font-size: .85rem; justify-content: space-between; padding-bottom: .3rem; }.coverage-subject h4 span[b-0o0a8zxeq2] { color: #718491; font-size: .7rem; }
.coverage-row[b-0o0a8zxeq2] { align-items: center; display: grid; gap: .45rem; grid-template-columns: minmax(150px, 1fr) 70px auto auto; padding: .5rem 0; }.coverage-row strong[b-0o0a8zxeq2] { font-size: .74rem; }.coverage-row p[b-0o0a8zxeq2] { color: #6e8190; font-size: .7rem; margin: .1rem 0 0; }.coverage-meter[b-0o0a8zxeq2] { background: #e5ecef; border-radius: 999px; height: .4rem; overflow: hidden; }.coverage-meter i[b-0o0a8zxeq2] { background: #269477; display: block; height: 100%; }.coverage-status[b-0o0a8zxeq2] { border-radius: 999px; font-size: .66rem; font-weight: 800; padding: .25rem .4rem; white-space: nowrap; }.status-not-planned[b-0o0a8zxeq2] { background: #edf1f3; color: #607480; }.status-assigned[b-0o0a8zxeq2] { background: #fff2cf; color: #7b5b00; }.status-in-progress[b-0o0a8zxeq2] { background: #e8f0ff; color: #3a609e; }.status-evidence-collected[b-0o0a8zxeq2] { background: #e3f4e9; color: #237141; }
@media (max-width: 900px) { .teacher-planning-grid[b-0o0a8zxeq2] { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .coverage-row[b-0o0a8zxeq2] { grid-template-columns: 1fr auto; }.coverage-meter[b-0o0a8zxeq2] { grid-column: 1 / -1; order: 2; } }
/* _content/GeographyQuest/Components/Layout/AccessibilityReadingControls.razor.rz.scp.css */
.reading-controls[b-6b8rfmyyqo] { position:relative; }
.reading-controls-trigger[b-6b8rfmyyqo] { align-items:center; background:var(--gq-surface,#fff); border:1px solid var(--gq-border,#d7e1e7); border-radius:9px; color:var(--gq-text,#173047); display:flex; gap:.42rem; font-size:.78rem; font-weight:700; min-height:2.35rem; padding:.35rem .62rem; }
.reading-controls-trigger > span:first-child[b-6b8rfmyyqo] { color:#087f83; font-family:Georgia,serif; font-size:1rem; }
.reading-controls-panel[b-6b8rfmyyqo] { background:var(--gq-surface,#fff); border:1px solid var(--gq-border,#d5e0e7); border-radius:14px; box-shadow:0 14px 38px rgba(19,42,58,.2); color:var(--gq-text,#173047); display:grid; gap:.7rem; padding:1rem; position:absolute; right:0; top:calc(100% + .55rem); width:min(330px,calc(100vw - 1rem)); z-index:1050; }
.reading-controls-panel header[b-6b8rfmyyqo] { align-items:flex-start; border-bottom:1px solid var(--gq-border,#e0e7eb); display:flex; justify-content:space-between; padding-bottom:.65rem; }
.reading-controls-panel header div[b-6b8rfmyyqo] { display:grid; }.reading-controls-panel header small[b-6b8rfmyyqo] { color:var(--gq-muted,#687e8e); font-size:.7rem; }
.reading-controls-panel header button[b-6b8rfmyyqo] { background:transparent; border:0; color:inherit; font-size:1.45rem; line-height:1; }
.reading-controls-panel label:not(.reading-toggle)[b-6b8rfmyyqo] { color:var(--gq-muted,#5f7586); display:grid; font-size:.72rem; font-weight:700; gap:.25rem; }
.reading-controls-panel select[b-6b8rfmyyqo] { background:var(--gq-surface,#fff); border:1px solid var(--gq-border,#ccd9e1); border-radius:8px; color:var(--gq-text,#173047); padding:.48rem; }
.reading-toggle[b-6b8rfmyyqo] { align-items:center; display:flex; font-size:.82rem; font-weight:650; gap:.55rem; }.reading-toggle input[b-6b8rfmyyqo] { accent-color:#087f83; height:1.05rem; width:1.05rem; }
.reading-reset[b-6b8rfmyyqo] { background:#eef7f6; border:0; border-radius:8px; color:#087276; font-size:.76rem; font-weight:800; padding:.55rem; }
@media(max-width:700px){.reading-controls-label[b-6b8rfmyyqo]{display:none}.reading-controls-trigger[b-6b8rfmyyqo]{justify-content:center;width:2.35rem}.reading-controls-panel[b-6b8rfmyyqo]{position:fixed;right:.5rem;top:3.8rem}}
/* _content/GeographyQuest/Components/Layout/LoginDisplay.razor.rz.scp.css */
.gq-logout-backdrop[b-7zzku0gfh1] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(10, 20, 32, .56);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    animation: logout-backdrop-in-b-7zzku0gfh1 .16s ease-out;
}

.gq-logout-modal[b-7zzku0gfh1] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem 1.1rem;
    width: min(470px, 100%);
    padding: 1.5rem;
    color: var(--gq-text);
    background: var(--gq-surface);
    border: 1px solid var(--gq-border);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(5, 18, 32, .28);
    animation: logout-modal-in-b-7zzku0gfh1 .2s ease-out;
}

.gq-logout-icon[b-7zzku0gfh1] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    color: var(--gq-primary);
    background: color-mix(in srgb, var(--gq-primary) 12%, var(--gq-surface));
    border-radius: 12px;
}

.gq-logout-copy[b-7zzku0gfh1] { padding-right: 1.6rem; }
.gq-logout-copy .gq-eyebrow[b-7zzku0gfh1] { margin: 0 0 .25rem; }
.gq-logout-copy h2[b-7zzku0gfh1] { margin: 0 0 .45rem; font-size: 1.35rem; font-weight: 780; }
.gq-logout-copy p:last-child[b-7zzku0gfh1] { margin: 0; color: var(--gq-text-muted); font-size: .92rem; line-height: 1.55; }

.gq-modal-close[b-7zzku0gfh1] {
    position: absolute;
    top: .8rem;
    right: .8rem;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: var(--gq-text-muted);
    background: transparent;
    border: 0;
    border-radius: 8px;
    font-size: 1.45rem;
    line-height: 1;
}

.gq-modal-close:hover[b-7zzku0gfh1],
.gq-modal-close:focus-visible[b-7zzku0gfh1] {
    color: var(--gq-text);
    background: color-mix(in srgb, var(--gq-text) 7%, transparent);
}

.gq-logout-actions[b-7zzku0gfh1] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .65rem;
    padding-top: .25rem;
}

.gq-logout-actions form[b-7zzku0gfh1] { margin: 0; }
.gq-logout-modal .btn[b-7zzku0gfh1] { width: auto; min-height: 2.45rem; padding: .5rem .85rem; }

@keyframes logout-backdrop-in-b-7zzku0gfh1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes logout-modal-in-b-7zzku0gfh1 {
    from { opacity: 0; transform: translateY(10px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 480px) {
    .gq-logout-modal[b-7zzku0gfh1] { grid-template-columns: 1fr; padding: 1.25rem; }
    .gq-logout-copy[b-7zzku0gfh1] { padding-right: 1rem; }
    .gq-logout-actions[b-7zzku0gfh1] { display: grid; grid-template-columns: 1fr; }
    .gq-logout-actions form[b-7zzku0gfh1],
    .gq-logout-actions .btn[b-7zzku0gfh1] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .gq-logout-backdrop[b-7zzku0gfh1],
    .gq-logout-modal[b-7zzku0gfh1] { animation: none; }
}
/* _content/GeographyQuest/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ibdrvz8gb5] {
    position: relative;
    display: flex;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
}

main[b-ibdrvz8gb5] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
}

.sidebar[b-ibdrvz8gb5] {
    position: relative;
    z-index: 30;
    flex: 0 0 auto;
    background: var(--gq-sidebar);
}

.content-scroll[b-ibdrvz8gb5] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.top-row[b-ibdrvz8gb5] {
    flex: 0 0 4rem;
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: color-mix(in srgb, var(--gq-surface) 94%, transparent);
    border-bottom: 1px solid var(--gq-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.top-row-brand[b-ibdrvz8gb5] {
    display: none;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    color: var(--gq-text);
    font-weight: 750;
}

.top-row-brand img[b-ibdrvz8gb5] { width: 2rem; height: 2rem; object-fit: contain; }
.top-row-actions[b-ibdrvz8gb5] { display: flex; align-items: center; justify-content: flex-end; gap: .75rem; min-width: 0; }

@media (max-width: 640.98px) {
    .top-row[b-ibdrvz8gb5] { justify-content: flex-end; padding-left: 1rem !important; padding-right: 1rem !important; }
    .top-row-actions[b-ibdrvz8gb5] { gap: .45rem; }
}

@media (min-width: 641px) {
    .page[b-ibdrvz8gb5] { flex-direction: row; }
    .sidebar[b-ibdrvz8gb5] {
        width: 276px;
        height: 100%;
        flex: 0 0 276px;
        overflow: hidden;
    }
    .top-row[b-ibdrvz8gb5] { position: relative; z-index: 20; }
    .top-row[b-ibdrvz8gb5], article[b-ibdrvz8gb5] { padding-left: clamp(1.5rem, 3vw, 3rem) !important; padding-right: clamp(1.5rem, 3vw, 3rem) !important; }
}

#blazor-error-ui[b-ibdrvz8gb5] {
    color-scheme: light only;
    display: none;
    position: fixed;
    z-index: 1000;
    bottom: 1rem;
    left: 50%;
    width: min(680px, calc(100% - 2rem));
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: .8rem 3rem .8rem 1rem;
    color: #fff;
    background: #8b2430;
    border-radius: 6px;
    box-shadow: 0 12px 32px rgba(16, 24, 40, .22);
}

#blazor-error-ui a[b-ibdrvz8gb5] { color: #fff; text-decoration: underline; }
#blazor-error-ui .dismiss[b-ibdrvz8gb5] { cursor: pointer; position: absolute; right: 1rem; top: .55rem; font-size: 1.25rem; }
/* _content/GeographyQuest/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-brand-row[b-4ldbkwc05b] {
    height: 5.25rem;
    display: flex;
    align-items: center;
    padding: .75rem 1.1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.navbar-brand[b-4ldbkwc05b] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    color: #fff;
    text-decoration: none;
}

.navbar-brand:hover[b-4ldbkwc05b] { color: #fff; }

.navbar-brand img[b-4ldbkwc05b] {
    width: 3.25rem;
    height: 3.25rem;
    object-fit: contain;
    flex: 0 0 auto;
}

.navbar-brand span[b-4ldbkwc05b] { display: grid; min-width: 0; }
.navbar-brand strong[b-4ldbkwc05b] { font-size: 1.22rem; line-height: 1.15; font-weight: 800; letter-spacing: 0; }
.navbar-brand small[b-4ldbkwc05b] { margin-top: .2rem; color: rgba(255, 255, 255, .62); font-size: .7rem; line-height: 1; }
.navbar-brand .brand-credit[b-4ldbkwc05b] { margin-top: .4rem; color: rgba(255, 255, 255, .48); font-size: .59rem; font-weight: 500; white-space: nowrap; }

.navbar-toggler[b-4ldbkwc05b] {
    appearance: none;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 6px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath stroke='white' stroke-linecap='round' stroke-width='2' d='M4 7h16M4 12h16M4 17h16'/%3e%3c/svg%3e") no-repeat center/1.25rem rgba(255, 255, 255, .08);
}

.navbar-toggler:checked[b-4ldbkwc05b] { background-color: rgba(255, 255, 255, .18); }

.nav-scrollable[b-4ldbkwc05b] {
    display: none;
    position: absolute;
    top: 5.25rem;
    right: 0;
    left: 0;
    max-height: calc(100dvh - 5.25rem);
    padding: .75rem .7rem 1.25rem;
    overflow-y: auto;
    background: var(--gq-sidebar);
    box-shadow: 0 18px 30px rgba(0, 0, 0, .2);
}
.navbar-toggler:checked ~ .nav-scrollable[b-4ldbkwc05b] { display: block; }

.nav-group[b-4ldbkwc05b] { margin-bottom: .85rem; }

.nav-group-toggle[b-4ldbkwc05b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 2.25rem;
    padding: .45rem .7rem;
    border: 0;
    border-radius: 7px;
    color: rgba(255, 255, 255, .46);
    background: transparent;
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-align: left;
    text-transform: uppercase;
    transition: color .18s ease, background-color .18s ease;
}

.nav-group-toggle:hover[b-4ldbkwc05b] {
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .055);
}

.nav-group-toggle:focus-visible[b-4ldbkwc05b] {
    outline: 2px solid #55ddd2;
    outline-offset: 1px;
}

.nav-group-chevron[b-4ldbkwc05b] {
    width: .55rem;
    height: .55rem;
    margin-right: .2rem;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translate(-1px, -1px);
    transition: transform .22s ease;
}

.nav-group.is-collapsed .nav-group-chevron[b-4ldbkwc05b] {
    transform: rotate(-45deg);
}

.nav-group-panel[b-4ldbkwc05b] {
    display: grid;
    grid-template-rows: 1fr;
    opacity: 1;
    transition: grid-template-rows .24s ease, opacity .18s ease;
}

.nav-group-panel-inner[b-4ldbkwc05b] {
    min-height: 0;
    overflow: hidden;
}

.nav-group.is-collapsed .nav-group-panel[b-4ldbkwc05b] {
    grid-template-rows: 0fr;
    opacity: 0;
}

.nav-group--collapsible:not(.is-collapsed) .nav-group-toggle[b-4ldbkwc05b] {
    color: rgba(255, 255, 255, .68);
}

.nav-group[b-4ldbkwc05b]  .nav-link {
    display: flex;
    align-items: center;
    gap: .72rem;
    width: 100%;
    min-height: 2.55rem;
    padding: .55rem .7rem;
    border: 0;
    border-radius: 6px;
    color: var(--gq-sidebar-text);
    background: transparent;
    font-size: .88rem;
    font-weight: 500;
    line-height: 1.2;
    transition: background-color .14s ease, color .14s ease;
}

.nav-group[b-4ldbkwc05b]  .nav-link .gq-icon {
    width: 1.12rem;
    height: 1.12rem;
    flex: 0 0 auto;
    opacity: .82;
}

.nav-group[b-4ldbkwc05b]  .nav-link.active {
    color: var(--gq-sidebar-text-active);
    background: var(--gq-sidebar-active);
    box-shadow: inset 3px 0 0 #20c4b7;
    font-weight: 650;
}

.nav-group[b-4ldbkwc05b]  .nav-link:hover {
    color: var(--gq-sidebar-text-active);
    background: var(--gq-sidebar-hover);
}

@media (prefers-reduced-motion: reduce) {
    .nav-group-panel[b-4ldbkwc05b],
    .nav-group-chevron[b-4ldbkwc05b] { transition: none; }
}

@media (min-width: 641px) {
    .navbar-toggler[b-4ldbkwc05b] { display: none; }
    .nav-scrollable[b-4ldbkwc05b] {
        position: static;
        display: block;
        height: calc(100dvh - 5.25rem);
        max-height: none;
        overflow-y: auto;
        box-shadow: none;
        scrollbar-width: thin;
        scrollbar-color: rgba(255,255,255,.2) transparent;
    }
}
/* _content/GeographyQuest/Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0lxv1acysn],
.components-reconnect-repeated-attempt-visible[b-0lxv1acysn],
.components-reconnect-failed-visible[b-0lxv1acysn],
.components-pause-visible[b-0lxv1acysn],
.components-resume-failed-visible[b-0lxv1acysn],
.components-rejoining-animation[b-0lxv1acysn] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-0lxv1acysn],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0lxv1acysn],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0lxv1acysn],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0lxv1acysn],
#components-reconnect-modal.components-reconnect-retrying[b-0lxv1acysn],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0lxv1acysn],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0lxv1acysn],
#components-reconnect-modal.components-reconnect-failed[b-0lxv1acysn],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0lxv1acysn] {
    display: block;
}


#components-reconnect-modal[b-0lxv1acysn] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0lxv1acysn 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-0lxv1acysn 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-0lxv1acysn 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-0lxv1acysn]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-0lxv1acysn 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-0lxv1acysn {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-0lxv1acysn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-0lxv1acysn {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-0lxv1acysn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-0lxv1acysn] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-0lxv1acysn] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-0lxv1acysn] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-0lxv1acysn] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-0lxv1acysn] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-0lxv1acysn] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0lxv1acysn 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-0lxv1acysn] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-0lxv1acysn {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* _content/GeographyQuest/Components/Shared/LearningRange.razor.rz.scp.css */
.learning-range[b-xabrrrjr7p] { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.45rem .7rem; min-width:0; max-width:100%; padding:.7rem .8rem; border:1px solid var(--gq-border); border-radius:.7rem; background:var(--gq-surface); }
.learning-range__label[b-xabrrrjr7p] { min-width:0; overflow-wrap:anywhere; font-weight:650; }
.learning-range__control[b-xabrrrjr7p] { display:flex; grid-column:1 / -1; align-items:center; gap:.45rem; min-width:0; }
.learning-range input[b-xabrrrjr7p] { width:100%; min-width:0; accent-color:var(--gq-primary); }
.learning-range button[b-xabrrrjr7p] { width:2rem; height:2rem; flex:0 0 auto; border:1px solid var(--gq-border); border-radius:.5rem; background:var(--gq-surface); color:var(--gq-text); font-weight:800; line-height:1; }
.learning-range button:hover:not(:disabled)[b-xabrrrjr7p], .learning-range button:focus-visible[b-xabrrrjr7p] { border-color:var(--gq-primary); color:var(--gq-primary); }
.learning-range button:disabled[b-xabrrrjr7p] { opacity:.4; }
.learning-range strong[b-xabrrrjr7p] { min-width:0; text-align:right; color:var(--gq-primary); white-space:nowrap; }