:root{--sq-bg:#00110e;--sq-panel:#06221b;--sq-line:rgba(211,157,48,.34);--sq-gold:#e0a832;--sq-cream:#f1e7d5;--sq-muted:#b9c0ba}.sq-page{background:var(--sq-bg);color:var(--sq-cream);font-family:Inter,system-ui,sans-serif}.sq-page *{box-sizing:border-box}.sq-hero,.sq-section{width:min(calc(100% - 48px),1296px);margin:auto}.sq-hero{min-height:360px;border-radius:14px;overflow:hidden;padding:42px 44px;display:flex;align-items:center;background-image:linear-gradient(90deg,#00110e 0%,rgba(0,17,14,.92) 34%,rgba(0,17,14,.22) 70%),var(--sq-hero);background-size:cover;background-position:center}.sq-hero-copy{max-width:650px}.sq-eyebrow,.sq-kicker{display:block;color:var(--sq-gold);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.sq-hero h1,.sq-section h2,.sq-page h3{font-family:Georgia,serif}.sq-hero h1{font-size:clamp(42px,4vw,58px);line-height:1;margin:12px 0}.sq-hero p{font-size:15px;line-height:1.55}.sq-actions{display:flex;gap:10px;margin-top:20px}.sq-button,.sq-class-card button,.sq-class-card a,.sq-registration-status{min-height:38px;padding:9px 14px;border:1px solid var(--sq-gold);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--sq-gold);background:transparent;text-decoration:none;font-weight:750;font-size:12px}.sq-button.sq-primary{background:linear-gradient(135deg,#efbf57,#c78718);color:#111}.sq-section{padding:28px 0}.sq-section>h2,.sq-section-head h2{font-size:30px;line-height:1.1;margin:7px 0 14px}.sq-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sq-timeline article{min-height:112px;padding:15px;border:1px solid var(--sq-line);border-radius:9px;background:linear-gradient(145deg,#08241c,#04150f);display:grid;grid-template-columns:38px 32px 1fr;gap:8px;align-items:start}.sq-step-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--sq-line);border-radius:7px;color:var(--sq-gold)}.sq-timeline b{color:var(--sq-gold);font:700 21px Georgia,serif}.sq-timeline h3{font-size:15px;margin:1px 0 3px}.sq-timeline p{font-size:11px;color:var(--sq-muted);margin:0 0 8px}.sq-timeline article div>span{display:inline-block;padding:3px 8px;border:1px solid var(--sq-line);border-radius:20px;color:var(--sq-gold);font-size:10px}.sq-two{display:grid;grid-template-columns:1.25fr .85fr;gap:12px;padding-top:0}.sq-panel{border:1px solid var(--sq-line);border-radius:10px;background:linear-gradient(145deg,#08241c,#04150f);padding:22px}.sq-panel h2{font-size:25px;margin:5px 0 15px}.sq-method{--sq-method-image:url('/wp-content/uploads/sihulk/articles/foundation/quran-prism-foundation.webp');aspect-ratio:16/6;background-image:linear-gradient(90deg,rgba(0,15,12,.12),rgba(3,24,19,.98) 38%),var(--sq-method-image);background-size:cover;background-position:left center}.sq-method-copy{margin-left:28%;}.sq-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.sq-benefits strong,.sq-schedule b{font:600 15px Georgia,serif}.sq-benefits p,.sq-schedule span{font-size:11px;line-height:1.4;color:var(--sq-muted);margin:3px 0}.sq-schedule ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.sq-schedule li{display:grid;gap:2px}.sq-available{padding-top:22px}.sq-class-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}.sq-available[data-class-count="1"] .sq-class-grid{grid-template-columns:repeat(1,minmax(0,1fr));max-width:250px}.sq-available[data-class-count="2"] .sq-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:510px}.sq-available[data-class-count="3"] .sq-class-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:770px}.sq-available[data-class-count="4"] .sq-class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sq-class-card{min-height:250px;padding:14px;border:1px solid rgba(74,145,111,.4);border-radius:9px;background:linear-gradient(150deg,#08251c,#051711);display:flex;flex-direction:column}.sq-class-card h3{font-size:15px;margin:0 0 8px}.sq-class-card time{font-size:12px;color:var(--sq-gold);font-weight:750}.sq-frequency{font-size:11px;color:var(--sq-muted);min-height:28px}.sq-class-card dl{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;font-size:10px;margin:5px 0 10px}.sq-class-card dt{color:var(--sq-gold)}.sq-class-card dd{margin:0;color:#d7d9d4}.sq-participants{margin-top:auto;border-top:1px solid rgba(224,168,50,.22);padding-top:8px}.sq-participants summary{display:flex;justify-content:space-between;cursor:pointer;font-size:11px;font-weight:700;list-style:none}.sq-participants summary::-webkit-details-marker{display:none}.sq-participant-preview{display:flex;gap:4px;margin-top:6px}.sq-participant-preview i{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;background:#d5ddd8;color:#173329;font-style:normal;font-size:9px;font-weight:800}.sq-participant-preview i.is-empty{background:rgba(255,255,255,.07);color:#557067}.sq-participant-list{font-size:10px;color:var(--sq-muted);padding-top:6px}.sq-participant-list ul{margin:0;padding-left:16px}.sq-participant-list p{margin:0}.sq-participants:not([open]) .sq-participant-list{display:none}.sq-card-action{margin-top:9px}.sq-card-action>*{width:100%}.sq-quick-register{margin:0}.sq-quick-register button{width:100%}.sq-registration-status.registered{border-color:#4caf7a;color:#9fddb9;background:rgba(42,168,102,.1)}.sq-apply{margin-top:0;margin-bottom:16px;padding:16px 20px;border:1px solid var(--sq-line);border-radius:9px;background:linear-gradient(110deg,#082219,#04140f);display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center}.sq-apply h2{font-size:24px!important;margin:0 0 5px!important}.sq-apply p{font-size:11px;margin:0}.sq-member-ready,.sq-form{border:1px solid var(--sq-line);border-radius:8px;padding:15px}.sq-member-ready strong{font:600 18px Georgia,serif}.sq-member-ready p{font-size:11px}.sq-form label{display:grid;gap:5px;margin-bottom:9px;font-size:11px}.sq-form input,.sq-form select,.sq-form textarea{background:#061b17;border:1px solid var(--sq-line);border-radius:6px;color:#fff;padding:9px}.sq-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sq-consent{grid-template-columns:20px 1fr!important}.sq-hp{position:absolute!important;left:-9999px}.sq-pagination{display:flex;gap:6px;justify-content:center;margin-top:14px}.sq-pagination .page-numbers{padding:7px 10px;border:1px solid var(--sq-line);border-radius:5px;color:var(--sq-gold);text-decoration:none}
@media(max-width:1100px){.sq-class-grid,.sq-available[data-class-count] .sq-class-grid{grid-template-columns:repeat(3,1fr);max-width:none}.sq-two{grid-template-columns:1fr}.sq-method{aspect-ratio:auto;min-height:280px}.sq-timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sq-hero,.sq-section{width:calc(100% - 24px)}.sq-hero{min-height:440px;padding:28px 20px;align-items:flex-end;background-image:linear-gradient(180deg,rgba(0,17,14,.2),#00110e 85%),var(--sq-hero-mobile)}.sq-hero h1{font-size:38px}.sq-actions{flex-direction:column}.sq-timeline,.sq-class-grid,.sq-available[data-class-count] .sq-class-grid,.sq-apply,.sq-form-grid{grid-template-columns:1fr}.sq-method{padding-top:170px;background-image:linear-gradient(180deg,rgba(0,15,12,.05),#061b16 52%),var(--sq-method-image);background-position:top center}.sq-method-copy{margin-left:0}.sq-benefits,.sq-schedule ul{grid-template-columns:1fr}.sq-section{padding:22px 0}}
/* v1.5.3 — full published-class archive: available + past, independently paginated. */
.sq-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.sq-class-total{font-size:11px;color:var(--sq-muted);white-space:nowrap}.sq-past{border-top:1px solid rgba(224,168,50,.14)}.sq-past-card{opacity:.92}.sq-past-card .sq-registration-status.closed{width:100%;border-color:rgba(185,192,186,.28);color:var(--sq-muted)}
@media(max-width:700px){.sq-section-head{align-items:start;flex-direction:column;gap:4px}}

/* v1.5.4 — show ten participant slots before expansion and keep card rhythm aligned. */
.sq-participant-preview{
  display:grid;
  grid-template-columns:repeat(5,22px);
  grid-auto-rows:22px;
  gap:5px;
  min-height:49px;
  align-content:start;
  margin-top:7px;
}
.sq-participant-preview i{
  width:22px;
  height:22px;
}
.sq-class-card{
  min-height:280px;
}
.sq-card-action{
  margin-top:10px;
}
@media(max-width:700px){
  .sq-participant-preview{
    grid-template-columns:repeat(10,22px);
    grid-auto-rows:22px;
    overflow-x:auto;
    min-height:22px;
  }
  .sq-class-card{min-height:0}
}

/* Universal participant avatars */
.sq-participant-preview{display:grid!important;grid-template-columns:repeat(5,28px);gap:5px;margin-top:8px}.sq-participant-person,.sq-participant-preview>i{width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center}.sq-participant-avatar{width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover}.sq-participant-person{border:1px solid rgba(224,168,50,.45);cursor:pointer}.sq-participant-preview>i.is-empty{background:rgba(255,255,255,.06);color:#587067;font-style:normal}.sq-participant-list{margin-top:7px}.sq-participants:not([open]) .sq-participant-list{display:none}


/* v1.5.6 — participant strip cleanup: actual avatars only, 10 before expand, hover-only names. */
.sq-participants{margin-top:auto;border-top:1px solid rgba(224,168,50,.22);padding-top:8px}
.sq-participants-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}
.sq-participants-head strong{font-size:11px;font-weight:700}
.sq-participants-toggle{appearance:none;border:0!important;background:transparent!important;color:var(--sq-muted)!important;padding:0!important;min-height:0!important;width:22px!important;height:22px!important;display:grid!important;place-items:center!important;cursor:pointer;font-size:13px!important}
.sq-participant-preview,.sq-participant-more{display:grid!important;grid-template-columns:repeat(5,28px)!important;grid-auto-rows:28px;gap:5px;margin-top:7px;align-content:start}
.sq-participant-preview{min-height:61px}
.sq-participant-more[hidden]{display:none!important}
.sq-participant-person{position:relative;width:28px;height:28px;border-radius:50%;overflow:visible!important;display:grid;place-items:center;border:1px solid rgba(224,168,50,.45);cursor:pointer}
.sq-participant-avatar{width:26px!important;height:26px!important;border-radius:50%!important;object-fit:cover;display:block}
.sq-participant-person::after{content:attr(data-name);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);background:#061b17;color:#f1e7d5;border:1px solid rgba(224,168,50,.45);border-radius:5px;padding:5px 7px;font-size:10px;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:30;box-shadow:0 5px 18px rgba(0,0,0,.3)}
.sq-participant-person:hover::after,.sq-participant-person:focus-visible::after{opacity:1;visibility:visible}
.sq-participant-list,.sq-participant-preview>i.is-empty{display:none!important}
@media(max-width:700px){.sq-participant-preview,.sq-participant-more{grid-template-columns:repeat(5,28px)!important}.sq-participant-preview{min-height:61px}}

/* v1.5.7 — instant custom participant tooltip; remove native delayed title tooltip/help cursor. */
.sq-participant-person{cursor:pointer!important}
.sq-participant-person::after{transition:none!important}
.sq-participant-person:hover::after,.sq-participant-person:focus::after,.sq-participant-person:focus-visible::after{opacity:1!important;visibility:visible!important}

/* v1.5.8 — reliable instant participant name tooltip rendered outside cards. */
.sq-participant-person{cursor:help!important}
.sq-participant-person::after{display:none!important}
.sq-participant-live-tooltip{position:fixed;z-index:2147483000;pointer-events:none;background:#061b17;color:#f1e7d5;border:1px solid rgba(224,168,50,.65);border-radius:6px;padding:6px 9px;font:600 11px/1.1 Inter,system-ui,sans-serif;white-space:nowrap;box-shadow:0 7px 22px rgba(0,0,0,.42);transform:translate(-50%,-100%);margin-top:-8px;opacity:0;visibility:hidden}
.sq-participant-live-tooltip.is-visible{opacity:1;visibility:visible}

/* v1.5.9 — compact approved Quran information architecture */
.sq-v150 .sq-journey{padding-top:22px;padding-bottom:22px}
.sq-v150 .sq-journey>h2{margin-bottom:11px}
.sq-v150 .sq-timeline{gap:10px}
.sq-v150 .sq-timeline article{min-height:94px;padding:12px;grid-template-columns:30px 27px 1fr;gap:7px;align-items:center}
.sq-v150 .sq-step-icon{width:29px;height:29px}
.sq-v150 .sq-timeline b{font-size:18px}
.sq-v150 .sq-timeline h3{font-size:14px}
.sq-v150 .sq-timeline p{margin-bottom:5px}
.sq-v150 .sq-two{grid-template-columns:1.45fr 1fr;align-items:stretch;gap:12px}
.sq-v150 .sq-method{aspect-ratio:16/6.2;min-height:0;display:flex;align-items:center;padding:20px;background-position:left center}
.sq-v150 .sq-method-copy{margin-left:29%;width:71%;align-self:center}
.sq-v150 .sq-method-copy h2,.sq-v150 .sq-schedule h2{margin:4px 0 12px;line-height:1.08}
.sq-v150 .sq-benefits{align-items:start;gap:10px 18px}
.sq-v150 .sq-benefits>div{min-width:0}
.sq-v150 .sq-schedule{display:flex;flex-direction:column;justify-content:center;padding:20px}
.sq-v150 .sq-schedule ul{align-items:start;gap:12px 18px}
.sq-v150 .sq-apply{padding:14px 18px;grid-template-columns:1fr 1.45fr;gap:18px;align-items:center}
.sq-v150 .sq-apply>div:first-child{align-self:center}
.sq-v150 .sq-member-ready{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:0}
.sq-v150 .sq-member-ready strong{font-size:17px;line-height:1.15}
.sq-v150 .sq-member-ready p{margin:3px 0 0}
.sq-v150 .sq-member-ready .sq-button,.sq-v150 .sq-member-ready a{flex:0 0 auto}
@media(max-width:700px){.sq-v150 .sq-timeline article{min-height:88px}.sq-v150 .sq-method{aspect-ratio:auto;min-height:0}.sq-v150 .sq-member-ready{display:block}}


/* v1.5.11 — Quran content hierarchy, full method artwork and member display-name line. */
.sq-v150 .sq-timeline article{min-height:104px;padding:14px;grid-template-columns:34px 32px minmax(0,1fr);gap:9px;align-items:center}
.sq-v150 .sq-step-icon{width:32px;height:32px}
.sq-v150 .sq-timeline b{font-size:20px;line-height:1;color:var(--sq-gold)}
.sq-v150 .sq-timeline h3{font-size:16px;line-height:1.15;margin:0 0 3px;color:var(--sq-cream)}
.sq-v150 .sq-timeline p{font-size:12px;line-height:1.3;margin:0 0 7px;color:#aeb8b1}
.sq-v150 .sq-timeline article div>span{font-size:10px;line-height:1;padding:4px 8px}
.sq-v150 .sq-method{background-image:linear-gradient(90deg,rgba(0,17,14,.08) 0%,rgba(0,17,14,.18) 32%,rgba(3,24,19,.96) 48%,rgba(3,24,19,.99) 100%),var(--sq-method-image);background-size:100% 100%,44% auto;background-repeat:no-repeat;background-position:center,left center}
.sq-v150 .sq-method-copy{margin-left:38%;width:62%}
.sq-v150 .sq-schedule b{color:#f1e7d5;font-weight:700}
.sq-v150 .sq-schedule span{color:#98a69f;font-size:11px;line-height:1.45}
.sq-v150 .sq-schedule li{gap:4px}
.sq-v150 .sq-member-ready-copy{min-width:0}
.sq-v150 .sq-member-ready strong{display:block;font-size:clamp(13px,1.15vw,16px);line-height:1.2;white-space:nowrap}
.sq-v150 .sq-member-display-name{color:var(--sq-gold)}
@media(max-width:700px){
 .sq-v150 .sq-timeline article{min-height:96px;padding:13px;grid-template-columns:32px 30px minmax(0,1fr)}
 .sq-v150 .sq-method{background-size:100% 100%,100% auto;background-position:center,top center}
 .sq-v150 .sq-method-copy{margin-left:0;width:100%}
 .sq-v150 .sq-member-ready strong{font-size:13px;white-space:nowrap}
}


/* v1.5.13 — final approved Quran page visual composition */
.sq-v150 .sq-hero{min-height:330px;padding:38px 34px;background-position:center 44%;border-radius:12px}
.sq-v150 .sq-hero-copy{max-width:520px}
.sq-v150 .sq-hero h1{font-size:clamp(42px,4vw,60px);line-height:.98;letter-spacing:-.025em;margin:10px 0 14px}
.sq-v150 .sq-hero h1 span{display:block}
.sq-v150 .sq-two{grid-template-columns:1.18fr .82fr;gap:10px;padding-top:10px;padding-bottom:12px;align-items:stretch}
.sq-v150 .sq-panel{min-height:300px;padding:24px;border-radius:10px;overflow:hidden}
.sq-v150 .sq-method{aspect-ratio:auto;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(0,15,12,.08) 0%,rgba(0,15,12,.24) 35%,rgba(2,24,19,.92) 55%,#041913 100%),var(--sq-method-image);background-size:cover;background-position:center;background-repeat:no-repeat}
.sq-v150 .sq-method-copy{margin-left:43%;width:57%;padding:4px 0}
.sq-v150 .sq-method-copy h2,.sq-v150 .sq-schedule h2{font-size:clamp(24px,2.15vw,34px);line-height:1.02;margin:6px 0 18px}
.sq-v150 .sq-benefits{gap:17px 24px}
.sq-v150 .sq-benefits strong{color:#f2e7d5;font-size:15px}.sq-v150 .sq-benefits p{font-size:11px;line-height:1.45}
.sq-v150 .sq-schedule{display:flex;align-items:center;background:radial-gradient(circle at 100% 50%,rgba(197,143,38,.10),transparent 40%),linear-gradient(145deg,#08241c,#04150f)}
.sq-v150 .sq-schedule-copy{width:100%}
.sq-v150 .sq-schedule ul{grid-template-columns:1fr;gap:10px}
.sq-v150 .sq-schedule li{grid-template-columns:40px 1fr;gap:10px;align-items:center}
.sq-v150 .sq-guide-icon{width:36px;height:36px;border:1px solid var(--sq-gold);border-radius:50%;display:grid;place-items:center;color:var(--sq-gold);font-size:8px}
.sq-v150 .sq-schedule li>div{display:grid;gap:2px}.sq-v150 .sq-schedule b{color:#f1e7d5;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:750}.sq-v150 .sq-schedule li div>span{color:#aeb8b1;font-size:10px}
.sq-v150 .sq-journey{padding-top:10px;padding-bottom:18px}
.sq-v150 .sq-journey>h2{font-size:30px;margin:6px 0 12px}
.sq-v150 .sq-timeline{gap:10px}
.sq-v150 .sq-timeline .sq-stage{position:relative;min-height:170px;padding:17px 18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(74,145,111,.42);border-radius:9px;background:linear-gradient(180deg,rgba(2,25,19,.35),rgba(1,15,12,.92)),linear-gradient(135deg,#0a2b21,#04150f)}
.sq-v150 .sq-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 100%,rgba(224,168,50,.12),transparent 45%);pointer-events:none}
.sq-v150 .sq-stage-copy,.sq-v150 .sq-stage-month{position:relative;z-index:1}
.sq-v150 .sq-stage h3{font-size:20px;line-height:1.05;margin:0 0 7px;color:#f1e7d5}.sq-v150 .sq-stage p{max-width:95%;font-size:11px;line-height:1.45;color:#c2c6bf;margin:0}
.sq-v150 .sq-stage-month{width:92px;padding:8px 12px;border:1px solid rgba(224,168,50,.28);border-radius:8px;background:rgba(4,18,14,.58);text-align:center}
.sq-v150 .sq-stage-month strong{display:block;color:#f0b43c;font:800 38px/1 Inter,system-ui,sans-serif}.sq-v150 .sq-stage-month span{display:block;margin-top:5px;color:#e8b84d;font-size:9px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
.sq-v150 .sq-available,.sq-v150 .sq-past{padding-top:12px;padding-bottom:16px}
.sq-v150 .sq-section-head{align-items:end}
.sq-v150 .sq-apply{min-height:112px;padding:18px 24px;grid-template-columns:1fr 1fr;background:linear-gradient(90deg,rgba(4,33,25,.97),rgba(9,39,29,.9)),radial-gradient(circle at 80% 100%,rgba(224,168,50,.16),transparent 38%)}
.sq-v150 .sq-member-ready{min-height:74px;display:flex;flex-direction:column;justify-content:center;padding:12px 20px}
.sq-v150 .sq-member-ready strong{font-size:clamp(16px,1.45vw,22px);white-space:nowrap}.sq-v150 .sq-member-ready strong .sq-member-display-name{color:var(--sq-gold)}
@media(max-width:1100px){.sq-v150 .sq-two{grid-template-columns:1fr}.sq-v150 .sq-panel{min-height:280px}.sq-v150 .sq-method-copy{margin-left:40%;width:60%}.sq-v150 .sq-timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sq-v150 .sq-hero h1{font-size:40px}.sq-v150 .sq-panel{min-height:0}.sq-v150 .sq-method{padding-top:190px;background-image:linear-gradient(180deg,rgba(0,15,12,.04) 0%,rgba(4,25,19,.96) 52%,#041913 100%),var(--sq-method-image);background-size:cover;background-position:center top}.sq-v150 .sq-method-copy{margin-left:0;width:100%}.sq-v150 .sq-timeline{grid-template-columns:1fr}.sq-v150 .sq-timeline .sq-stage{min-height:145px}.sq-v150 .sq-apply{grid-template-columns:1fr;gap:12px}.sq-v150 .sq-member-ready strong{white-space:normal}}


/* v1.5.15 — uploads-first Quran artwork, wired directly in the plugin. */
.sq-v150 .sq-stage{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.sq-v150 .sq-stage-foundation{background-image:linear-gradient(180deg,rgba(1,20,15,.28),rgba(1,15,12,.94)),var(--sq-journey-foundation)!important}
.sq-v150 .sq-stage-fluent{background-image:linear-gradient(180deg,rgba(1,20,15,.28),rgba(1,15,12,.94)),var(--sq-journey-fluent)!important}
.sq-v150 .sq-stage-juz{background-image:linear-gradient(180deg,rgba(1,20,15,.28),rgba(1,15,12,.94)),var(--sq-journey-khatam)!important}
.sq-v150 .sq-stage-writing{background-image:linear-gradient(180deg,rgba(1,20,15,.28),rgba(1,15,12,.94)),var(--sq-journey-writing)!important}
.sq-v150 .sq-stage .sq-step-icon,.sq-v150 .sq-stage>b,.sq-v150 .sq-stage>.sihulk-quran-journey-icon{display:none!important}

/* v1.5.16 — approved Quran page final layout */
.sq-v150 .sq-two{grid-template-columns:1.18fr .82fr;align-items:stretch;gap:14px}
.sq-v150 .sq-two>.sq-panel{height:100%;min-height:300px}
.sq-v150 .sq-method{min-height:300px;aspect-ratio:auto;padding:22px 24px}
.sq-v150 .sq-method-copy{margin-left:43%;width:57%}
.sq-v150 .sq-schedule{min-height:300px;display:flex;flex-direction:column;justify-content:center}
.sq-v150 .sq-schedule ul{grid-template-columns:1fr;gap:12px}

.sq-v150 .sq-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sq-v150 .sq-timeline .sq-stage{min-width:0;min-height:174px;padding:16px 16px 14px;display:grid!important;grid-template-columns:minmax(0,1fr) 82px!important;grid-template-rows:1fr!important;gap:12px!important;align-items:end!important;position:relative;overflow:hidden}
.sq-v150 .sq-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,15,12,.92) 0%,rgba(0,15,12,.68) 54%,rgba(0,15,12,.28) 100%);pointer-events:none;z-index:0}
.sq-v150 .sq-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,10,8,.42));pointer-events:none;z-index:0}
.sq-v150 .sq-stage-copy{align-self:end;min-width:0;max-width:none!important;padding-right:0}
.sq-v150 .sq-stage-copy h3{font-size:19px;line-height:1.08;margin:0 0 7px;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}
.sq-v150 .sq-stage-copy p{max-width:none!important;font-size:11px;line-height:1.4;margin:0;color:#d0d5cf;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}
.sq-v150 .sq-stage-month{align-self:end;justify-self:end;width:76px;padding:8px 8px 7px;border-radius:9px;background:rgba(2,18,14,.82);backdrop-filter:blur(5px)}
.sq-v150 .sq-stage-month strong{font-size:36px}.sq-v150 .sq-stage-month span{font-size:8px;letter-spacing:.18em}
.sq-v150 .sq-stage>.sq-step-icon,.sq-v150 .sq-stage>b,.sq-v150 .sq-stage>.sihulk-quran-journey-icon{display:none!important}

.sq-v150 .sq-apply.sq-apply-visual{position:relative;isolation:isolate;overflow:hidden;min-height:158px;margin-top:4px;margin-bottom:18px;padding:22px 24px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:28px;background-image:linear-gradient(90deg,rgba(0,18,14,.96) 0%,rgba(0,18,14,.88) 38%,rgba(0,18,14,.46) 68%,rgba(0,18,14,.18) 100%),var(--sq-journey-cta);background-size:cover;background-position:center right;border-color:rgba(224,168,50,.34)}
.sq-v150 .sq-apply.sq-apply-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,12,9,.22));z-index:-1;pointer-events:none}
.sq-v150 .sq-apply-copy{max-width:420px}
.sq-v150 .sq-apply-copy h2{font-size:26px!important;margin:0 0 7px!important}
.sq-v150 .sq-apply-copy p{font-size:12px;line-height:1.45;color:#c7cec8}
.sq-v150 .sq-apply-action{min-width:0;justify-self:stretch}
.sq-v150 .sq-apply-action .sq-member-ready,.sq-v150 .sq-apply-action .sq-form{background:rgba(0,16,12,.74);backdrop-filter:blur(8px);border-color:rgba(224,168,50,.48)}

@media(max-width:1100px){
 .sq-v150 .sq-two{grid-template-columns:1fr}
 .sq-v150 .sq-two>.sq-panel,.sq-v150 .sq-method,.sq-v150 .sq-schedule{min-height:280px}
 .sq-v150 .sq-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sq-v150 .sq-apply.sq-apply-visual{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .sq-v150 .sq-method{min-height:360px;padding:185px 18px 18px}.sq-v150 .sq-method-copy{margin-left:0;width:100%}
 .sq-v150 .sq-schedule{min-height:0}
 .sq-v150 .sq-timeline{grid-template-columns:1fr}
 .sq-v150 .sq-timeline .sq-stage{min-height:154px;grid-template-columns:minmax(0,1fr) 76px!important;gap:10px!important}
 .sq-v150 .sq-apply.sq-apply-visual{min-height:250px;grid-template-columns:1fr;gap:14px;padding:20px 18px;background-image:linear-gradient(180deg,rgba(0,18,14,.9) 0%,rgba(0,18,14,.7) 52%,rgba(0,18,14,.92) 100%),var(--sq-journey-cta);background-position:center right}
 .sq-v150 .sq-apply-action{width:100%}
}


/* v1.5.17 — final Quran visual polish: emerald Journey cards + compact CTA glass. */
.sq-v150 .sq-method{
  background-image:
    linear-gradient(90deg,rgba(0,15,12,.18) 0%,rgba(0,15,12,.34) 31%,rgba(2,24,19,.92) 51%,#041913 100%),
    var(--sq-method-image)!important;
  background-position:left center!important;
}
.sq-v150 .sq-method-copy{margin-left:40%!important;width:60%!important}

.sq-v150 .sq-timeline{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.sq-v150 .sq-timeline .sq-stage{
  min-width:0!important;
  width:100%!important;
  min-height:174px!important;
  padding:16px 14px 14px!important;
  grid-template-columns:minmax(0,1fr) 70px!important;
  gap:10px!important;
  overflow:hidden!important;
}
/* Keep the artwork visible: emerald glass, never a black block. */
.sq-v150 .sq-stage:before{
  background:linear-gradient(90deg,
    rgba(1,37,28,.68) 0%,
    rgba(1,35,27,.48) 48%,
    rgba(1,28,22,.20) 78%,
    rgba(1,24,19,.10) 100%)!important;
}
.sq-v150 .sq-stage:after{
  background:linear-gradient(180deg,
    rgba(4,45,34,.03) 0%,
    rgba(3,39,30,.10) 44%,
    rgba(1,31,24,.36) 100%)!important;
}
.sq-v150 .sq-stage-copy{min-width:0!important;max-width:none!important;padding-right:0!important}
.sq-v150 .sq-stage h3{font-size:18px!important;line-height:1.08!important;margin:0 0 6px!important}
.sq-v150 .sq-stage p{font-size:10.5px!important;line-height:1.38!important;color:#e0e5df!important}
.sq-v150 .sq-stage-month{
  width:68px!important;
  min-width:68px!important;
  padding:7px 6px 6px!important;
  margin:0!important;
  justify-self:end!important;
  align-self:end!important;
  border-color:rgba(224,168,50,.42)!important;
  background:rgba(4,36,27,.62)!important;
  backdrop-filter:blur(5px)!important;
}
.sq-v150 .sq-stage-month strong{font-size:32px!important;line-height:1!important}
.sq-v150 .sq-stage-month span{font-size:7.5px!important;letter-spacing:.14em!important}

.sq-v150 .sq-apply.sq-apply-visual{
  min-height:148px!important;
  padding:18px 22px!important;
  grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr)!important;
  gap:24px!important;
  background-image:
    linear-gradient(90deg,
      rgba(1,30,23,.94) 0%,
      rgba(1,30,23,.78) 38%,
      rgba(1,30,23,.36) 67%,
      rgba(1,30,23,.12) 100%),
    var(--sq-journey-cta)!important;
  background-position:center 58%!important;
}
.sq-v150 .sq-apply.sq-apply-visual:before{
  background:linear-gradient(180deg,rgba(5,45,34,.02),rgba(2,31,24,.16))!important;
}
.sq-v150 .sq-apply-copy{max-width:430px!important}
.sq-v150 .sq-apply-action{justify-self:end!important;width:100%!important;max-width:620px!important}
.sq-v150 .sq-apply-action .sq-member-ready{
  min-height:0!important;
  padding:12px 18px!important;
  background:rgba(2,31,24,.54)!important;
  border-color:rgba(224,168,50,.42)!important;
  backdrop-filter:blur(7px)!important;
}
.sq-v150 .sq-apply-action .sq-form{
  background:rgba(2,31,24,.62)!important;
  border-color:rgba(224,168,50,.42)!important;
  backdrop-filter:blur(7px)!important;
}

@media(max-width:1100px){
  .sq-v150 .sq-method-copy{margin-left:38%!important;width:62%!important}
  .sq-v150 .sq-timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sq-v150 .sq-apply.sq-apply-visual{grid-template-columns:minmax(0,.85fr) minmax(300px,1.15fr)!important}
}
@media(max-width:760px){
  .sq-v150 .sq-timeline{grid-template-columns:1fr!important}
  .sq-v150 .sq-timeline .sq-stage{grid-template-columns:minmax(0,1fr) 68px!important}
  .sq-v150 .sq-apply.sq-apply-visual{
    min-height:235px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:18px!important;
    background-image:
      linear-gradient(180deg,rgba(1,30,23,.82) 0%,rgba(1,30,23,.56) 46%,rgba(1,30,23,.88) 100%),
      var(--sq-journey-cta)!important;
    background-position:center right!important;
  }
  .sq-v150 .sq-apply-action{justify-self:stretch!important;max-width:none!important}
}
@media(max-width:700px){
  .sq-v150 .sq-method-copy{margin-left:0!important;width:100%!important}
}


/* v1.5.18 — Journey artwork clarity + breathing room below hero only. */
.sq-v150 .sq-two{
  margin-top:28px!important;
}

/* Remove the legacy dark bottom band from the actual card background image. */
.sq-v150 .sq-stage-foundation{
  background-image:linear-gradient(rgba(3,48,36,.10),rgba(3,48,36,.10)),var(--sq-journey-foundation)!important;
}
.sq-v150 .sq-stage-fluent{
  background-image:linear-gradient(rgba(3,48,36,.10),rgba(3,48,36,.10)),var(--sq-journey-fluent)!important;
}
.sq-v150 .sq-stage-juz{
  background-image:linear-gradient(rgba(3,48,36,.10),rgba(3,48,36,.10)),var(--sq-journey-khatam)!important;
}
.sq-v150 .sq-stage-writing{
  background-image:linear-gradient(rgba(3,48,36,.10),rgba(3,48,36,.10)),var(--sq-journey-writing)!important;
}

/* Only a soft emerald readability veil on the copy side; no black lower strip. */
.sq-v150 .sq-stage:before{
  background:linear-gradient(90deg,
    rgba(2,39,30,.54) 0%,
    rgba(2,39,30,.34) 42%,
    rgba(2,39,30,.12) 68%,
    rgba(2,39,30,0) 100%)!important;
}
.sq-v150 .sq-stage:after{
  background:none!important;
}

@media(max-width:700px){
  .sq-v150 .sq-two{margin-top:18px!important}
}

/* v1.5.19 — compact SiHulk Method + Weekly Guided Classes cards. */
@media(min-width:1101px){
  .sq-v150 .sq-two{
    grid-template-columns:1.18fr .82fr!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  .sq-v150 .sq-two>.sq-panel,
  .sq-v150 .sq-method,
  .sq-v150 .sq-schedule{
    min-height:236px!important;
    height:236px!important;
  }
  .sq-v150 .sq-method{
    padding:16px 20px!important;
    background-size:cover!important;
    background-position:left center!important;
  }
  .sq-v150 .sq-method-copy{
    margin-left:39%!important;
    width:61%!important;
    padding:0!important;
  }
  .sq-v150 .sq-method-copy h2,
  .sq-v150 .sq-schedule h2{
    font-size:24px!important;
    line-height:1.02!important;
    margin:4px 0 10px!important;
  }
  .sq-v150 .sq-benefits{
    gap:8px 18px!important;
  }
  .sq-v150 .sq-benefits strong,
  .sq-v150 .sq-schedule b{
    font-size:14px!important;
  }
  .sq-v150 .sq-benefits p,
  .sq-v150 .sq-schedule span{
    font-size:10.5px!important;
    line-height:1.32!important;
    margin:2px 0!important;
  }
  .sq-v150 .sq-schedule{
    padding:16px 20px!important;
    justify-content:center!important;
  }
  .sq-v150 .sq-schedule ul{
    gap:8px!important;
  }
  .sq-v150 .sq-schedule li{
    min-height:0!important;
  }
}

@media(max-width:1100px){
  .sq-v150 .sq-two>.sq-panel,
  .sq-v150 .sq-method,
  .sq-v150 .sq-schedule{
    height:auto!important;
  }
}

/* v1.5.20 — compact Method/Guided + locked Available card alignment. */
@media(min-width:1101px){
 .sq-v150 .sq-two>.sq-panel,.sq-v150 .sq-method,.sq-v150 .sq-schedule{height:220px!important;min-height:220px!important;max-height:220px!important}
 .sq-v150 .sq-method{padding:14px 18px!important}
 .sq-v150 .sq-method-copy{margin-left:39%!important;width:61%!important}
 .sq-v150 .sq-method-copy h2,.sq-v150 .sq-schedule h2{font-size:22px!important;margin:3px 0 8px!important}
 .sq-v150 .sq-benefits{gap:6px 16px!important}
 .sq-v150 .sq-benefits strong,.sq-v150 .sq-schedule b{font-size:13px!important}
 .sq-v150 .sq-benefits p,.sq-v150 .sq-schedule span{font-size:10px!important;line-height:1.25!important;margin:1px 0!important}
 .sq-v150 .sq-schedule{padding:14px 18px!important}
 .sq-v150 .sq-schedule ul{gap:6px!important}
}
.sq-v150 .sq-available:not(.sq-past) .sq-class-card{
 display:grid!important;
 grid-template-rows:minmax(24px,auto) 42px 50px 64px minmax(96px,1fr) 50px!important;
 align-content:stretch!important;
}
.sq-v150 .sq-available:not(.sq-past) .sq-class-card h3{margin:0!important;align-self:start}
.sq-v150 .sq-available:not(.sq-past) .sq-class-card time{align-self:start}
.sq-v150 .sq-available:not(.sq-past) .sq-frequency{margin:0!important;min-height:0!important;align-self:center}
.sq-v150 .sq-available:not(.sq-past) .sq-class-card dl{margin:0!important;align-self:start}
.sq-v150 .sq-available:not(.sq-past) .sq-participants{margin-top:0!important;min-height:96px!important;align-self:stretch}
.sq-v150 .sq-available:not(.sq-past) .sq-participant-preview{min-height:61px!important}
.sq-v150 .sq-available:not(.sq-past) .sq-card-action{margin-top:0!important;align-self:end;display:flex;align-items:end}
.sq-v150 .sq-available:not(.sq-past) .sq-card-action>*{width:100%!important}
@media(max-width:700px){
 .sq-v150 .sq-available:not(.sq-past) .sq-class-card{display:flex!important}
 .sq-v150 .sq-available:not(.sq-past) .sq-participants{min-height:0!important;margin-top:10px!important}
 .sq-v150 .sq-available:not(.sq-past) .sq-card-action{margin-top:10px!important}
}


/* v1.5.21 — Weekly Guided containment + Available cards mirror Past cards. */
@media(min-width:1101px){
  .sq-v150 .sq-two>.sq-panel,
  .sq-v150 .sq-method,
  .sq-v150 .sq-schedule{
    height:248px!important;
    min-height:248px!important;
    max-height:248px!important;
    overflow:hidden!important;
  }
  .sq-v150 .sq-schedule{
    padding:14px 18px!important;
    justify-content:center!important;
  }
  .sq-v150 .sq-schedule-copy{width:100%!important;min-width:0!important}
  .sq-v150 .sq-schedule .sq-kicker{margin:0 0 2px!important}
  .sq-v150 .sq-schedule h2{font-size:21px!important;line-height:1.02!important;margin:2px 0 7px!important}
  .sq-v150 .sq-schedule ul{gap:4px!important;margin:0!important}
  .sq-v150 .sq-schedule li{grid-template-columns:34px 1fr!important;gap:8px!important;min-height:0!important}
  .sq-v150 .sq-schedule li>span{width:30px!important;height:30px!important}
  .sq-v150 .sq-schedule b{font-size:12px!important;line-height:1.12!important}
  .sq-v150 .sq-schedule li div>span{font-size:9.5px!important;line-height:1.18!important}
}

/* Available uses the exact same card flow as Past; only the final action differs. */
.sq-v150 .sq-available:not(.sq-past) .sq-class-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:250px!important;
  height:auto!important;
  padding:14px!important;
}
.sq-v150 .sq-available:not(.sq-past) .sq-class-card h3{margin:0 0 8px!important;align-self:auto!important}
.sq-v150 .sq-available:not(.sq-past) .sq-class-card time{align-self:auto!important}
.sq-v150 .sq-available:not(.sq-past) .sq-frequency{min-height:28px!important;margin:1em 0!important;align-self:auto!important}
.sq-v150 .sq-available:not(.sq-past) .sq-class-card dl{margin:5px 0 10px!important;align-self:auto!important}
.sq-v150 .sq-available:not(.sq-past) .sq-participants{
  margin-top:auto!important;
  min-height:0!important;
  align-self:auto!important;
}
.sq-v150 .sq-available:not(.sq-past) .sq-participant-preview{min-height:0!important}
.sq-v150 .sq-available:not(.sq-past) .sq-card-action{
  margin-top:9px!important;
  align-self:auto!important;
  display:block!important;
}
.sq-v150 .sq-available:not(.sq-past) .sq-card-action>*{width:100%!important}

/* v1.5.22 — Weekly Guided Classes: clean aligned desktop rows. */
@media(min-width:1101px){
  .sq-v150 .sq-schedule{
    height:232px!important;
    min-height:232px!important;
    max-height:232px!important;
    padding:14px 20px!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  .sq-v150 .sq-schedule-copy{
    width:100%!important;
    height:100%!important;
    display:grid!important;
    grid-template-rows:auto auto 1fr!important;
    align-content:stretch!important;
    min-width:0!important;
  }
  .sq-v150 .sq-schedule .sq-kicker{margin:0 0 2px!important}
  .sq-v150 .sq-schedule h2{
    font-size:21px!important;
    line-height:1.02!important;
    margin:0 0 7px!important;
  }
  .sq-v150 .sq-schedule ul{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
    gap:2px!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
  }
  .sq-v150 .sq-schedule li{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    min-height:0!important;
    padding:0!important;
  }
  .sq-v150 .sq-schedule .sq-guide-icon,
  .sq-v150 .sq-schedule li>span{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    border-radius:50%!important;
  }
  .sq-v150 .sq-schedule li>div{
    display:grid!important;
    grid-template-columns:minmax(132px,.82fr) minmax(0,1.18fr)!important;
    column-gap:10px!important;
    align-items:center!important;
    min-width:0!important;
  }
  .sq-v150 .sq-schedule b{
    display:block!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .sq-v150 .sq-schedule li div>span{
    display:block!important;
    font-size:9.5px!important;
    line-height:1.2!important;
    margin:0!important;
    min-width:0!important;
  }
}

/* v1.5.23 — class featured image + gallery preview on public Quran cards */
.sq-v150 .sq-class-card{overflow:hidden}
.sq-v150 .sq-class-media{
  position:relative;
  margin:-14px -14px 12px;
  border-bottom:1px solid rgba(224,168,50,.22);
  background:#04150f;
}
.sq-v150 .sq-class-featured{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
}
.sq-v150 .sq-class-gallery-preview{
  position:absolute;
  left:8px;
  bottom:8px;
  display:flex;
  gap:4px;
  align-items:center;
  padding:4px;
  border:1px solid rgba(224,168,50,.32);
  border-radius:7px;
  background:rgba(0,18,14,.82);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.sq-v150 .sq-class-gallery-preview img{
  width:28px;
  height:28px;
  object-fit:cover;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.12);
}
.sq-v150 .sq-gallery-more{
  min-width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:4px;
  background:rgba(224,168,50,.14);
  color:var(--sq-gold);
  font-size:10px;
  font-weight:800;
}
@media(max-width:700px){
  .sq-v150 .sq-class-media{margin:-14px -14px 12px}
  .sq-v150 .sq-class-gallery-preview img{width:32px;height:32px}
  .sq-v150 .sq-gallery-more{height:32px;min-width:32px}
}


/* v1.5.24 — locked media slot alignment + clickable gallery lightbox */
.sq-v150 .sq-class-media{aspect-ratio:16/9;overflow:hidden}
.sq-v150 .sq-class-media.is-empty{background:linear-gradient(150deg,#08251c,#051711);border-bottom-color:transparent}
.sq-v150 .sq-class-media-spacer{display:block;width:100%;height:100%}
.sq-v150 .sq-class-featured{height:100%;aspect-ratio:auto}
.sq-v150 .sq-class-gallery-preview{z-index:2}
.sq-v150 .sq-gallery-thumb{display:block;line-height:0;border-radius:4px;cursor:zoom-in;text-decoration:none}
.sq-v150 .sq-gallery-thumb img{display:block}
.sq-v150 .sq-gallery-more{cursor:zoom-in;text-decoration:none}
.sq-v150 .sq-gallery-source{display:none!important}
.sq-gallery-lightbox{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sq-gallery-lightbox.is-open{display:flex}
.sq-gallery-lightbox-stage{position:relative;width:min(1100px,94vw);height:min(82vh,760px);display:flex;align-items:center;justify-content:center}
.sq-gallery-lightbox img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.55)}
.sq-gallery-lightbox button{position:absolute;z-index:2;width:42px;height:42px;border:1px solid rgba(224,168,50,.55);border-radius:50%;background:rgba(0,17,14,.82);color:#f1e7d5;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}
.sq-gallery-lightbox-close{top:-12px;right:-12px}
.sq-gallery-lightbox-prev{left:-56px;top:50%;transform:translateY(-50%)}
.sq-gallery-lightbox-next{right:-56px;top:50%;transform:translateY(-50%)}
.sq-gallery-lightbox-count{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);font-size:11px;color:#d8c7a4;letter-spacing:.06em}
@media(max-width:700px){.sq-gallery-lightbox{padding:14px}.sq-gallery-lightbox-stage{width:94vw;height:78vh}.sq-gallery-lightbox-prev{left:8px}.sq-gallery-lightbox-next{right:8px}.sq-gallery-lightbox-close{top:8px;right:8px}}


/* v1.5.25 — authoritative locked card media + compact gallery */
.sq-v150 .sq-class-media{
  position:relative!important;
  width:auto!important;
  aspect-ratio:16/9!important;
  margin:-14px -14px 12px!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  background:#061b14!important;
  border-bottom:1px solid rgba(224,168,50,.18)!important;
}
.sq-v150 .sq-class-media.is-empty{
  background:linear-gradient(145deg,rgba(9,43,32,.62),rgba(3,20,15,.78))!important;
}
.sq-v150 .sq-class-media.is-empty:after{
  content:"";position:absolute;inset:0;opacity:.22;
  background:radial-gradient(circle at 50% 45%,rgba(224,168,50,.12),transparent 48%);
}
.sq-v150 .sq-class-featured{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.sq-v150 .sq-class-gallery-preview{left:8px!important;bottom:8px!important;right:auto!important;max-width:calc(100% - 16px)!important;gap:5px!important;padding:4px!important}
.sq-v150 .sq-gallery-thumb img{width:30px!important;height:30px!important}
.sq-v150 .sq-gallery-more{height:30px!important;min-width:30px!important}
.sq-v150 .sq-class-card{display:flex!important;flex-direction:column!important}
.sq-gallery-lightbox{z-index:2147483000!important}

/* v1.5.54: archive cards, equal closed height, gallery below content */
.sq-v150 .sq-past .sq-class-grid{align-items:stretch!important}
.sq-v150 .sq-past .sq-class-card{height:100%;min-height:535px!important;overflow:visible!important;min-width:0!important}
.sq-v150 .sq-past .sq-class-media{overflow:hidden!important}
.sq-v150 .sq-past .sq-class-card h3{text-align:center!important;min-height:36px;display:flex;align-items:center;justify-content:center;margin:0 0 7px!important}
.sq-v150 .sq-past .sq-class-card time{align-self:center!important;width:auto!important;max-width:100%;min-height:0!important;padding:5px 9px!important;text-align:center!important;justify-content:center!important;font-size:11px!important;border-radius:20px!important}
.sq-v150 .sq-past .sq-class-details{margin:10px 0!important;min-height:112px;align-content:start;grid-template-columns:auto minmax(0,1fr)!important}
.sq-v150 .sq-past .sq-class-details dd{overflow-wrap:anywhere}
.sq-v150 .sq-past .sq-participants{margin-top:auto!important;min-height:90px!important;flex:0 0 auto!important}
.sq-v150 .sq-past .sq-participant-preview,.sq-v150 .sq-past .sq-participant-more{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
.sq-v150 .sq-past .sq-participant-person{width:28px!important;max-width:100%;justify-self:center}
.sq-v150 .sq-past .sq-gallery-action{margin-top:10px!important;flex:0 0 auto!important}
.sq-v150 .sq-past .sq-gallery-toggle{width:100%!important;cursor:pointer}
.sq-v150 .sq-past .sq-gallery-toggle:disabled{opacity:.45;cursor:default}
.sq-v150 .sq-past .sq-card-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px}
.sq-v150 .sq-past .sq-card-gallery[hidden]{display:none!important}
.sq-v150 .sq-past .sq-card-gallery .sq-gallery-thumb{padding:0!important;min-height:0!important;aspect-ratio:1;border-radius:5px;overflow:hidden}
.sq-v150 .sq-past .sq-card-gallery .sq-gallery-thumb img{width:100%!important;height:100%!important;object-fit:cover}
@media(max-width:700px){.sq-v150 .sq-past .sq-class-card{min-height:0!important}.sq-v150 .sq-past .sq-class-details{min-height:0!important}}

/* v1.5.55: compact, aligned archive cards; 8 avatars per row. */
@media (min-width:701px){
.sq-v150 .sq-past .sq-class-card{min-height:0!important;height:100%!important}
.sq-v150 .sq-past .sq-class-details{min-height:0!important;margin:9px 0 12px!important;font-size:12px!important;line-height:1.4!important;row-gap:5px!important}
.sq-v150 .sq-past .sq-class-details dt,.sq-v150 .sq-past .sq-class-details dd{font-size:12px!important;line-height:1.4!important}
.sq-v150 .sq-past .sq-participants{margin-top:auto!important;min-height:0!important;padding-top:9px!important}
.sq-v150 .sq-past .sq-participant-preview,.sq-v150 .sq-past .sq-participant-more{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:3px!important;grid-auto-rows:auto!important;min-height:0!important}
.sq-v150 .sq-past .sq-participant-person{width:min(100%,26px)!important;aspect-ratio:1;height:auto!important;justify-self:center}
.sq-v150 .sq-past .sq-participant-avatar{width:100%!important;height:100%!important}
.sq-v150 .sq-past .sq-gallery-action{margin-top:10px!important}
}
@media (max-width:700px){
.sq-v150 .sq-past .sq-class-card{min-height:0!important}
.sq-v150 .sq-past .sq-class-details{font-size:13px!important;line-height:1.45!important}
.sq-v150 .sq-past .sq-class-details dt,.sq-v150 .sq-past .sq-class-details dd{font-size:13px!important}
.sq-v150 .sq-past .sq-participants{min-height:0!important}
.sq-v150 .sq-past .sq-participant-preview,.sq-v150 .sq-past .sq-participant-more{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:5px!important;min-height:0!important;grid-auto-rows:auto!important}
.sq-v150 .sq-past .sq-participant-person{width:min(100%,32px)!important;aspect-ratio:1;height:auto!important}
.sq-v150 .sq-past .sq-participant-avatar{width:100%!important;height:100%!important}
}

/* v1.5.56 — aligned archive card zones (closed state), compact heading/date. */
.sq-v150 .sq-past .sq-class-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important}
.sq-v150 .sq-past .sq-class-card h3{min-height:24px!important;line-height:1.2!important;margin:5px 0 3px!important;padding:0!important;flex:0 0 24px!important;align-self:stretch!important}
.sq-v150 .sq-past .sq-class-card time{box-sizing:border-box!important;width:174px!important;max-width:100%!important;height:32px!important;min-height:32px!important;flex:0 0 32px!important;margin:0 auto 7px!important;padding:4px 6px!important;white-space:nowrap!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.sq-v150 .sq-past .sq-class-details{box-sizing:border-box!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;grid-template-rows:repeat(5,minmax(18px,auto))!important;align-content:start!important;min-height:154px!important;margin:3px 0 7px!important;row-gap:3px!important;column-gap:5px!important;font-size:12px!important;line-height:1.3!important}
.sq-v150 .sq-past .sq-class-details dt,.sq-v150 .sq-past .sq-class-details dd{font-size:12px!important;line-height:1.3!important;min-width:0!important;margin:0!important}
.sq-v150 .sq-past .sq-empty-detail{display:block;min-height:1em}
.sq-v150 .sq-past .sq-participants{margin-top:0!important;min-height:90px!important;flex:1 0 90px!important;padding-top:8px!important}
.sq-v150 .sq-past .sq-participant-preview{min-height:62px!important;align-content:start!important}
.sq-v150 .sq-past .sq-gallery-action{margin-top:7px!important;flex:0 0 auto!important}
@media(max-width:700px){.sq-v150 .sq-past .sq-class-details{min-height:154px!important}.sq-v150 .sq-past .sq-participants{min-height:90px!important}.sq-v150 .sq-past .sq-participant-preview{min-height:62px!important}}

/* v1.5.57 — reserve two avatar rows and keep gallery in normal document flow. */
.sq-v150 .sq-past .sq-class-card{height:100%!important;min-height:0!important;overflow:visible!important}
.sq-v150 .sq-past .sq-participants{flex:0 0 auto!important;margin-top:auto!important;min-height:0!important;overflow:visible!important}
.sq-v150 .sq-past .sq-participant-preview,.sq-v150 .sq-past .sq-participant-more{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-auto-rows:minmax(0,auto)!important;gap:4px!important;align-content:start!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}
.sq-v150 .sq-past .sq-participant-preview{min-height:60px!important;margin:7px 0 0!important;grid-template-rows:repeat(2,28px)!important}
.sq-v150 .sq-past .sq-participant-more{margin-top:5px!important}
.sq-v150 .sq-past .sq-participant-person{box-sizing:border-box!important;display:block!important;width:min(100%,27px)!important;height:27px!important;aspect-ratio:1!important;min-width:0!important;justify-self:center!important;overflow:hidden!important}
.sq-v150 .sq-past .sq-participant-avatar{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.sq-v150 .sq-past .sq-gallery-action{position:relative!important;display:block!important;flex:0 0 auto!important;margin:8px 0 0!important;clear:both!important;min-height:0!important}
.sq-v150 .sq-past .sq-gallery-toggle{position:relative!important;display:flex!important;width:100%!important;min-height:38px!important}
.sq-v150 .sq-past .sq-card-gallery{position:static!important;margin-top:8px!important}
@media(max-width:700px){.sq-v150 .sq-past .sq-participant-preview{grid-template-rows:repeat(2,32px)!important;min-height:68px!important}.sq-v150 .sq-past .sq-participant-person{width:min(100%,31px)!important;height:31px!important}}

/* v1.5.58 — enforce collapsed participant overflow, including legacy theme overrides. */
.sq-v150 .sq-past .sq-participant-more[hidden],
.sq-v150 .sq-past .sq-participant-more[hidden] *{display:none!important}
.sq-v150 .sq-past .sq-participant-preview{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-template-rows:repeat(2,28px)!important;grid-auto-rows:28px!important;min-height:60px!important;height:auto!important;overflow:visible!important;flex:0 0 auto!important}
.sq-v150 .sq-past .sq-participant-more:not([hidden]){display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-auto-rows:28px!important;gap:4px!important;height:auto!important;max-height:none!important;overflow:visible!important}
.sq-v150 .sq-past .sq-participants{display:block!important;min-height:0!important;flex:0 0 auto!important;overflow:visible!important}
.sq-v150 .sq-past .sq-gallery-action{position:relative!important;flex:0 0 auto!important;clear:both!important;margin-top:8px!important}
@media(max-width:700px){.sq-v150 .sq-past .sq-participant-preview{grid-template-rows:repeat(2,32px)!important;grid-auto-rows:32px!important;min-height:68px!important}.sq-v150 .sq-past .sq-participant-more:not([hidden]){grid-auto-rows:32px!important}}

/* v1.5.59: Quran public mobile-only two-column layout. */
@media (max-width:700px){
 .sq-v150 .sq-available .sq-class-grid,.sq-v150 .sq-available[data-class-count] .sq-class-grid,.sq-v150 .sq-past .sq-class-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important;gap:8px!important;align-items:stretch!important}
 .sq-v150 .sq-available .sq-class-card{min-width:0!important;width:100%!important;min-height:0!important;height:auto!important;padding:8px!important;overflow:visible!important}
 .sq-v150 .sq-past .sq-class-media,.sq-v150 .sq-available .sq-class-media{margin:-8px -8px 7px!important;aspect-ratio:16/9!important}
 .sq-v150 .sq-past .sq-class-card h3,.sq-v150 .sq-available .sq-class-card h3{font-size:13px!important;line-height:1.22!important;min-height:32px!important;flex:0 0 auto!important;margin:2px 0 5px!important;overflow-wrap:anywhere!important}
 .sq-v150 .sq-past .sq-class-card time{width:100%!important;max-width:100%!important;height:auto!important;min-height:29px!important;font-size:10px!important;white-space:normal!important;padding:4px!important}
 .sq-v150 .sq-past .sq-class-details,.sq-v150 .sq-available .sq-class-card dl{grid-template-columns:42px minmax(0,1fr)!important;min-height:0!important;grid-template-rows:none!important;gap:3px 4px!important;margin:5px 0!important;font-size:11px!important;line-height:1.3!important}
 .sq-v150 .sq-past .sq-class-details dt,.sq-v150 .sq-past .sq-class-details dd{font-size:11px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
 .sq-v150 .sq-past .sq-participants{margin-top:6px!important;min-height:0!important;padding-top:6px!important}
 .sq-v150 .sq-past .sq-participant-preview{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:25px!important;min-height:0!important;gap:3px!important}
 .sq-v150 .sq-past .sq-participant-more:not([hidden]){grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:25px!important;gap:3px!important}
 .sq-v150 .sq-past .sq-participant-person{width:min(100%,24px)!important;height:24px!important}
 .sq-v150 .sq-past .sq-gallery-action{margin-top:7px!important}
 .sq-v150 .sq-past .sq-gallery-toggle{min-height:34px!important;padding:6px!important;font-size:11px!important}
 .sq-v150 .sq-past .sq-card-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sq-v150 .sq-method{padding-top:80px!important}
 .sq-v150 .sq-hero{min-height:0!important;padding-top:28px!important;padding-bottom:24px!important}
 .sq-v150 .sq-apply.sq-apply-visual{min-height:0!important}
}

/* v1.5.60 mobile Quran corrective overrides, after legacy rules. */
@media(max-width:700px){
 body .sq-v150 .sq-available .sq-class-grid,body .sq-v150 .sq-available[data-class-count] .sq-class-grid,body .sq-v150 .sq-past .sq-class-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-width:none!important;width:100%!important}
 body .sq-v150 .sq-class-grid>.sq-class-card{grid-column:auto!important;min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important;padding:8px!important}
 body .sq-v150 .sq-past .sq-class-card h3{height:auto!important;min-height:0!important;flex:0 0 auto!important;overflow-wrap:anywhere!important;font-size:13px!important}
 body .sq-v150 .sq-past .sq-class-details{grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:none!important;min-height:0!important;font-size:11px!important}
 body .sq-v150 .sq-past .sq-class-details dt,body .sq-v150 .sq-past .sq-class-details dd{overflow-wrap:break-word!important;word-break:normal!important;font-size:11px!important}
 body .sq-v150 .sq-past .sq-participants{margin-top:8px!important;min-height:0!important;flex:0 0 auto!important}
 body .sq-v150 .sq-past .sq-participant-preview,body .sq-v150 .sq-past .sq-participant-more:not([hidden]){display:grid!important;grid-template-columns:repeat(4,25px)!important;justify-content:start!important;gap:3px!important;grid-template-rows:none!important;grid-auto-rows:25px!important;min-height:0!important;width:100%!important}
 body .sq-v150 .sq-past .sq-participant-person{width:25px!important;height:25px!important;justify-self:start!important}
 body .sq-v150 .sq-past .sq-participant-more[hidden]{display:none!important}
 body .sq-v150 .sq-past .sq-gallery-action{position:relative!important;margin-top:8px!important}
 body .sq-v150 .sq-method{padding-top:48px!important;min-height:0!important;background-position:center top!important;background-size:cover!important;background-image:linear-gradient(180deg,rgba(0,15,12,.35),rgba(4,25,19,.95) 75%),var(--sq-method-image)!important}
 body .sq-v150 .sq-hero{min-height:0!important;padding-bottom:20px!important}
}

/* v1.5.61 — Quran mobile archive heading and compact cards; desktop untouched. */
@media(max-width:700px){
 body .sq-v150 #past-quran-classes .sq-section-head{display:flex!important;flex-direction:column!important;align-items:flex-end!important;text-align:right!important;gap:3px!important}
 body .sq-v150 #past-quran-classes .sq-section-head>div{width:100%!important;text-align:right!important}
 body .sq-v150 #past-quran-classes .sq-section-head .sq-kicker{display:block!important;text-align:right!important}
 body .sq-v150 #past-quran-classes .sq-section-head h2{font-size:clamp(24px,6vw,32px)!important;line-height:1.15!important;margin:5px 0!important;text-align:right!important}
 body .sq-v150 #past-quran-classes .sq-class-total{display:block!important;align-self:flex-end!important;text-align:right!important}
 body .sq-v150 #past-quran-classes .sq-class-grid,body .sq-v150 .sq-available .sq-class-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important;max-width:100%!important}
 body .sq-v150 #past-quran-classes .sq-class-grid>.sq-class-card,body .sq-v150 .sq-available .sq-class-grid>.sq-class-card{grid-column:auto!important;grid-row:auto!important;width:auto!important;min-width:0!important;max-width:none!important;padding:7px!important;align-self:stretch!important}
 body .sq-v150 #past-quran-classes .sq-class-details{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:1px!important;min-height:0!important}
 body .sq-v150 #past-quran-classes .sq-class-details dt{font-size:11px!important;white-space:normal!important}
 body .sq-v150 #past-quran-classes .sq-class-details dd{font-size:12px!important;min-width:0!important;overflow-wrap:anywhere!important;margin-bottom:4px!important}
 body .sq-v150 .sq-hero{min-height:0!important;height:auto!important;margin-bottom:0!important}
 body .sq-v150 .sq-two{margin-top:0!important;padding-top:0!important;gap:12px!important}
 body .sq-v150 .sq-method{aspect-ratio:auto!important;min-height:0!important;display:block!important;padding:20px 16px!important;align-items:initial!important;background-image:linear-gradient(90deg,rgba(0,15,12,.92),rgba(0,15,12,.50)),var(--sq-method-image)!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}
 body .sq-v150 .sq-method-copy{margin:0!important;width:100%!important;padding:0!important;align-self:auto!important}
}

/* v1.5.62 — mobile Quran layout: image-first method, aligned archive, ten participants. */
@media (max-width:700px){
 body .sq-v150 .sq-hero{margin-bottom:0!important;padding-bottom:12px!important}
 body .sq-v150 .sq-two{padding-top:0!important;margin-top:0!important;row-gap:12px!important}
 body .sq-v150 .sq-two>.sq-method{position:relative!important;display:block!important;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;padding:0 14px 16px!important;overflow:hidden!important;background:#061b16!important}
 body .sq-v150 .sq-method::before{content:"";display:block!important;position:relative!important;width:calc(100% + 28px)!important;margin:0 -14px 12px!important;aspect-ratio:16/9!important;background-image:linear-gradient(0deg,rgba(0,17,14,.18),rgba(0,17,14,.04)),var(--sq-method-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
 body .sq-v150 .sq-method-copy{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;position:relative!important;transform:none!important}
 body .sq-v150 .sq-method-copy h2{margin:5px 0 13px!important}
 body .sq-v150 #past-quran-classes .sq-section-head{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:end!important;gap:8px!important;text-align:left!important}
 body .sq-v150 #past-quran-classes .sq-section-head>div{width:auto!important;min-width:0!important;flex:1 1 auto!important;text-align:left!important}
 body .sq-v150 #past-quran-classes .sq-section-head .sq-kicker,body .sq-v150 #past-quran-classes .sq-section-head h2{text-align:left!important}
 body .sq-v150 #past-quran-classes .sq-section-head h2{font-size:clamp(21px,5.2vw,30px)!important;margin:4px 0 0!important}
 body .sq-v150 #past-quran-classes .sq-class-total{flex:0 0 auto!important;align-self:end!important;white-space:nowrap!important;margin-bottom:3px!important;font-size:11px!important}
 body .sq-v150 #past-quran-classes .sq-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body .sq-v150 #past-quran-classes .sq-class-card{min-width:0!important;padding:7px!important;height:100%!important}
 body .sq-v150 #past-quran-classes .sq-class-details{min-height:0!important;margin-bottom:8px!important}
 body .sq-v150 #past-quran-classes .sq-participants{margin-top:auto!important;flex:0 0 auto!important;min-height:0!important;padding-top:7px!important}
 body .sq-v150 #past-quran-classes .sq-participant-preview,body .sq-v150 #past-quran-classes .sq-participant-more:not([hidden]){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:25px!important;gap:3px!important;min-height:56px!important;align-content:start!important;justify-content:stretch!important}
 body .sq-v150 #past-quran-classes .sq-participant-more:not([hidden]){min-height:0!important}
 body .sq-v150 #past-quran-classes .sq-participant-person{width:min(100%,25px)!important;height:min(25px,calc((100vw - 65px)/10))!important;justify-self:center!important}
 body .sq-v150 #past-quran-classes .sq-gallery-action{margin-top:8px!important}
}

/* v1.5.63: mobile Quran layout fixes, scoped to this page only. */
@media(max-width:700px){
 body .sq-v150 .sq-hero{min-height:0!important;height:auto!important;margin-bottom:0!important;padding-bottom:8px!important}
 body .sq-v150 .sq-two{display:grid!important;grid-template-columns:minmax(0,1fr)!important;margin:0 auto!important;padding:0!important;gap:12px!important;align-items:start!important}
 body .sq-v150 .sq-two>.sq-method{margin:0!important;padding:0 14px 16px!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:block!important;background-image:none!important;align-self:start!important}
 body .sq-v150 .sq-method::before{content:""!important;display:block!important;width:calc(100% + 28px)!important;margin:0 -14px 12px!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;background-image:var(--sq-method-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
 body .sq-v150 .sq-method-copy{margin:0!important;padding:0!important;transform:none!important;position:static!important}
 body .sq-v150 #available-quran-classes .sq-section-head,body .sq-v150 #past-quran-classes .sq-section-head{display:flex!important;flex-direction:row!important;align-items:end!important;justify-content:space-between!important;text-align:left!important;gap:8px!important}
 body .sq-v150 #available-quran-classes .sq-section-head>div,body .sq-v150 #past-quran-classes .sq-section-head>div{flex:1 1 auto!important;min-width:0!important;text-align:left!important}
 body .sq-v150 #available-quran-classes .sq-section-head h2,body .sq-v150 #past-quran-classes .sq-section-head h2{font-size:clamp(21px,5.2vw,30px)!important;text-align:left!important;margin:4px 0 0!important}
 body .sq-v150 #available-quran-classes .sq-section-head .sq-kicker,body .sq-v150 #past-quran-classes .sq-section-head .sq-kicker{text-align:left!important}
 body .sq-v150 #available-quran-classes .sq-class-total,body .sq-v150 #past-quran-classes .sq-class-total{display:block!important;flex:0 0 auto!important;align-self:end!important;white-space:nowrap!important;font-size:11px!important;margin-bottom:3px!important}
 body .sq-v150 #available-quran-classes .sq-class-grid,body .sq-v150 #past-quran-classes .sq-class-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important;gap:8px!important}
 body .sq-v150 #available-quran-classes .sq-class-card,body .sq-v150 #past-quran-classes .sq-class-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;height:100%!important;padding:7px!important}
 body .sq-v150 #available-quran-classes .sq-class-card .sq-class-details,body .sq-v150 #past-quran-classes .sq-class-card .sq-class-details{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:1px!important;min-height:0!important;margin-bottom:8px!important}
 body .sq-v150 #available-quran-classes .sq-class-details dt,body .sq-v150 #past-quran-classes .sq-class-details dt{font-size:11px!important}
 body .sq-v150 #available-quran-classes .sq-class-details dd,body .sq-v150 #past-quran-classes .sq-class-details dd{font-size:12px!important;min-width:0!important;overflow-wrap:anywhere!important;margin-bottom:4px!important}
 body .sq-v150 #available-quran-classes .sq-participants,body .sq-v150 #past-quran-classes .sq-participants{margin-top:auto!important;min-height:0!important;flex:0 0 auto!important}
 body .sq-v150 #available-quran-classes .sq-participant-preview,body .sq-v150 #available-quran-classes .sq-participant-more:not([hidden]){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;grid-auto-rows:25px!important;min-height:0!important}
 body .sq-v150 #available-quran-classes .sq-participant-person{width:min(100%,25px)!important;height:25px!important;justify-self:center!important}
 body .sq-v150 #available-quran-classes .sq-card-action{margin-top:8px!important}
}

/* v1.5.64 — mobile-only final spacing, method image and card heading parity. */
@media screen and (max-width:700px){
 body .sq-page.sq-v150 .sq-hero{margin-bottom:0!important;padding-bottom:8px!important}
 body .sq-page.sq-v150 .sq-two{margin-top:0!important;padding-top:0!important;row-gap:12px!important;align-content:start!important}
 body .sq-page.sq-v150 .sq-two>.sq-method{display:block!important;position:relative!important;align-self:start!important;min-height:0!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;padding:0 14px 16px!important;margin:0!important;background-image:none!important;overflow:hidden!important}
 body .sq-page.sq-v150 .sq-two>.sq-method::before{content:""!important;display:block!important;position:relative!important;inset:auto!important;float:none!important;clear:both!important;width:calc(100% + 28px)!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;margin:0 -14px 12px!important;padding:0!important;background-image:var(--sq-method-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;transform:none!important}
 body .sq-page.sq-v150 .sq-two>.sq-method .sq-method-copy{position:static!important;display:block!important;transform:none!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
 body .sq-page.sq-v150 #available-quran-classes .sq-section-head,body .sq-page.sq-v150 #past-quran-classes .sq-section-head{margin-bottom:14px!important;padding-bottom:0!important}
 body .sq-page.sq-v150 #available-quran-classes .sq-class-grid,body .sq-page.sq-v150 #past-quran-classes .sq-class-grid{margin-top:0!important}
 body .sq-page.sq-v150 #available-quran-classes .sq-class-card h3,body .sq-page.sq-v150 #past-quran-classes .sq-class-card h3{display:flex!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;text-align:center!important;font-size:13px!important;line-height:1.22!important;min-height:32px!important;height:auto!important;flex:0 0 auto!important;margin:2px 0 5px!important;padding:0!important;overflow-wrap:anywhere!important}
}

/* v1.5.65: explicit mobile artwork block; avoid legacy pseudo-element sizing and empty top band. */
.sq-v150 .sq-method-mobile-art{display:none}
@media screen and (max-width:700px){
 body .sq-page.sq-v150 .sq-two>.sq-method{display:block!important;min-height:0!important;height:auto!important;max-height:none!important;padding:0 14px 16px!important;background-image:none!important}
 body .sq-page.sq-v150 .sq-two>.sq-method::before{content:none!important;display:none!important}
 body .sq-page.sq-v150 .sq-two>.sq-method>.sq-method-mobile-art{display:block!important;position:relative!important;float:none!important;clear:both!important;width:calc(100% + 28px)!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 -14px 12px!important;padding:0!important;background-image:var(--sq-method-image)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
 body .sq-page.sq-v150 .sq-two>.sq-method>.sq-method-copy{position:static!important;margin:0!important;padding:0!important;width:100%!important}
}