/* IBM Plex Sans Arabic, Copyright IBM Corp. SIL OFL 1.1; bundled locally. */
@font-face{font-family:'Prana Plex Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/IBMPlexSansArabic-400.ttf') format('truetype')}
@font-face{font-family:'Prana Plex Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/IBMPlexSansArabic-500.ttf') format('truetype')}
@font-face{font-family:'Prana Plex Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/IBMPlexSansArabic-600.ttf') format('truetype')}
.prana-b{--pb-paper:#f6f0e8;--pb-card:#fffaf5;--pb-ink:#45342f;--pb-muted:#6c5650;--pb-line:#ded5ca;--pb-rust:#b44f36;--pb-green:#e7efe6;--pb-amber:#f1e7d5;--pb-purple:#eee3ec;color:var(--pb-ink);font-family:"Cairo","Prana Plex Arabic",sans-serif;direction:rtl;line-height:1.65}
.prana-b *{box-sizing:border-box}.prana-b button,.prana-b input{font:inherit}.prana-b a{color:inherit}.prana-b button,.prana-b a{touch-action:manipulation}.prana-b :focus-visible{outline:3px solid var(--pb-rust);outline-offset:4px}.prana-b__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.prana-b__card{overflow:hidden;border:1px solid var(--pb-line);border-radius:17px;background:var(--pb-card);min-width:0}.prana-b__card-link{display:block;text-decoration:none}.prana-b__media{position:relative;aspect-ratio:16/9;background:#e8dfd2;overflow:hidden}.prana-b__media img{width:100%;height:100%;object-fit:contain;display:block}.prana-b__image-empty{height:100%;display:grid;place-items:center;color:var(--pb-muted);font-size:.85rem;padding:20px}.prana-b__action{position:absolute;left:12px;bottom:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--pb-rust);color:white}.prana-b__action svg{width:15px;height:15px}.prana-b__body{padding:10px 13px 12px}.prana-b__title{font-size:1rem;font-weight:500;line-height:1.65;margin:0;overflow-wrap:anywhere}.prana-b__facts{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-top:6px;color:var(--pb-muted);font-size:.75rem}.prana-b__fact{display:inline-flex;align-items:center;gap:5px;min-width:0}.prana-b svg{width:15px;height:15px;flex:none;vertical-align:middle}.prana-b__level{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:2px 7px}.prana-b__level[data-level=beginner]{background:var(--pb-green);color:#49604b}.prana-b__level[data-level=intermediate]{background:var(--pb-amber);color:#70552c}.prana-b__level[data-level=advanced]{background:var(--pb-purple);color:#71516c}.prana-b__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"main aside";direction:ltr;gap:30px;align-items:start}.prana-b__main{grid-area:main;direction:rtl;min-width:0}.prana-b__aside{grid-area:aside;direction:rtl;display:grid;gap:16px}.prana-b__hero{position:relative;border-radius:16px;overflow:hidden}.prana-b__hero-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:0;border-radius:50%;background:var(--pb-card);color:var(--pb-ink);display:grid;place-items:center;cursor:pointer}.prana-b__hero-start svg{width:25px;height:25px}.prana-b__page-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.5;margin:18px 0 12px}.prana-b__summary{color:var(--pb-muted);max-width:65ch;margin:12px 0 20px}.prana-b__chips{display:flex;flex-wrap:wrap;gap:8px}.prana-b__chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--pb-line);border-radius:9px;background:transparent;color:inherit;cursor:pointer;font-size:.85rem}.prana-b__chip.prana-b__level{padding:8px 12px}.prana-b__access{margin-top:20px;padding:18px;border:1px solid var(--pb-line);border-radius:15px;background:var(--pb-card)}.prana-b__access p{margin:0 0 12px}.prana-b__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.prana-b__primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border:0;border-radius:9px;background:var(--pb-ink);color:var(--pb-card)!important;text-decoration:none;cursor:pointer}.prana-b__primary:disabled{opacity:.65;cursor:wait}.prana-b__status{font-size:.85rem;color:var(--pb-muted);min-height:1.65em;margin-top:10px}.prana-b__dialog{color:var(--pb-ink);background:var(--pb-card);border:1px solid var(--pb-line);border-radius:17px;width:min(410px,calc(100vw - 32px));padding:22px;max-height:calc(100dvh - 48px);overflow:auto;direction:rtl;font:inherit}.prana-b__dialog::backdrop{background:rgb(44 34 28 / .35)}.prana-b__dialog h2{font-size:1.15rem;font-weight:500;margin:0 0 16px;padding-left:35px}.prana-b__close{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.prana-b__prep-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.prana-b__prep-list li{display:flex;gap:10px;align-items:center}.prana-b__prep-icon{width:37px;height:37px;display:grid;place-items:center;background:#eee7dc;border-radius:9px}.prana-b__player-slot:empty{display:none}.prana-b__player-slot{position:absolute;inset:0;width:100%;height:100%;background:#201c19;border-radius:16px;overflow:hidden}.prana-b__player-slot video,.prana-b__player-slot iframe{width:100%;height:100%;border:0}
@media(max-width:760px){.prana-b__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "aside";gap:24px}.prana-b__aside{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.prana-b__page-title{margin-top:14px}.prana-b__access{padding:15px}}
@media(prefers-reduced-motion:no-preference){.prana-b__card-link .prana-b__action{transition:background-color .15s ease}.prana-b__card-link:hover .prana-b__action{background:#84412e}}
.prana-b__cover{position:relative}

.prana-b [hidden]{display:none!important}

/* Native page shell and catalog controls; presentation stays scoped. */
.prana-b-shell{max-width:1160px;margin-inline:auto;padding:24px 16px;min-width:0}
.prana-b-shell form[role=search]{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-block:16px}
.prana-b-shell form[role=search] label{display:grid;gap:6px;flex:1;min-width:min(100%,220px)}
.prana-b-shell input[type=search]{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--pb-line,#ded5ca);border-radius:9px;background:var(--pb-card,#fffcf7);color:inherit}
.prana-b-shell form[role=search] button,.prana-b-shell nav button,.prana-b-shell>button{min-height:44px;padding:8px 16px;border:1px solid var(--pb-line,#ded5ca);border-radius:9px;background:var(--pb-card,#fffcf7);color:inherit;cursor:pointer}
.prana-b-shell nav{display:flex;gap:10px;margin-block:20px}.prana-b-shell button:disabled{opacity:.5;cursor:default}
.prana-b-shell [role=alert]{padding:16px;color:var(--pb-card,#fffcf7)}
.prana-b__close{width:44px;height:44px}
.prana-b__aside:empty{display:none}.prana-b__layout:has(.prana-b__aside:empty){grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}

/* Compact native catalog: title/search share a row on desktop; no empty pager. */
.prana-b__catalog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.prana-b__catalog-header h1{font-size:clamp(1.45rem,2.8vw,1.8rem);font-weight:500;line-height:1.4;margin:0}
.prana-b-shell .prana-b__catalog-header form[role=search]{margin:0;flex:0 1 390px;gap:8px;align-items:center}
.prana-b-shell .prana-b__catalog-header form[role=search] label{min-width:0}
.prana-b__catalog-status{font-size:.8rem;color:var(--pb-muted);margin:10px 0 12px}
.prana-b__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.prana-b__status:empty{display:none}
@media(max-width:600px){
 .prana-b-shell{padding:18px 16px}
 .prana-b__catalog-header{display:grid;gap:12px}
 .prana-b-shell .prana-b__catalog-header form[role=search]{width:100%}
 .prana-b__catalog-status{margin:8px 0 12px}
}

/* Readiness is independent of membership: never suggest payment unlocks unfinished media. */
.prana-b__availability{position:absolute;inset-block-start:12px;inset-inline-start:12px;padding:4px 10px;border-radius:6px;background:var(--pb-card);color:var(--pb-ink);font-size:.8rem;font-weight:600;border:1px solid var(--pb-line)}