:root {
    --mazeed-green: #0b7a3b;
    --mazeed-green-hover: #096b34;
    --mazeed-cream: #fff9f2;
    --mazeed-orange: #ff8a00;
    --mazeed-soft: #eaf8ef;
    --mazeed-ink: #1f1f1f;
    --mazeed-muted: #424954;
    --mazeed-round: 2.25rem;
    --mazeed-spine: .375rem;
    --mazeed-space-1: .25rem; --mazeed-space-2: .5rem; --mazeed-space-3: .75rem;
    --mazeed-space-4: 1rem; --mazeed-space-5: 1.5rem; --mazeed-space-6: 2rem;
}
.mazeed-accesshub #region-main {
    background: var(--mazeed-cream); color: var(--mazeed-ink);
    font-family: 'Mazeed Plex Arabic', 'IBM Plex Sans Arabic', Inter, system-ui, sans-serif;
}
.mazeed-subnav { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-block: 0 1.5rem; }
.mazeed-tab, .mazeed-grade-card {
    display: flex; align-items: center; gap: .5rem; padding: .625rem 1rem; color: var(--mazeed-green); background: var(--mazeed-soft);
    border-start-start-radius: 1.25rem; border-start-end-radius: 1.25rem;
    border-end-end-radius: 1.25rem; border-end-start-radius: .25rem;
}
.mazeed-tab.is-active { background: var(--mazeed-green); color: #fff; }
.mazeed-grade-grid, .mazeed-course-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: 1.5rem; margin-block: 1.5rem;
}
.mazeed-grade-card small { display: block; margin-block-start: .3rem; }
.mazeed-plan-grid {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch; gap: 1.5rem; max-width: 75rem; margin: 1.5rem auto;
}
.mazeed-plan-card, .mazeed-course-card, .mazeed-checkout-card {
    --mazeed-card-bg: #fff; --mazeed-card-ink: var(--mazeed-ink);
    --mazeed-card-muted: var(--mazeed-muted); --mazeed-card-price: var(--mazeed-green);
    --mazeed-button-bg: var(--mazeed-green); --mazeed-button-ink: #fff;
    background: var(--mazeed-card-bg); color: var(--mazeed-card-ink);
    border: 0; box-shadow: none; overflow: hidden; min-width: 0;
    border-start-start-radius: var(--mazeed-round); border-start-end-radius: var(--mazeed-round);
    border-end-end-radius: var(--mazeed-round); border-end-start-radius: var(--mazeed-spine);
}
.mazeed-surface-digital { --mazeed-card-bg: var(--mazeed-soft); }
.mazeed-surface-complete {
    --mazeed-card-bg: var(--mazeed-green); --mazeed-card-ink: #fff;
    --mazeed-card-muted: var(--mazeed-soft); --mazeed-card-price: #fff;
    --mazeed-button-bg: var(--mazeed-cream); --mazeed-button-ink: var(--mazeed-green);
}
.mazeed-plan-card { display: flex; flex-direction: column; padding: 1.5rem; text-align: start; }
.mazeed-plan-card.is-selected { outline: 3px solid var(--mazeed-orange); outline-offset: 3px; }
.mazeed-plan-card h3, .mazeed-payment-heading h2 {
    color: var(--mazeed-card-ink); font: 700 1.5rem/1.5 'Mazeed Plex Arabic', 'IBM Plex Sans Arabic', Inter, system-ui, sans-serif;
    margin: 0; overflow-wrap: anywhere;
}
.mazeed-plan-tagline { color: var(--mazeed-card-muted); font-size: 1rem; line-height: 1.65; margin: .5rem 0 0; }
.mazeed-price-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem .75rem; margin-block-start: 1.5rem; }
.mazeed-price, .mazeed-checkout-card .mazeed-price {
    color: var(--mazeed-card-price); font-size: clamp(2rem, 3.2vw, 2.75rem); font-weight: 700; line-height: 1.2; margin: 0;
    display: flex; align-items: baseline; flex-wrap: wrap; gap: .4rem;
}
.mazeed-price small { font-size: .875rem; font-weight: 700; }
.mazeed-price-caption { font-size: .875rem; color: var(--mazeed-card-muted); line-height: 1.5; }
.mazeed-feature-heading { margin: 1.5rem 0 .75rem; font-size: .875rem; font-weight: 700; }
.mazeed-feature-list { list-style: none; padding: 0; margin: 0; font-size: 1rem; line-height: 1.65; }
.mazeed-feature-list li { display: flex; align-items: start; gap: .75rem; margin-block: 0 .625rem; }
.mazeed-feature-icon {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 1.25rem;
    width: 1.25rem; height: 1.25rem; margin-block-start: .25rem;
    background: var(--mazeed-soft); color: var(--mazeed-green); border-radius: 50%;
    font: 700 .85rem/1 system-ui, sans-serif;
}
.mazeed-surface-digital .mazeed-feature-icon { background: #fff; }
.mazeed-surface-complete .mazeed-feature-icon { background: rgba(255,255,255,.15); color: #fff; }
.mazeed-hold { margin: .5rem 0 0; color: var(--mazeed-card-muted); font-size: .875rem; line-height: 1.6; }
.mazeed-plan-action { margin-block-start: auto; padding-block-start: 1.5rem; }
.mazeed-button, .mazeed-checkout-card .btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
    min-height: 3rem; padding: .75rem 1.5rem; max-width: 100%;
    color: var(--mazeed-button-ink, #fff); background: var(--mazeed-button-bg, #0b7a3b);
    border: 0; text-decoration: none; font-family: inherit; font-size: 1rem; font-weight: 700; line-height: 1.4;
    border-start-start-radius: 999px; border-start-end-radius: 999px;
    border-end-end-radius: 999px; border-end-start-radius: var(--mazeed-spine);
    white-space: normal; cursor: pointer; transition: background-color .18s ease, transform .18s ease;
}
.mazeed-plan-action .mazeed-button, .mazeed-course-card .mazeed-button { width: 100%; }
.mazeed-button:hover, .mazeed-button:focus, .mazeed-checkout-card .btn:hover {
    color: var(--mazeed-button-ink, #fff); background: var(--mazeed-green-hover); text-decoration: none;
}
.mazeed-surface-complete .mazeed-button:hover, .mazeed-surface-complete .btn:hover { background: #fff; }
.mazeed-button[disabled] { cursor: not-allowed; opacity: .65; }
[dir=rtl] .mazeed-button-arrow { transform: scaleX(-1); }
.mazeed-subnav a:focus-visible, .mazeed-course-card a:focus-visible,
.mazeed-plan-card a:focus-visible, .mazeed-checkout-card :is(a,button,input):focus-visible {
    outline: 3px solid var(--mazeed-orange); outline-offset: 3px;
}
.mazeed-course-cover { display: block; aspect-ratio: 992/1213; background: var(--mazeed-soft); overflow: hidden; }
.mazeed-course-cover img { width: 100%; height: 100%; object-fit: cover; }
.mazeed-course-content { padding: 1.5rem; }
.mazeed-course-content h3 { font-size: 1.5rem; line-height: 1.5; margin: .75rem 0; }
.mazeed-course-content h3 a { color: var(--mazeed-ink); }
.mazeed-course-content p { color: var(--mazeed-muted); line-height: 1.65; }
.mazeed-status { display: inline-block; font-size: .875rem; font-weight: 700; color: var(--mazeed-green); background: var(--mazeed-soft); padding: .25rem .65rem; border-radius: 1rem; }
.mazeed-link { color: var(--mazeed-green); font-weight: 700; text-decoration: underline; text-underline-offset: .25rem; }
.mazeed-panel { padding: 1.5rem; margin-block: 1rem; background: var(--mazeed-soft); border-radius: 1.25rem; }
.mazeed-voucher-identity { min-width:11rem; }
.mazeed-voucher-identity small { display:block; margin-block-start:.25rem; }
.mazeed-checkout-card { padding: 1.5rem; margin-block: 1.5rem; max-width: 54rem; }
.mazeed-payment-heading { margin-block-end: 1.5rem; }
.mazeed-payment-heading p:not(.mazeed-price) { color: var(--mazeed-card-muted); margin: .4rem 0; }
.mazeed-payment-heading .mazeed-price { margin-block-start: 1rem; }
.mazeed-checkout-card :is(table,thead,tbody,tr,td,th),
.mazeed-checkout-card table.generaltable tbody tr:nth-of-type(odd),
.mazeed-checkout-card table.generaltable tbody tr:hover { color: inherit; background: transparent; }
.mazeed-checkout-card table { width: 100%; }
.mazeed-checkout-card :is(td,th) { padding-block: .75rem; border-color: rgba(66,73,84,.15); overflow-wrap: anywhere; }
.mazeed-surface-complete :is(td,th) { border-color: rgba(255,255,255,.2); }
.mazeed-checkout-card .text-muted { color: var(--mazeed-card-muted) !important; }
.mazeed-checkout-form {
    padding: 1.5rem; background: #fff; max-width: 54rem; margin-block: 1.5rem;
    border-start-start-radius: var(--mazeed-round); border-start-end-radius: var(--mazeed-round);
    border-end-end-radius: var(--mazeed-round); border-end-start-radius: var(--mazeed-spine);
}
.mazeed-checkout-form :is(button[type=submit],input[type=submit]) {
    color: #fff; background: var(--mazeed-green); border: 0; padding: .75rem 1.5rem;
    border-start-start-radius: 999px; border-start-end-radius: 999px;
    border-end-end-radius: 999px; border-end-start-radius: var(--mazeed-spine); font-weight: 700;
}
@media (max-width: 575px) {
    .mazeed-plan-card, .mazeed-course-content, .mazeed-checkout-card, .mazeed-checkout-form { padding: 1.25rem; }
    .mazeed-price, .mazeed-checkout-card .mazeed-price { font-size: 2.5rem; }
    .mazeed-checkout-card td:first-child { width: 38%; }
}
@media (prefers-reduced-motion: reduce) { .mazeed-button { transition: none; } }

/* Shared geometry for learner, staff and price views. Native activity editors are outside this scope. */
.mazeed-icon { display:block; flex:none; width:1.25rem; height:1.25rem; }
.mazeed-plan-heading { display:flex; align-items:center; gap:.75rem; }
.mazeed-plan-heading h3 { font-size:1.25rem; line-height:1.5; }
.mazeed-plan-mark { display:inline-flex; align-items:center; justify-content:center; width:2.75rem; height:2.75rem; flex:none; border-radius:.875rem; background:var(--mazeed-soft); color:var(--mazeed-green); }
.mazeed-plan-mark .mazeed-icon { width:1.5rem; height:1.5rem; }
.mazeed-surface-digital .mazeed-plan-mark { background:#fff; }
.mazeed-surface-complete .mazeed-plan-mark { background:rgba(255,255,255,.14); color:#fff; }
.mazeed-feature-icon { background:transparent; border-radius:0; margin-block-start:.2rem; }
.mazeed-feature-icon .mazeed-icon { width:1.125rem; height:1.125rem; }
.mazeed-admin-menu { position:relative; flex:0 0 100%; min-width:0; margin:0; padding:0; }
.mazeed-admin-menu summary { display:flex; align-items:center; gap:.5rem; width:fit-content; list-style:none; min-height:2.75rem; padding:.625rem 1rem; margin:0; cursor:pointer; border:1px solid #cdded2; border-radius:.75rem; color:var(--mazeed-green); background:#fff; font-weight:600; user-select:none; }
.mazeed-admin-menu summary::-webkit-details-marker { display:none; }
.mazeed-admin-menu summary::marker { content:''; }
.mazeed-admin-menu summary::after { content:''; display:block; width:.45rem; height:.45rem; flex:none; margin-inline-start:.375rem; border-inline-end:2px solid currentColor; border-block-end:2px solid currentColor; transform:translateY(-.125rem) rotate(45deg); transition:transform .15s ease; }
.mazeed-admin-menu[open] summary::after { transform:translateY(.125rem) rotate(225deg); }
.mazeed-admin-menu:not([open]) > .mazeed-admin-links { display:none !important; }
.mazeed-admin-menu[open] > .mazeed-admin-links { margin-block-start:.75rem; }
.mazeed-admin-links { display:flex; flex-wrap:wrap; gap:.5rem; padding:1rem; background:#fff; border:1px solid #e1e9e3; border-radius:1rem; }
.mazeed-tab { font-size:.875rem; line-height:1.5; border-radius:.75rem; text-decoration:none; }
.mazeed-tab:hover { color:var(--mazeed-green); background:#dbeee2; text-decoration:none; }
.mazeed-tab.is-active:hover { color:#fff; background:var(--mazeed-green-hover); }
.mazeed-tab span { min-width:0; }
.mazeed-admin-menu summary:focus-visible { outline:3px solid var(--mazeed-orange); outline-offset:3px; }
.mazeed-pricing { max-width:78rem; margin-inline:auto; }
.mazeed-section-heading { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-block-end:1.5rem; }
.mazeed-section-heading h2 { font-size:1.5rem; line-height:1.5; margin:0 0 .375rem; color:var(--mazeed-ink); }
.mazeed-section-heading p { margin:0; max-width:48rem; color:var(--mazeed-muted); line-height:1.7; }
.mazeed-text-link { color:var(--mazeed-green); font-weight:600; text-underline-offset:.25rem; }
.mazeed-filter-bar { display:flex; align-items:flex-end; gap:1rem; flex-wrap:wrap; padding:1.25rem; margin-block-end:1.5rem; background:#fff; border:1px solid #e1e9e3; border-radius:1rem; }
.mazeed-field { display:flex; flex:1 1 14rem; flex-direction:column; min-width:0; gap:.5rem; }
.mazeed-field label { font-weight:600; margin:0; }
:is(.mazeed-pricing,.mazeed-catalogue-setup) :is(select,input[type=text]) { font:inherit; color:var(--mazeed-ink); border:1px solid #cdd8d0; background:#fff; border-radius:.625rem; min-height:2.75rem; padding:.625rem .75rem; width:100%; max-width:100%; }
:is(.mazeed-pricing,.mazeed-catalogue-setup) :is(select,input,button,a):focus-visible { outline:3px solid var(--mazeed-orange); outline-offset:3px; }
.mazeed-selection-title { font-size:1.125rem; line-height:1.6; margin:0 0 1rem; }
.mazeed-table-scroll { overflow-x:auto; border:1px solid #e1e9e3; border-radius:1rem; background:#fff; }
.mazeed-pricing-table { border-collapse:collapse; width:100%; margin:0; min-width:52rem; text-align:start; }
.mazeed-pricing-table thead { background:#f3f8f4; }
.mazeed-pricing-table :is(th,td) { padding:1rem 1.25rem; text-align:start; vertical-align:middle; border:0; border-block-end:1px solid #e7ede8; }
.mazeed-pricing-table tbody tr:last-child :is(th,td) { border-block-end:0; }
.mazeed-pricing-table th { font-weight:600; }
.mazeed-pricing-table th:first-child { width:33%; }
.mazeed-price-plan { display:flex; align-items:center; gap:.875rem; min-width:0; }
.mazeed-price-plan-name { display:block; font-weight:700; line-height:1.5; }
.mazeed-price-plan small { display:block; font-size:.8125rem; line-height:1.6; color:var(--mazeed-muted); margin-block-start:.25rem; font-weight:400; }
.mazeed-money-input { display:flex; align-items:center; min-width:10rem; border:1px solid #cdd8d0; border-radius:.625rem; overflow:hidden; background:#fff; }
.mazeed-money-input input[type=text] { border:0; border-radius:0; min-width:0; text-align:end; }
.mazeed-money-input > span { flex:none; font-size:.75rem; padding-inline:.75rem; color:var(--mazeed-muted); }
.mazeed-money-input:focus-within { outline:3px solid var(--mazeed-orange); outline-offset:3px; }
.mazeed-money-input input:focus-visible { outline:0; }
.mazeed-money-input input:disabled { background:#f3f6f4; color:#536159; opacity:1; }
.mazeed-stage-price { display:block; margin-block-start:.375rem; font-size:.75rem; color:var(--mazeed-muted); }
.mazeed-publish-toggle { display:flex; align-items:center; gap:.625rem; margin:0; white-space:nowrap; font-size:.875rem; cursor:pointer; }
.mazeed-publish-toggle input { width:1.125rem; height:1.125rem; accent-color:var(--mazeed-green); }
.mazeed-pricing-table .is-held { background:#fafbf9; }
.mazeed-status.is-draft { background:#f0f1ee; color:#536159; }
.mazeed-form-footer { display:flex; justify-content:space-between; align-items:flex-start; gap:1.5rem; padding-block:1.25rem; }
.mazeed-form-footer p { font-size:.875rem; line-height:1.65; color:var(--mazeed-muted); margin:0 0 .375rem; max-width:47rem; }
.mazeed-form-footer button { flex:none; }
.mazeed-empty-state { padding:1.5rem; border:1px dashed #cdded2; background:#fff; border-radius:1rem; margin-block:1rem; line-height:1.7; }
.mazeed-empty-state p { margin:0 0 .5rem; }
.mazeed-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; margin-block:0 1.5rem; }
.mazeed-toolbar > :is(a,button) { margin:0 !important; }
.mazeed-grade-number { display:flex; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; border:1px solid #c9ddcf; border-radius:.75rem; flex:none; font-weight:700; background:#fff; }
@media (max-width:1100px) { .mazeed-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) {
    .mazeed-form-footer { flex-direction:column; gap:1rem; }
    .mazeed-form-footer button { width:100%; }
    .mazeed-pricing-table { display:block; min-width:0; }
    .mazeed-pricing-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
    .mazeed-pricing-table tbody { display:block; }
    .mazeed-pricing-table tr { display:grid; grid-template-columns:1fr; padding:1.25rem; gap:1rem; border-block-end:1px solid #e1e9e3; }
    .mazeed-pricing-table :is(th,td) { display:block; width:auto !important; padding:0; border:0; min-width:0; }
    .mazeed-pricing-table td::before { content:attr(data-column); display:block; font-size:.8125rem; font-weight:600; margin-block-end:.375rem; }
    .mazeed-pricing-table .mazeed-money-input { min-width:0; }
    .mazeed-filter-bar .mazeed-button { width:100%; }
}
@media (max-width:620px) {
    .mazeed-plan-grid { grid-template-columns:minmax(0,1fr); gap:1rem; }
    .mazeed-subnav { gap:.375rem; }
    .mazeed-tab { padding:.5rem .75rem; }
    .mazeed-tab .mazeed-icon { width:1.125rem; height:1.125rem; }
}

.mazeed-surface-digital .mazeed-feature-icon, .mazeed-surface-complete .mazeed-feature-icon { background:transparent; }

.mazeed-readiness { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin-block:0 1.25rem; }
.mazeed-readiness a { display:flex; align-items:center; justify-content:space-between; gap:.75rem; min-width:0; padding:1rem; background:#fff; border:1px solid #e1e9e3; border-radius:.75rem; text-decoration:none; color:var(--mazeed-ink); }
.mazeed-readiness span { font-size:.8125rem; line-height:1.5; color:var(--mazeed-muted); }
.mazeed-readiness strong { font-size:1rem; white-space:nowrap; color:var(--mazeed-green); }
.mazeed-readiness a:hover { border-color:#96bba2; }
@media(max-width:620px) { .mazeed-readiness { grid-template-columns:minmax(0,1fr); gap:.5rem; } .mazeed-readiness a { padding:.75rem 1rem; } }

/* Keep comparable package information aligned despite wrapped Arabic/English titles. */
.mazeed-price-line { display:block; }
.mazeed-price-caption { display:block; margin-block-start:.5rem; }
.mazeed-catalogue-plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-block:1.5rem 1rem; }
.mazeed-catalogue-plan { display:flex; flex-direction:column; align-items:flex-start; gap:.75rem; min-width:0; padding:1.5rem; background:var(--mazeed-white,#fff); border:1px solid #dce7df; border-radius:1.25rem .5rem 1.25rem .5rem; }
.mazeed-catalogue-plan h3 { font-size:1.0625rem; line-height:1.6; margin:0; }
.mazeed-catalogue-plan p { font-size:.875rem; line-height:1.8; color:var(--mazeed-muted); margin:0; flex:1; }
.mazeed-catalogue-plan strong { color:var(--mazeed-green); font-size:1.25rem; }
.mazeed-catalogue-plan small { font-size:.75rem; font-weight:400; }
.mazeed-catalogue-plan-state { min-height:1.75rem; }
@media(min-width:621px) { .mazeed-catalogue-plan h3 { min-height:3.4rem; } }
.mazeed-catalogue-help { font-size:.875rem; color:var(--mazeed-muted); margin-block:0 1.5rem; line-height:1.8; }
.mazeed-catalogue-setup .mazeed-readiness > div { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-width:0; padding:1rem; border:1px solid #e1e9e3; border-radius:.75rem; background:#fff; }
.mazeed-catalogue-periods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-block:1.5rem; }
.mazeed-catalogue-periods > div { display:flex; flex-direction:column; gap:.5rem; min-width:0; padding:1rem; background:#edf4ee; border-radius:.75rem; }
.mazeed-catalogue-periods strong { font-size:.9375rem; line-height:1.7; }
.mazeed-catalogue-periods span { font-size:.8125rem; color:var(--mazeed-muted); line-height:1.7; }
.mazeed-catalogue-table th:first-child { width:30%; }
.mazeed-catalogue-table th:nth-child(2) { width:auto; }
@media(max-width:900px) { .mazeed-catalogue-plans { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { .mazeed-catalogue-plans,.mazeed-catalogue-periods { grid-template-columns:minmax(0,1fr); } .mazeed-catalogue-plan { padding:1.25rem; } }
@media(min-width:621px) { .mazeed-plan-heading { min-height:3.75rem; } .mazeed-plan-tagline { min-height:3.3em; } }