.learn-page{--learn-accent:var(--bs-primary,#16776a);max-width:1120px;margin-block:2rem 4rem}.learn-heading{flex-wrap:wrap;align-items:center;gap:1rem;margin-block-end:2rem;display:flex}.learn-heading h1{margin:0}.learn-eyebrow{opacity:.7;margin:0;font-size:.85rem}.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.learn-card,.learn-panel{border:1px solid color-mix(in srgb,currentColor 16%,transparent);background:var(--bs-body-bg);border-radius:1.25rem;box-shadow:0 4px 18px #00000006}.learn-card{color:inherit;align-items:center;gap:1rem;padding:1.6rem;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.learn-card:hover{border-color:var(--learn-accent);transform:translateY(-3px)}.learn-card h2{flex:1;margin:0;font-size:1.25rem}.learn-card img{object-fit:contain}.learn-panel{margin-block:1.25rem;padding:1.5rem}.learn-breadcrumb{margin-block-end:1.5rem}.learn-guide-hero{grid-template-columns:1fr 320px;align-items:center;gap:2rem;margin-block:2rem;display:grid}.learn-guide-hero img{object-fit:contain;border-radius:1.25rem;width:100%;height:auto;max-height:300px}.learn-prose{white-space:pre-line;overflow-wrap:anywhere;font-size:1.12rem;line-height:2}.learn-profiles{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.learn-profile{background:color-mix(in srgb,var(--learn-accent) 5%,transparent);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.65rem;padding:1rem;display:flex}.learn-profile img{object-fit:contain}.learn-profile h3{flex:1;min-width:100px}.learn-profile a{flex:1 0 100%}.learn-actions,.learn-controls{flex-wrap:wrap;gap:.6rem;margin-block:1rem;display:flex}.learn-button{text-align:center;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:var(--bs-body-bg);color:inherit;font:inherit;cursor:pointer;border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.learn-button:hover{border-color:var(--learn-accent);background:color-mix(in srgb,var(--learn-accent) 10%,var(--bs-body-bg))}.learn-button:disabled{opacity:.4;cursor:default}.learn-primary{color:#fff;background:#0d716c;border-color:#0d716c}.learn-primary:hover{color:#fff;background:#095c58}.learn-page :focus-visible{outline-offset:4px;outline:3px solid #bf922b}.learn-contents{border-inline-start:3px solid #bf922b;padding:1rem 1.5rem}.learn-contents li{margin-block:.5rem}.learn-section{scroll-margin-top:7rem;display:flow-root}.learn-section-art{float:inline-end;object-fit:contain;max-width:40%;height:auto;margin:0 0 1rem 1rem}.learn-sources{opacity:.8;font-size:.95rem}.learn-player-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.learn-stage video,.learn-stage>img{aspect-ratio:16/10;object-fit:contain;background:#f3efdf;border-radius:.75rem;width:100%}.learn-stage video{background:#000}.learn-page [hidden]{display:none!important}.learn-stage progress{accent-color:#0d716c;width:100%;margin-top:1rem}.learn-arabic{font-family:var(--font-arabic,serif);white-space:pre-line;font-size:1.9rem;line-height:2.1}.learn-auto{align-items:center;gap:.5rem;display:flex}.learn-voices label{margin-block:.75rem;display:block}.learn-voices select{background:var(--bs-body-bg);width:100%;color:inherit;border:1px solid;border-radius:.4rem;padding:.5rem;display:block}.learn-step-list{max-height:24rem;overflow:auto}.learn-step-list button,.learn-hajj-transcript button{color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;width:100%;padding:.7rem;line-height:1.7}.learn-step-list button[aria-current=step],.learn-hajj-transcript button[aria-current=true]{background:color-mix(in srgb,var(--learn-accent) 14%,transparent);border-inline-start:3px solid var(--learn-accent);font-weight:700}.learn-completion{border-block-start:1px solid;margin-top:1rem;padding-top:1rem}.learn-hajj-video{background:#000;border-radius:1rem;width:100%;max-height:65vh}.learn-hajj-caption{text-align:center;background:color-mix(in srgb,var(--learn-accent) 7%,transparent);border-radius:1rem;min-height:5rem;padding:1rem}.learn-hajj-transcript{max-height:28rem;overflow:auto}@media (width<=760px){.learn-grid,.learn-guide-hero,.learn-player-layout{grid-template-columns:1fr}.learn-guide-hero img{grid-row:1;max-height:220px}.learn-card{padding:1.2rem}.learn-panel{padding:1rem}.learn-player-layout{gap:0}.learn-stage{margin-bottom:0}.learn-prose{font-size:1.05rem}.learn-controls .learn-button{flex:1}.learn-profiles{gap:.6rem}.learn-profile{padding:.6rem}.learn-profile img{width:70px;height:70px}}@media (prefers-reduced-motion:reduce){.learn-card{transition:none}.learn-card:hover{transform:none}}@media print{.site-header,.site-footer,.learn-actions,.learn-controls,.learn-profiles,.learn-breadcrumb,.learn-contents,.learn-page video,.learn-voices{display:none!important}.learn-page{max-width:none;margin:0}.learn-panel{box-shadow:none;border:0;padding:0}.learn-section{break-inside:avoid}.learn-guide-hero{grid-template-columns:1fr}.learn-guide-hero img{max-height:160px}.learn-prose{font-size:11pt}.learn-page a{color:inherit}}