/* Phase 5: shared learning resource and practice experience. */
.learning-experience{--l5-ink:#0f172a;--l5-muted:#64748b;--l5-line:#dbe4f0;--l5-soft:#f7f9fc;--l5-primary:#4f46e5;--l5-success:#15803d;--l5-danger:#b91c1c;background:#f8fafc;color:var(--l5-ink)}
.learning-listing-hero{margin-bottom:1.5rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid #dbeafe;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#eef2ff 100%);box-shadow:0 16px 40px rgba(30,41,59,.07)}.learning-listing-hero>span{display:inline-flex;gap:.45rem;align-items:center;margin-bottom:.75rem;color:#4338ca;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.learning-listing-hero>div{display:flex;justify-content:space-between;align-items:end;gap:1rem}.learning-listing-hero h1{margin:0 0 .5rem;font-size:clamp(1.9rem,4vw,3.25rem);font-weight:800;letter-spacing:-.045em}.learning-listing-hero p{max-width:65ch;margin:0;color:var(--l5-muted);font-size:1.05rem}.learning-listing-hero strong{white-space:nowrap;color:#312e81}
.learning-listing-layout{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:1.5rem;align-items:start}.learning-filter-panel{position:sticky;top:calc(var(--gnu-sticky-offset,76px) + 1rem);padding:1.25rem;border:1px solid var(--l5-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}.learning-filter-heading{display:flex;justify-content:space-between;margin-bottom:1rem}.learning-filter-heading span,.learning-results-header span{color:#4f46e5;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.learning-filter-heading h2{margin:.2rem 0 0;font-size:1.15rem}.learning-filter-heading button{display:none}.learning-filter-panel label,.learning-results-header label{color:#334155;font-size:.8rem;font-weight:700}
.learning-results{min-width:0}.learning-results-header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.learning-results-header h2{margin:.15rem 0 0;font-size:1.5rem}.learning-results-header select{min-width:145px}.learning-filter-chips{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.learning-filter-chips>span{color:var(--l5-muted);font-size:.8rem;font-weight:700}.learning-filter-chips a{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .65rem;border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#3730a3;text-decoration:none;font-size:.78rem;font-weight:700}.learning-filter-chips a.is-clear{border-color:transparent;background:transparent;color:#475569}
.learning-resource-list{display:grid;gap:1rem}.learning-resource-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1.2rem;border:1px solid var(--l5-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.learning-resource-card:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 14px 32px rgba(79,70,229,.09)}.learning-resource-card__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eef2ff;color:#4f46e5;font-size:1.35rem}.learning-resource-card__badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.45rem}.learning-resource-card__badges span{padding:.25rem .5rem;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.7rem;font-weight:700}.learning-resource-card h3{margin:0;font-size:1.08rem;line-height:1.4}.learning-resource-card h3 a{color:var(--l5-ink);text-decoration:none}.learning-resource-card p{margin:.5rem 0 0;color:var(--l5-muted);font-size:.9rem;line-height:1.6}.learning-resource-card__meta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.65rem;color:var(--l5-muted);font-size:.78rem}.learning-resource-card__meta span{display:inline-flex;align-items:center;gap:.3rem}.learning-resource-card__actions{display:flex;gap:.5rem;flex-direction:column;min-width:130px}.learning-resource-card__actions .btn{display:flex;justify-content:center;align-items:center;gap:.35rem;white-space:nowrap}.learning-pagination{margin-top:1.5rem}.learning-pagination .pagination{gap:.35rem;flex-wrap:wrap}.learning-pagination .page-link{min-width:42px;min-height:42px;display:grid;place-items:center;border-radius:11px!important}.learning-mobile-filter{display:none}
.learning-experience .reading-progress{position:fixed;top:var(--gnu-sticky-offset,76px);left:0;right:0;z-index:1025;height:4px;background:transparent}.learning-experience .reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#4f46e5,#06b6d4);transition:width .08s linear}.learning-experience .post-rich-content,.learning-experience .rich-text-content{font-size:1.035rem;line-height:1.82;color:#334155}.learning-experience :is(.post-rich-content,.rich-text-content) :is(img,video,iframe){max-width:100%;height:auto;border-radius:12px}.learning-experience :is(.post-rich-content,.rich-text-content) table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.learning-experience :is(.post-rich-content,.rich-text-content) blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:4px solid #6366f1;border-radius:0 12px 12px 0;background:#eef2ff;color:#312e81}.learning-experience .dynamic-sections{display:grid;gap:1rem}.learning-experience .dynamic-section{scroll-margin-top:calc(var(--gnu-sticky-offset,76px) + 4rem)}.learning-experience .dynamic-section>.card,.learning-experience .dynamic-section__fallback{border:1px solid var(--l5-line)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important}
.qb-discovery-hero{padding:clamp(1.5rem,4vw,3rem);border-radius:22px;background:linear-gradient(135deg,#312e81,#4f46e5);color:#fff}.qb-discovery-hero h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.04em}.qb-subject-tools{display:flex;gap:1rem;align-items:center;margin:1.5rem 0}.qb-subject-tools input{min-height:48px}.qb-subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.qb-subject-card{display:flex;align-items:center;gap:.85rem;padding:1.1rem;border:1px solid var(--l5-line);border-radius:16px;background:#fff;color:var(--l5-ink);text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.05)}.qb-subject-card i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eef2ff;color:#4f46e5}.qb-subject-card strong,.qb-subject-card span{display:block}.qb-subject-card span{color:var(--l5-muted);font-size:.78rem}.qb-practice-shell{max-width:920px;margin-inline:auto}.qb-progress-card{position:sticky;top:calc(var(--gnu-sticky-offset,76px) + .5rem);z-index:15;margin-bottom:1rem;padding:1rem;border:1px solid var(--l5-line);border-radius:15px;background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(15,23,42,.08);backdrop-filter:blur(10px)}.qb-progress-track{height:8px;margin-top:.6rem;border-radius:999px;background:#e2e8f0;overflow:hidden}.qb-progress-track span{display:block;width:0;height:100%;background:#4f46e5;transition:width .2s ease}.qb-question-card{padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--l5-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);scroll-margin-top:10rem}.qb-question-card.is-complete{border-color:#a5b4fc}.qb-question-number{color:#4f46e5;font-size:.76rem;font-weight:800;text-transform:uppercase}.qb-question-text{margin:.4rem 0 1rem;font-size:1.08rem;font-weight:700;line-height:1.55}.qb-options{display:grid;gap:.65rem}.qb-option{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.7rem;width:100%;padding:.75rem;border:1px solid #dbe4f0;border-radius:12px;background:#fff;color:#334155;text-align:left}.qb-option:hover{border-color:#a5b4fc;background:#f8faff}.qb-option:focus-visible{outline:3px solid rgba(79,70,229,.25);outline-offset:2px}.qb-option.is-selected{border-color:#6366f1;background:#eef2ff}.qb-option.is-correct{border-color:#86efac;background:#f0fdf4;color:#166534}.qb-option.is-wrong{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.qb-option__key{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f1f5f9;font-weight:800}.qb-answer-panel{margin-top:1rem;padding:1rem;border-radius:12px;background:#f8fafc}.qb-answer-panel.is-correct{background:#f0fdf4;color:#166534}.qb-answer-panel.is-wrong{background:#fff7ed;color:#9a3412}.qb-practice-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}
@media(max-width:991.98px){.learning-listing-layout{grid-template-columns:1fr}.learning-filter-panel{position:fixed;inset:auto 0 0;z-index:1060;max-height:82vh;overflow:auto;border-radius:22px 22px 0 0;transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility .2s}.learning-filter-panel.is-open{transform:translateY(0);visibility:visible}.learning-filter-heading button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#eef2ff;color:#3730a3}.learning-mobile-filter{position:fixed;right:1rem;bottom:1rem;z-index:1040;display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;border:0;border-radius:999px;background:#4f46e5;color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(79,70,229,.3)}.learning-filter-open:before{content:"";position:fixed;inset:0;z-index:1050;background:rgba(15,23,42,.5)}.qb-subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){.learning-listing-hero>div,.learning-results-header{align-items:start;flex-direction:column}.learning-resource-card{grid-template-columns:44px minmax(0,1fr)}.learning-resource-card__icon{width:44px;height:44px}.learning-resource-card__actions{grid-column:1/-1;flex-direction:row}.learning-resource-card__actions .btn{flex:1}.qb-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:479.98px){.qb-subject-grid{grid-template-columns:1fr}.qb-subject-tools{align-items:stretch;flex-direction:column}.qb-practice-nav{flex-direction:column}.qb-practice-nav .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.learning-experience *{scroll-behavior:auto!important}.learning-resource-card,.learning-filter-panel,.qb-progress-track span,.learning-experience .reading-progress span{transition:none!important}}
@media print{.learning-experience .premium-navbar,.learning-experience footer,.learning-experience .floating-actions,.learning-experience .post-sticky-nav,.learning-experience .post-utility-bar,.learning-experience .post-mobile-cta,.learning-mobile-filter,.reading-progress{display:none!important}.learning-experience{background:#fff}.learning-experience .post-shell__grid{display:block}.learning-experience .post-shell__aside{display:none}.learning-experience .post-section-card,.learning-experience .dynamic-section{break-inside:avoid;box-shadow:none!important}.learning-experience a{color:#111!important;text-decoration:none!important}}