/* Resource selectors stay physically left; their text still follows FR/AR. */
.escolia-brand .resource-switcher {
    display: grid;
    grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
    gap: 48px;
    align-items: center;
    direction: ltr;
}
.escolia-brand .resource-switcher .resource-selector { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.escolia-brand .resource-switcher .resource-card {
    position: relative;
    min-height: 98px;
    padding: 24px;
    text-align: start;
    justify-content: center;
    align-items: stretch;
    border: 1px solid #eae5e7;
    background: #fff;
    box-shadow: none;
}
.escolia-brand .resource-switcher .resource-introduction { flex-direction: row; align-items: center; gap: 18px; }
.escolia-brand .resource-switcher .resource-introduction > div { min-width: 0; }
.escolia-brand .resource-switcher .resource-card h3 { margin: 0; min-height: 0; font-size: 19px; line-height: 1.4; }
.escolia-brand .resource-choice { border: 0; padding: 0; background: transparent; color: inherit; font: inherit; text-align: inherit; cursor: pointer; }
.escolia-brand .resource-choice::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.escolia-brand .resource-choice:disabled { color: inherit; opacity: 1; cursor: default; }
.escolia-brand .resource-choice:focus { outline: none; }
.escolia-brand .resource-card:has(.resource-choice:focus-visible) { outline: 3px solid var(--resource-accent); outline-offset: 4px; }
.escolia-brand .resource-switcher .resource-card.is-selected { border-color: var(--resource-accent); }
.escolia-brand .resource-card.is-selected .resource-choice { color: var(--resource-accent); }
.escolia-brand .resource-switcher[data-enhanced="true"] .resource-card p {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.escolia-brand .resource-switcher:not([data-enhanced="true"]) { display: block; }
.escolia-brand .resource-switcher:not([data-enhanced="true"]) .resource-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.escolia-brand .resource-preview { min-width: 0; color: var(--brand-ink); }
.escolia-brand .resource-preview[hidden], .escolia-brand .resource-preview-media[hidden] { display: none; }
.escolia-brand .resource-preview-frame {
    display: block; aspect-ratio: 16 / 10;
    width: 100%; min-width: 0;
    padding: 0; border: 10px solid #18223b; border-radius: 20px;
    overflow: hidden; background: #fff;
}
.escolia-brand .resource-preview-header,.escolia-brand .resource-preview-icon { display: none; }
.escolia-brand .resource-preview-body { position: relative; width: 100%; height: 100%; min-height: 0; }
/* Keep selection announcements available without visible duplicate captions. */
.escolia-brand .resource-preview-summary {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.escolia-brand .resource-preview-media { width: 100%; height: 100%; min-height: 0; }
.escolia-brand .resource-preview-media :is(img,video) { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.escolia-brand[dir="rtl"] :is(.resource-selector,.resource-preview) { direction: rtl; }
@media (hover: hover) and (pointer: fine) {
    .escolia-brand .resource-switcher[data-enhanced="true"] .resource-card:hover { border-color: var(--resource-accent); }
}
@media (max-width: 1023px) {
    .escolia-brand .resource-switcher { gap: 28px; grid-template-columns: minmax(240px,.9fr) minmax(0,1.1fr); }
    .escolia-brand .resource-preview-frame { border-width: 9px; }
    .escolia-brand .resource-switcher .resource-card { padding: 20px; }
}
@media (max-width: 767px) {
    .escolia-brand .resource-switcher { grid-template-columns: minmax(0,1fr); gap: 28px; }
    .escolia-brand .resource-switcher .resource-selector { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    .escolia-brand .resource-switcher .resource-card { min-height: 130px; padding: 18px 12px; text-align: center; }
    .escolia-brand .resource-switcher .resource-introduction { flex-direction: column; gap: 10px; }
    .escolia-brand .resource-switcher .resource-card h3 { font-size: 15px; }
    .escolia-brand .resource-preview-frame { border-width: 8px; }
}