.escolia-reference .reference-collections {
    padding-block: 64px 72px;
    background: #fff;
    color: #09164c;
    scroll-margin-top: 100px;
}
.escolia-reference .collections-container { width: calc(100% - 48px); max-width: 1440px; margin-inline: auto; }
.escolia-reference .collections-heading { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-block-end: 32px; }
.escolia-reference .collections-heading > div { min-width: 0; }
.escolia-reference .collections-heading h2 { display: flex; align-items: center; gap: 12px; margin: 0 0 6px; font-family: var(--font-display, Nunito, sans-serif); font-size: 48px; font-weight: 900; line-height: 1.15; letter-spacing: 0; }
.escolia-reference .collections-heading p { margin: 0; color: #45658a; font-size: 19px; line-height: 1.55; }
.escolia-reference .collections-spark { position: relative; align-self: flex-start; width: 28px; height: 32px; flex: 0 0 28px; }
.escolia-reference .collections-spark::before, .escolia-reference .collections-spark::after { content: ""; position: absolute; width: 7px; height: 21px; background: #ffbf15; border-radius: 4px; }
.escolia-reference .collections-spark::before { inset-inline-start: 3px; top: 0; transform: rotate(22deg); }
.escolia-reference .collections-spark::after { inset-inline-start: 18px; top: 15px; transform: rotate(58deg); }
.escolia-reference .collections-all { display: inline-flex; justify-content: center; align-items: center; gap: 16px; max-width: 100%; min-height: 48px; padding: 12px 24px; border: 1.5px solid #0056dd; border-radius: 30px; color: #0056dd; text-decoration: none; font-size: 16px; font-weight: 900; line-height: 1.4; text-align: center; flex-shrink: 0; transition: background-color 180ms ease; }
.escolia-reference .collections-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: start; gap: 16px; }
.escolia-reference .collection-item { --collection-accent: #0056dd; --collection-tint: #e7f3ff; --collection-badge: #0056dd; min-width: 0; }
.escolia-reference .collection-capucines { --collection-accent: #d90018; --collection-tint: #fff3dc; --collection-badge: #9c5200; }
.escolia-reference .collection-meli { --collection-accent: #cf0075; --collection-tint: #ffe8f4; --collection-badge: #c1006e; }
.escolia-reference .collection-science { --collection-accent: #007868; --collection-tint: #e1f8ee; --collection-badge: #00705f; }
.escolia-reference .collection-college { --collection-accent: #5a00d6; --collection-tint: #e6f8f4; --collection-badge: #007274; }
.escolia-reference .collection-link { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #edf3f8; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(21, 73, 128, .065); color: inherit; text-decoration: none; transition: border-color 180ms ease, box-shadow 180ms ease; }
.escolia-reference .collection-art { position: relative; isolation: isolate; display: grid; place-items: center; aspect-ratio: 1 / 1; padding: 12px; background: var(--collection-art-tint, #fcfdff); }
.escolia-reference .collection-art::before { content: ""; position: absolute; inset: 0; z-index: 0; background-image: var(--collection-pattern); background-size: 144px 144px; background-repeat: repeat; opacity: .12; pointer-events: none; }
.escolia-reference .collection-maths { --collection-art-tint: #f3effb; --collection-pattern: url("../assets/patterns/collections/maths.svg"); }
.escolia-reference .collection-capucines { --collection-art-tint: #fff1f2; --collection-pattern: url("../assets/patterns/collections/capucines.svg"); }
.escolia-reference .collection-meli { --collection-art-tint: #edf9fc; --collection-pattern: url("../assets/patterns/collections/meli.svg"); }
.escolia-reference .collection-science { --collection-art-tint: #eff9f2; --collection-pattern: url("../assets/patterns/collections/science.svg"); }
.escolia-reference .collection-college { --collection-art-tint: #f0f3ff; --collection-pattern: url("../assets/patterns/collections/college.svg"); }
.escolia-reference .collection-art img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.escolia-reference .collection-details { display: flex; flex-direction: column; min-width: 0; gap: 8px; padding: 20px 20px 14px; border-block-start: 1px solid #f5f8fc; }
.escolia-reference .collection-details h3 { margin: 0; font-size: 19px; font-weight: 900; line-height: 1.3; overflow-wrap: anywhere; }
.escolia-reference .collection-type { margin: 0; color: #45658a; font-size: 16px; line-height: 1.5; }
.escolia-reference .collection-meta { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px; margin-block: 6px 0; font-size: 12px; line-height: 1.5; }
.escolia-reference .collection-level, .escolia-reference .collection-subject { display: inline-block; padding: 7px 10px; border-radius: 9px; }
.escolia-reference .collection-level { background: var(--collection-tint); color: var(--collection-badge); font-weight: 900; }
.escolia-reference .collection-subject { background: #f2f6fb; color: #45658a; }
.escolia-reference:not([dir="rtl"]) .collection-college .collection-meta { column-gap: 4px; font-size: 11px; }
.escolia-reference:not([dir="rtl"]) .collection-college .collection-level,
.escolia-reference:not([dir="rtl"]) .collection-college .collection-subject { padding-inline: 4px; white-space: nowrap; }
.escolia-reference .collection-action { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--collection-accent); font-size: 15px; font-weight: 900; line-height: 1.4; padding-block: 8px; margin-block-start: 0; min-height: 48px; }
.escolia-reference .collection-arrow { display: block; width: 24px; height: 24px; flex: 0 0 24px; transition: transform 180ms ease; }
.escolia-reference .collections-all:focus-visible, .escolia-reference .collection-link:focus-visible { outline: 3px solid #981450; outline-offset: 5px; }
.escolia-reference[dir="rtl"] .collection-arrow { transform: scaleX(-1); }
.escolia-reference[dir="rtl"] .collections-heading h2 { font-family: var(--font-arabic, Tahoma, sans-serif); }
@media (hover: hover) and (pointer: fine) {
    .escolia-reference .collections-all:hover { background: #e7f3ff; }
    .escolia-reference .collection-link:hover { border-color: var(--collection-accent); box-shadow: 0 12px 32px rgba(21, 73, 128, .1); }
    .escolia-reference .collection-link:hover .collection-arrow, .escolia-reference .collections-all:hover .collection-arrow { transform: translateX(3px); }
    .escolia-reference[dir="rtl"] .collection-link:hover .collection-arrow, .escolia-reference[dir="rtl"] .collections-all:hover .collection-arrow { transform: translateX(-3px) scaleX(-1); }
}
@media (max-width: 1199px) {
    .escolia-reference .collections-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
    .escolia-reference .collections-heading { align-items: flex-start; flex-direction: column; gap: 20px; }
    .escolia-reference .collections-heading h2 { font-size: 40px; }
}
@media (max-width: 799px) {
    .escolia-reference .collections-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .escolia-reference .reference-collections { padding-block: 40px 48px; }
    .escolia-reference .collections-heading h2 { font-size: 34px; }
    .escolia-reference .collections-heading p { font-size: 17px; }
}
@media (max-width: 549px) {
    .escolia-reference .collections-container { width: calc(100% - 32px); }
    .escolia-reference .collections-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .escolia-reference .collections-heading h2 { font-size: 30px; gap: 8px; }
    .escolia-reference .collections-heading p { font-size: 16px; }
    .escolia-reference .collections-all { padding-inline: 18px; font-size: 15px; }
    .escolia-reference .collection-art { aspect-ratio: 6 / 5; padding: 16px 32px; }
    .escolia-reference .collection-details { padding: 20px 24px 16px; }
    .escolia-reference .collection-details h3 { font-size: 21px; }
    .escolia-reference .collection-action { font-size: 16px; }
    .escolia-reference:not([dir="rtl"]) .collection-college .collection-meta { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .escolia-reference .collection-arrow, .escolia-reference .collection-link, .escolia-reference .collections-all { transition: none; }
    .escolia-reference .collection-link:hover .collection-arrow, .escolia-reference .collections-all:hover .collection-arrow { transform: none; }
    .escolia-reference[dir="rtl"] .collection-link:hover .collection-arrow, .escolia-reference[dir="rtl"] .collections-all:hover .collection-arrow { transform: scaleX(-1); }
}