/* ABCXYZ Rich Learning Article Design System v1.1.1
   Scoped to .abcxyz-learning so it cannot restyle protected 11,000 pages or unrelated content. */
.abcxyz-learning{
  --ax-navy:#123e70;--ax-blue:#1e6fb8;--ax-cyan:#0e7490;--ax-violet:#6d4bb8;--ax-green:#2f855a;--ax-amber:#b7791f;--ax-red:#b42318;
  --ax-text:#1f2937;--ax-muted:#64748b;--ax-border:#dbe7f2;--ax-surface:#ffffff;--ax-soft:#f7fbff;
  direction:rtl!important;text-align:right!important;color:var(--ax-text)!important;background:#fff!important;
  font-size:1.02rem;line-height:2;max-width:1180px;margin:1.25rem auto 2.5rem!important;padding:clamp(16px,2.5vw,32px)!important;
  border:1px solid #e3ebf4;border-radius:24px;box-shadow:0 16px 44px rgba(15,23,42,.10);overflow:hidden;overflow-wrap:anywhere;
}
.abcxyz-learning *{box-sizing:border-box}
.abcxyz-learning p,.abcxyz-learning li,.abcxyz-learning td,.abcxyz-learning th,.abcxyz-learning summary,.abcxyz-learning span{color:inherit}
.abcxyz-learning a{color:#0f5f9c!important;text-decoration-thickness:1px;text-underline-offset:3px}
.abcxyz-learning a:hover{color:#0a4777!important}
.abcxyz-learning strong,.abcxyz-learning b{color:#143f67!important}
.abcxyz-learning em{color:#536579!important}
.abcxyz-learning .abcxyz-lesson-hero{position:relative;margin:0 0 2rem;padding:clamp(18px,3vw,34px);border:1px solid #cfe0f2;border-radius:22px;background:linear-gradient(135deg,#f7fbff 0%,#eaf4ff 52%,#f7f4ff 100%)!important;box-shadow:0 10px 30px rgba(18,62,112,.08)}
.abcxyz-learning .abcxyz-kicker{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.38rem .85rem;border-radius:999px;background:#123e70!important;color:#fff!important;font-size:.84rem;font-weight:850;letter-spacing:.01em}
.abcxyz-learning .abcxyz-lead>p:first-child{margin:0;font-size:clamp(1.03rem,1.4vw,1.16rem);line-height:2.05;color:#24384e!important}
.abcxyz-learning .abcxyz-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:1.25rem}
.abcxyz-learning .abcxyz-meta-grid>div{background:rgba(255,255,255,.84)!important;border:1px solid #dce8f5;border-radius:14px;padding:.8rem 1rem}
.abcxyz-learning .abcxyz-meta-grid span{display:block;color:#6a7b8e!important;font-size:.78rem;margin-bottom:.2rem}
.abcxyz-learning .abcxyz-meta-grid strong{display:block;color:#123e70!important;font-size:.98rem}
.abcxyz-learning .abcxyz-toc{margin-top:1.15rem;padding:1rem 1.1rem;background:#fff!important;border:1px solid #dce7f2;border-radius:16px}
.abcxyz-learning .abcxyz-toc>strong{display:block;margin-bottom:.65rem;color:#123e70!important}
.abcxyz-learning .abcxyz-toc>div{display:flex;flex-wrap:wrap;gap:.45rem}
.abcxyz-learning .abcxyz-toc a{display:inline-flex;padding:.42rem .7rem;border:1px solid #dce8f5;border-radius:999px;background:#f8fbff!important;text-decoration:none!important;font-size:.86rem;font-weight:700}
.abcxyz-learning .abcxyz-lesson-body{background:#fff!important;color:var(--ax-text)!important}
.abcxyz-learning h2{margin:2.35rem 0 1rem!important;padding:.8rem 1rem!important;border-right:5px solid var(--ax-blue)!important;border-radius:0 12px 12px 0!important;background:linear-gradient(90deg,rgba(30,111,184,.025),rgba(30,111,184,.11))!important;color:var(--ax-navy)!important;font-size:clamp(1.22rem,2vw,1.48rem)!important;line-height:1.65!important;font-weight:850!important}
.abcxyz-learning h3{margin:1.65rem 0 .7rem!important;color:#155081!important;font-size:clamp(1.06rem,1.5vw,1.2rem)!important;line-height:1.7!important;font-weight:800!important}
.abcxyz-learning p{margin:.65rem 0 1rem!important;color:#293846!important}
.abcxyz-learning ul,.abcxyz-learning ol{margin:.65rem 0 1.3rem!important;padding-right:1.45rem!important}
.abcxyz-learning li{margin:.38rem 0!important;color:#2b3a48!important}
.abcxyz-learning .abcxyz-panel{margin:2rem 0;padding:1.15rem 1.25rem 1.25rem;border:1px solid #e1e8f0;border-radius:18px;background:#fff!important;box-shadow:0 5px 20px rgba(15,23,42,.045)}
.abcxyz-learning .abcxyz-panel>h2:first-child{margin-top:.05rem!important}
.abcxyz-learning .abcxyz-panel-violet{background:linear-gradient(180deg,#fbf9ff,#fff)!important;border-top:4px solid var(--ax-violet)}
.abcxyz-learning .abcxyz-panel-violet h2{border-right-color:var(--ax-violet)!important;color:#563596!important;background:rgba(109,75,184,.07)!important}
.abcxyz-learning .abcxyz-panel-cyan{background:linear-gradient(180deg,#f7fdff,#fff)!important;border-top:4px solid var(--ax-cyan)}
.abcxyz-learning .abcxyz-panel-cyan h2{border-right-color:var(--ax-cyan)!important;color:#0d657d!important;background:rgba(14,116,144,.07)!important}
.abcxyz-learning .abcxyz-panel-green{background:linear-gradient(180deg,#f8fdf9,#fff)!important;border-top:4px solid var(--ax-green)}
.abcxyz-learning .abcxyz-panel-green h2{border-right-color:var(--ax-green)!important;color:#236744!important;background:rgba(47,133,90,.07)!important}
.abcxyz-learning .abcxyz-panel-amber{background:linear-gradient(180deg,#fffcf5,#fff)!important;border-top:4px solid var(--ax-amber)}
.abcxyz-learning .abcxyz-panel-amber h2{border-right-color:var(--ax-amber)!important;color:#80550e!important;background:rgba(183,121,31,.08)!important}
.abcxyz-learning .abcxyz-panel-red{background:linear-gradient(180deg,#fff9f8,#fff)!important;border-top:4px solid var(--ax-red)}
.abcxyz-learning .abcxyz-panel-red h2{border-right-color:var(--ax-red)!important;color:#8f261d!important;background:rgba(180,35,24,.07)!important}
.abcxyz-learning .abcxyz-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1rem 0}
.abcxyz-learning .abcxyz-mini-card{display:flex;flex-direction:column;gap:.25rem;min-height:116px;padding:1rem;border:1px solid #dfe8f2;border-radius:15px;background:#fff!important;box-shadow:0 4px 12px rgba(15,23,42,.04)}
.abcxyz-learning .abcxyz-mini-card b{font-size:1.03rem}
.abcxyz-learning .abcxyz-mini-card span{font-size:.78rem;color:#64748b!important}
.abcxyz-learning .abcxyz-mini-card em{direction:ltr;text-align:left;margin-top:auto;font-size:.9rem;color:#3c536a!important;font-style:normal}
.abcxyz-learning .abcxyz-situation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:1rem 0}
.abcxyz-learning .abcxyz-situation-grid>div{padding:1rem 1.05rem;border-radius:15px;background:#fff!important;border:1px solid #dfe8f2}
.abcxyz-learning .abcxyz-situation-grid h3{margin:0 0 .45rem!important}
.abcxyz-learning .abcxyz-situation-grid p{margin:0!important;direction:ltr;text-align:left}
.abcxyz-learning .table-responsive{margin:1.15rem 0 1.75rem!important;border:1px solid #dfe7ef!important;border-radius:16px!important;overflow:auto!important;box-shadow:0 4px 16px rgba(15,23,42,.055)!important;background:#fff!important;-webkit-overflow-scrolling:touch}
.abcxyz-learning table{width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;color:#263746!important}
.abcxyz-learning thead,.abcxyz-learning th{background:#eaf3fb!important;color:#123e70!important;font-weight:850!important}
.abcxyz-learning th,.abcxyz-learning td{padding:.78rem .9rem!important;border:0!important;border-bottom:1px solid #e6edf4!important;vertical-align:top!important;background-color:transparent!important;color:#263746!important}
.abcxyz-learning tbody tr:nth-child(even){background:#f9fcff!important}
.abcxyz-learning tbody tr:hover{background:#f1f7fd!important}
.abcxyz-learning td:first-child{direction:ltr;text-align:left;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:650;color:#183a5a!important}
.abcxyz-learning .abcxyz-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:1rem 0}
.abcxyz-learning .abcxyz-example{padding:.85rem 1rem;border:1px solid #e0e8f0;border-radius:14px;background:#fff!important}
.abcxyz-learning .abcxyz-example .en{direction:ltr;text-align:left;font-weight:750;color:#164a75!important;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.abcxyz-learning .abcxyz-example .fa{margin-top:.25rem;color:#536579!important;font-size:.93rem}
.abcxyz-learning .abcxyz-dialogue{margin:1rem 0;padding:1rem 1.15rem;border:1px solid #d7e7f3;border-radius:16px;background:#f7fbff!important}
.abcxyz-learning .abcxyz-dialogue p{direction:ltr;text-align:left;margin:.42rem 0!important;color:#25394d!important}
.abcxyz-learning .abcxyz-dialogue mark{background:#fff1a8!important;color:#3e3210!important;padding:.05rem .22rem;border-radius:4px}
.abcxyz-learning .abcxyz-phrase-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.abcxyz-learning .abcxyz-phrase-cloud span{direction:ltr;display:inline-flex;padding:.45rem .72rem;border-radius:999px;background:#e8f4fb!important;border:1px solid #cbe3f1;color:#0c607b!important;font-weight:750}
.abcxyz-learning .abcxyz-callout{margin:1rem 0;padding:1rem 1.15rem;border-radius:14px;border-right:5px solid #1e6fb8;background:#eef7ff!important;color:#24405a!important}
.abcxyz-learning .abcxyz-callout-tip{border-right-color:#2f855a;background:#f0fbf4!important}
.abcxyz-learning .abcxyz-checklist{list-style:none!important;padding:0!important}
.abcxyz-learning .abcxyz-checklist li{position:relative;padding:.55rem .85rem .55rem .55rem!important;margin:.45rem 0!important;background:#fff!important;border:1px solid #eceff3;border-radius:11px}
.abcxyz-learning .abcxyz-faq{margin:2rem 0}
.abcxyz-learning .abcxyz-faq-item{margin:.7rem 0;border:1px solid #dfe8f0;border-radius:13px;background:#fff!important;overflow:hidden}
.abcxyz-learning .abcxyz-faq-item summary{cursor:pointer;padding:.9rem 1rem;font-weight:800;color:#183f63!important;background:#f8fbfe!important}
.abcxyz-learning .abcxyz-faq-item>div{padding:.85rem 1rem;color:#33485b!important}
.abcxyz-learning .abcxyz-practice{margin:2rem 0;padding:1.25rem 1.4rem;border:1px solid #cfe5d7;border-radius:18px;background:linear-gradient(180deg,#f2fbf5,#fff)!important}
.abcxyz-learning .abcxyz-practice h2{margin-top:0!important;border-right-color:#2f855a!important;color:#21633f!important;background:rgba(47,133,90,.07)!important}
.abcxyz-learning .abcxyz-practice details{margin-top:1rem;border:1px dashed #a9cfb7;border-radius:12px;padding:.75rem 1rem;background:#fff!important}
.abcxyz-learning .abcxyz-practice summary{cursor:pointer;font-weight:800;color:#21633f!important}
.abcxyz-learning .abcxyz-summary{margin:2rem 0;padding:1.25rem 1.4rem;border-radius:18px;background:linear-gradient(180deg,#fff9e9,#fff)!important;border:1px solid #ead7a5}
.abcxyz-learning .abcxyz-summary h2{margin-top:0!important;border-right-color:#c68a14!important;color:#815b0b!important;background:rgba(198,138,20,.07)!important}
.abcxyz-learning .abcxyz-disclaimer{font-size:.88rem;color:#6c7480!important;border-top:1px solid #eadfbe;padding-top:.8rem}
.abcxyz-learning .abcxyz-topic-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin:2rem 0 1rem;padding-top:1rem;border-top:1px solid #e7edf3}
.abcxyz-learning .abcxyz-topic-tags span{display:inline-flex;padding:.45rem .78rem;border-radius:999px;background:#173f67!important;color:#fff!important;font-size:.84rem;font-weight:750}
.abcxyz-learning .abcxyz-sources{margin:1rem 0 0;padding:1rem 1.1rem;border-radius:15px;background:#f8fafc!important;border:1px solid #e2e8f0}
.abcxyz-learning .abcxyz-sources h2{font-size:1.08rem!important;margin:.1rem 0 .65rem!important;padding:.35rem .65rem!important;background:transparent!important;border-right-width:3px!important}
.abcxyz-learning .abcxyz-sources p,.abcxyz-learning .abcxyz-sources li{font-size:.88rem!important;color:#5b6877!important}
.abcxyz-learning .abcxyz-sources ul{margin-bottom:0!important}
.abcxyz-learning .abcxyz-related{margin:2rem 0 0;padding:1.2rem 1.4rem;border-radius:16px;background:#f7f9fc!important;border:1px solid #e2e8f0}
.abcxyz-learning .abcxyz-related h2{margin-top:0!important;background:transparent!important;padding-top:.2rem!important;padding-bottom:.2rem!important}
.abcxyz-learning .abcxyz-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;list-style:none;padding:0!important;margin:.5rem 0 0!important}
.abcxyz-learning .abcxyz-related a{display:block;padding:.7rem .85rem;border-radius:10px;background:#fff!important;border:1px solid #dde7f2;text-decoration:none!important;color:#174f80!important;font-weight:700}
/* Rich articles render their own curated textual topic chips; hide the legacy Joomla tag badge row for these pages only. */
body:has(.abcxyz-learning) .com-content-article>.tags,
body:has(.abcxyz-learning) .item-page>.tags,
body:has(.abcxyz-learning) article>.tags,
body:has(.abcxyz-learning) .com-content-article .tags.list-inline{display:none!important}
@media(max-width:900px){
 .abcxyz-learning{margin:.75rem auto 1.5rem!important;padding:16px!important;border-radius:18px}
 .abcxyz-learning .abcxyz-meta-grid{grid-template-columns:1fr}
 .abcxyz-learning .abcxyz-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .abcxyz-learning .abcxyz-example-grid,.abcxyz-learning .abcxyz-situation-grid{grid-template-columns:1fr}
 .abcxyz-learning .abcxyz-related ul{grid-template-columns:1fr}
}
@media(max-width:600px){
 .abcxyz-learning{font-size:.98rem;line-height:1.9;padding:12px!important;border-radius:14px}
 .abcxyz-learning .abcxyz-lesson-hero{padding:16px;border-radius:16px}
 .abcxyz-learning .abcxyz-card-grid{grid-template-columns:1fr}
 .abcxyz-learning h2{font-size:1.17rem!important;padding:.68rem .78rem!important}
 .abcxyz-learning h3{font-size:1.05rem!important}
 .abcxyz-learning th,.abcxyz-learning td{padding:.65rem!important;min-width:135px}
 .abcxyz-learning .abcxyz-toc>div{display:grid;grid-template-columns:1fr}
 .abcxyz-learning .abcxyz-toc a{border-radius:10px}
}
@media print{.abcxyz-learning{box-shadow:none;border:0;padding:0!important}.abcxyz-learning .abcxyz-lesson-hero,.abcxyz-learning .abcxyz-panel,.abcxyz-learning .abcxyz-practice,.abcxyz-learning .abcxyz-summary,.abcxyz-learning .abcxyz-related{box-shadow:none;background:#fff!important}.abcxyz-learning a{color:#000!important;text-decoration:none!important}}
/* Neutralize legacy dark article containers only on pages that actually contain a rich ABCXYZ lesson. */
body:has(.abcxyz-learning) .com-content-article,
body:has(.abcxyz-learning) .item-page{background:#f4f8fc!important;color:#1f2937!important}
body:has(.abcxyz-learning) .com-content-article>h1,
body:has(.abcxyz-learning) .com-content-article>h2,
body:has(.abcxyz-learning) .item-page>h1,
body:has(.abcxyz-learning) .item-page>h2{color:#123e70!important}

.abcxyz-learning .abcxyz-related .abcxyz-topic-tags a.abcxyz-related-chip{display:inline-flex!important;align-items:center!important;width:auto!important;padding:.45rem .78rem!important;border-radius:999px!important;background:#173f67!important;border:1px solid #173f67!important;color:#fff!important;font-size:.84rem!important;font-weight:750!important;line-height:1.45!important;text-decoration:none!important;box-shadow:none!important}
.abcxyz-learning .abcxyz-related .abcxyz-topic-tags a.abcxyz-related-chip:hover,.abcxyz-learning .abcxyz-related .abcxyz-topic-tags a.abcxyz-related-chip:focus{background:#0f3150!important;border-color:#0f3150!important;color:#fff!important;text-decoration:none!important}

/* ABCXYZ Content/SEO v1.21.0 — ABCXYZ_Next strict mobile/app-like article layer.
   Presentation only. Applies on article pages where this stylesheet is loaded.
   Protected 11,000 IDs remain excluded by the system plugin. */
@media (max-width:760px){
  /* Universal article safety: legacy content must not break the new mobile app shell. */
  body.abc-next :is(.com-content-article,.item-page) :is(img,video,canvas,svg){max-width:100%!important;height:auto!important}
  body.abc-next :is(.com-content-article,.item-page) iframe{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:210px;border:0;border-radius:16px;overflow:hidden}
  body.abc-next :is(.com-content-article,.item-page) :is(pre,code){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.abc-next :is(.com-content-article,.item-page) table{display:block!important;max-width:100%!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  body.abc-next :is(.com-content-article,.item-page) [style*="min-width"]{min-width:0!important;max-width:100%!important}
  body.abc-next :is(.com-content-article,.item-page) [style*="width:"]{max-width:100%!important}
  body.abc-next :is(.com-content-article,.item-page) [style*="float:"]{float:none!important}
  body.abc-next :is(.com-content-article,.item-page) font[size]{font-size:inherit!important}
  body.abc-next :is(.com-content-article,.item-page) a{overflow-wrap:anywhere}

  /* Managed rich articles become native children of the ABCXYZ_Next app canvas. */
  body.abc-next .abcxyz-learning{
    --ax-blue:var(--abc-blue,#126fa5);--ax-green:var(--abc-green,#187754);--ax-gold:var(--abc-gold,#e6a91f);
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;color:var(--abc-ink,#12364f)!important;font-size:15px!important;line-height:1.95!important
  }
  body.abc-next .abcxyz-learning :is(.abcxyz-lesson-hero,.abcxyz-panel,.abcxyz-dialogue,.abcxyz-practice,.abcxyz-summary,.abcxyz-related,.abcxyz-sources){
    margin:12px 0!important;padding:17px 16px!important;border:1px solid var(--abc-line,#dce7f0)!important;border-radius:20px!important;
    background:var(--abc-surface,#fff)!important;box-shadow:0 8px 24px rgba(19,64,92,.055)!important
  }
  body.abc-next .abcxyz-learning .abcxyz-lesson-hero{background:linear-gradient(180deg,#f3f9fd,#fff)!important}
  body.abc-next .abcxyz-learning :is(h1,h2,h3){letter-spacing:-.02em!important;color:var(--abc-ink,#12364f)!important}
  body.abc-next .abcxyz-learning h2{font-size:1.16rem!important;line-height:1.6!important;margin:18px 0 10px!important;padding:10px 12px!important;border-radius:13px!important;border-right:4px solid var(--abc-blue,#126fa5)!important;background:#eef7fc!important}
  body.abc-next .abcxyz-learning h3{font-size:1.03rem!important;line-height:1.65!important;margin:15px 0 8px!important}
  body.abc-next .abcxyz-learning p{font-size:1rem!important;line-height:1.95!important;margin:.65rem 0!important;color:#355b73!important}
  body.abc-next .abcxyz-learning :is(.abcxyz-card-grid,.abcxyz-example-grid,.abcxyz-situation-grid,.abcxyz-meta-grid){grid-template-columns:1fr!important;gap:10px!important}
  body.abc-next .abcxyz-learning :is(.abcxyz-mini-card,.abcxyz-example,.abcxyz-situation-grid>div){
    min-height:0!important;padding:14px!important;border:1px solid var(--abc-line,#dce7f0)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important
  }
  body.abc-next .abcxyz-learning .abcxyz-example .en{font-size:1rem!important;line-height:1.75!important;color:#164d70!important}
  body.abc-next .abcxyz-learning .abcxyz-example .fa{font-size:.95rem!important;line-height:1.85!important;color:#62788b!important}
  body.abc-next .abcxyz-learning .table-responsive,
  body.abc-next .abcxyz-learning table{border-radius:16px!important;-webkit-overflow-scrolling:touch!important}
  body.abc-next .abcxyz-learning .table-responsive{width:calc(100% + 8px)!important;margin:12px -4px 18px!important;overflow-x:auto!important}
  body.abc-next .abcxyz-learning table{min-width:520px!important;width:100%!important;display:table!important}
  body.abc-next .abcxyz-learning :is(th,td){padding:11px 12px!important;font-size:.92rem!important;line-height:1.7!important}
  body.abc-next .abcxyz-learning .abcxyz-toc>div{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  body.abc-next .abcxyz-learning .abcxyz-toc a,
  body.abc-next .abcxyz-learning .abcxyz-related a,
  body.abc-next .abcxyz-learning .abcxyz-faq-item summary{
    min-height:46px!important;display:flex!important;align-items:center!important;padding:11px 13px!important;border-radius:13px!important;touch-action:manipulation
  }
  body.abc-next .abcxyz-learning .abcxyz-related ul{grid-template-columns:1fr!important;gap:8px!important}
  body.abc-next .abcxyz-learning .abcxyz-related a{background:#f4f9fc!important;border:1px solid #dceaf2!important;color:#145f88!important}
  body.abc-next .abcxyz-learning .abcxyz-phrase-cloud{gap:7px!important}
  body.abc-next .abcxyz-learning .abcxyz-phrase-cloud span,
  body.abc-next .abcxyz-learning .abcxyz-topic-tags span,
  body.abc-next .abcxyz-learning a.abcxyz-related-chip{min-height:40px!important;padding:8px 11px!important;border-radius:999px!important;font-size:.86rem!important}
  body.abc-next .abcxyz-learning .abcxyz-faq-item{border-radius:16px!important;box-shadow:none!important}
  body.abc-next .abcxyz-learning .abcxyz-faq-item>div{padding:12px 14px!important}
  body.abc-next .abcxyz-learning :is(.abcxyz-callout,.abcxyz-checklist li){border-radius:14px!important}
  body.abc-next .abcxyz-learning :is(button,.btn,[role="button"]){min-height:46px;min-width:46px}
}
@media (max-width:430px){
  body.abc-next .abcxyz-learning :is(.abcxyz-lesson-hero,.abcxyz-panel,.abcxyz-dialogue,.abcxyz-practice,.abcxyz-summary,.abcxyz-related,.abcxyz-sources){padding:15px 13px!important;border-radius:18px!important}
  body.abc-next .abcxyz-learning h2{font-size:1.11rem!important}
  body.abc-next .abcxyz-learning .table-responsive{width:calc(100% + 12px)!important;margin-inline:-6px!important}
}


/* v1.21 strict app-native shell for every non-protected Joomla article.
   The stylesheet itself is loaded only on article views by the system plugin.
   This is presentation-only: article HTML, URL, alias and SEO data are untouched. */
@media (max-width:760px){
  body.abcxyz-article-app :is(.com-content-article,.item-page){
    width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
    overflow:hidden!important;background:transparent!important;color:var(--abc-ink,#12364f)!important;
    font-size:15px!important;line-height:1.95!important
  }
  body.abcxyz-article-app :is(.com-content-article,.item-page) > :is(h1,h2),
  body.abcxyz-article-app :is(.com-content-article,.item-page) .page-header > :is(h1,h2){
    margin:8px 0 14px!important;padding:0!important;background:transparent!important;border:0!important;
    color:var(--abc-ink,#12364f)!important;font-size:clamp(1.28rem,6vw,1.62rem)!important;line-height:1.5!important;
    letter-spacing:-.025em!important;font-weight:850!important
  }
  body.abcxyz-article-app :is(.com-content-article,.item-page) h2:not(.abcxyz-learning h2){
    margin:18px 0 10px!important;padding:11px 13px!important;border:1px solid #dce9f2!important;
    border-right:4px solid var(--abc-blue,#126fa5)!important;border-radius:14px!important;
    background:#f2f8fc!important;color:var(--abc-ink,#12364f)!important;font-size:1.15rem!important;line-height:1.65!important
  }
  body.abcxyz-article-app :is(.com-content-article,.item-page) h3:not(.abcxyz-learning h3){
    margin:16px 0 8px!important;color:#175779!important;font-size:1.04rem!important;line-height:1.7!important
  }
  body.abcxyz-article-app :is(.com-content-article,.item-page) p:not(.abcxyz-learning p),
  body.abcxyz-article-app :is(.com-content-article,.item-page) li:not(.abcxyz-learning li){
    font-size:1rem!important;line-height:1.95!important;color:#355b73!important;overflow-wrap:anywhere
  }
  body.abcxyz-article-app :is(.com-content-article,.item-page) :is(ul,ol):not(.abcxyz-learning :is(ul,ol)){
    padding-inline-start:1.25rem!important;margin:10px 0 16px!important
  }
  body.abcxyz-article-app :is(.com-content-article,.item-page) blockquote{
    margin:14px 0!important;padding:14px 16px!important;border:1px solid #dce9f2!important;border-right:4px solid var(--abc-green,#187754)!important;
    border-radius:16px!important;background:#f6fbf8!important;color:#31576c!important
  }
  body.abcxyz-article-app :is(.com-content-article,.item-page) hr{margin:18px 0!important;border:0!important;border-top:1px solid #e1eaf1!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) :is(img,video,canvas,svg){max-width:100%!important;height:auto!important;border-radius:min(16px,4vw)}
  body.abcxyz-article-app :is(.com-content-article,.item-page) iframe{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:210px;border:0!important;border-radius:16px!important;overflow:hidden!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;background:#fff!important;border-radius:14px!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) :is(th,td){min-width:120px;padding:10px 11px!important;font-size:.92rem!important;line-height:1.65!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) :is(pre,code){max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;font-size:.9rem!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) center{display:block!important;text-align:inherit!important;max-width:100%!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) font{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) [style*="min-width"]{min-width:0!important;max-width:100%!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) [style*="width:"]{max-width:100%!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) [style*="float:"]{float:none!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) [style*="margin-left"],
  body.abcxyz-article-app :is(.com-content-article,.item-page) [style*="margin-right"]{max-width:100%!important}
  body.abcxyz-article-app :is(.com-content-article,.item-page) a{overflow-wrap:anywhere;text-underline-offset:3px}
  body.abcxyz-article-app :is(.com-content-article,.item-page) :is(a.btn,button,.btn,[role="button"]){min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:13px!important;touch-action:manipulation!important}
}


/* v1.21.1 — App-native bilingual example tables on phones.
   Only ABCXYZ-generated teaching tables are transformed; generic/data tables keep their own responsive behavior. */
@media (max-width:760px){
  body.abc-next .abcxyz-learning .table-responsive:has(> .abcxyz-table),
  body.abcxyz-article-app .abcxyz-learning .table-responsive:has(> .abcxyz-table){
    width:100%!important;
    max-width:100%!important;
    margin:12px 0 18px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  body.abc-next .abcxyz-learning .abcxyz-table,
  body.abcxyz-article-app .abcxyz-learning .abcxyz-table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  body.abc-next .abcxyz-learning .abcxyz-table thead,
  body.abcxyz-article-app .abcxyz-learning .abcxyz-table thead{
    display:none!important;
  }
  body.abc-next .abcxyz-learning .abcxyz-table tbody,
  body.abcxyz-article-app .abcxyz-learning .abcxyz-table tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  body.abc-next .abcxyz-learning .abcxyz-table tbody tr,
  body.abcxyz-article-app .abcxyz-learning .abcxyz-table tbody tr{
    display:block!important;
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid var(--abc-line,#dce7f0)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(16,54,79,.045)!important;
  }
  body.abc-next .abcxyz-learning .abcxyz-table tbody td,
  body.abcxyz-article-app .abcxyz-learning .abcxyz-table tbody td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:12px 14px!important;
    border:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.abc-next .abcxyz-learning .abcxyz-table tbody td:first-child,
  body.abcxyz-article-app .abcxyz-learning .abcxyz-table tbody td:first-child{
    direction:ltr!important;
    text-align:left!important;
    font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:1rem!important;
    font-weight:760!important;
    line-height:1.65!important;
    color:#163f60!important;
    background:#f3f8fc!important;
    border-bottom:1px solid var(--abc-line,#dce7f0)!important;
  }
  body.abc-next .abcxyz-learning .abcxyz-table tbody td:nth-child(2),
  body.abcxyz-article-app .abcxyz-learning .abcxyz-table tbody td:nth-child(2){
    direction:rtl!important;
    text-align:right!important;
    font-size:1rem!important;
    line-height:1.8!important;
    color:#355b73!important;
    background:#fff!important;
  }
}
@media (max-width:430px){
  body.abc-next .abcxyz-learning .table-responsive:has(> .abcxyz-table),
  body.abcxyz-article-app .abcxyz-learning .table-responsive:has(> .abcxyz-table){
    width:100%!important;
    margin-inline:0!important;
  }
  body.abc-next .abcxyz-learning .abcxyz-table tbody tr,
  body.abcxyz-article-app .abcxyz-learning .abcxyz-table tbody tr{border-radius:14px!important}
  body.abc-next .abcxyz-learning .abcxyz-table tbody td,
  body.abcxyz-article-app .abcxyz-learning .abcxyz-table tbody td{padding:11px 12px!important}
}

/* v1.21.2 — mobile article chrome cleanup.
   The fixed bottom dock already owns Cart on mobile, so article pages get safe breathing room.
   Content/SEO data and desktop layout are untouched. */
@media (max-width:760px){
  body.abcxyz-article-app{
    padding-bottom:max(126px, calc(104px + env(safe-area-inset-bottom)))!important;
  }
  body.abcxyz-article-app .abc-footer{
    margin-bottom:0!important;
  }
}