/* A media-led gallery within ALDental's public visual identity. */
.education-page{background:#fafbf9;padding-bottom:40px;--gallery-muted:#4d6370}
.education-page [hidden]{display:none!important}
.education-page ::selection{background:var(--aqua);color:var(--navy)}
.education-page :is(button,a,input,summary,iframe):focus-visible{outline:3px solid #17656a;outline-offset:5px}
.learning-header{padding-top:32px;padding-bottom:24px}
.learning-header h1{font-size:clamp(2.1rem,4.2vw,3.65rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px;font-weight:400;text-wrap:balance}
.learning-header h1 strong{color:#17656a;font-weight:500}
.learning-header>p{font-size:1.08rem;color:var(--gallery-muted);margin:0}
.learning-library{padding-top:12px}
.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.library-heading h2,.topics-heading h2,.learning-close h2{font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:500;line-height:1.25;margin:0;letter-spacing:-.025em}
.library-search{width:280px;max-width:100%;display:grid;gap:4px;font-size:.8rem;color:var(--gallery-muted)}
.library-search input{font:inherit;font-size:.95rem;width:100%;min-height:44px;padding:10px 14px;background:#fff;border:1px solid #7c919b;border-radius:8px;color:var(--navy);caret-color:#17656a}
.library-search input::placeholder{color:var(--gallery-muted)}
.library-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 12px}
.library-filters button,.library-reset,.library-retry{min-height:44px;border:1px solid #b3c7ca;background:transparent;border-radius:24px;padding:9px 18px;color:var(--navy);cursor:pointer;font-size:.9rem}
.library-filters button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.library-filters button:hover{background:#d7efed;color:var(--navy)}
.library-status{font-size:.85rem;color:var(--gallery-muted);margin:16px 0;min-height:1.5em}
.education-page .resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;align-items:start}
.education-page .resource-card{padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-width:0;scroll-margin-top:110px}
.resource-visual{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#e4efec;display:grid;place-items:center}
.resource-visual>img{width:100%;height:100%;object-fit:contain}
.resource-visual.is-photo>img{object-fit:cover}
.resource-visual.is-video{background:#10283d;aspect-ratio:16/10;min-height:220px}
.resource-visual.is-short{aspect-ratio:9/12;max-height:510px}
.resource-visual.is-short>img{object-fit:contain;background:#10283d}
.resource-visual :is(iframe,video){position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain}
.resource-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:0;color:white;background:rgba(6,22,48,.22);cursor:pointer}
.resource-play span{background:var(--navy);padding:9px 18px;border-radius:24px;font-size:.9rem}
.resource-play svg{width:66px;height:66px;fill:var(--navy);background:#fff;padding:22px;border-radius:50%;transition:transform .2s ease}
.resource-play:hover svg{transform:scale(1.08)}
.education-page .resource-info{padding-top:18px;min-width:0}
.education-page .resource-meta{font-size:.8rem;color:#17656a;display:flex;gap:10px;margin:0 0 10px;font-weight:700}
.education-page .resource-card h3{font-size:1.4rem;line-height:1.22;letter-spacing:-.02em;margin:0 0 12px;font-weight:500;overflow-wrap:anywhere;text-wrap:balance}
.education-page .resource-summary{font-size:.95rem;color:var(--gallery-muted);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.resource-info>a,.resource-info summary,.resource-reading>a{color:#165c62;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:12px 0;min-height:44px;font-size:.9rem;cursor:pointer}
.resource-info details{margin-top:8px;border-top:1px solid #c5d7d8}
.resource-info summary{display:list-item;font-weight:500}
.resource-reading{font-size:1rem;max-width:68ch;color:var(--ink);overflow-wrap:anywhere}
.resource-reading p{white-space:pre-line;margin:0 0 18px}
.resource-credit{color:var(--gallery-muted);font-size:.8rem;line-height:1.65;border-top:1px solid #c5d7d8;padding-top:14px}
.resource-media-note{font-size:.8rem;color:var(--gallery-muted);margin:8px 0 0}
.education-page .resources-grid.is-single{grid-template-columns:1fr}
.resources-grid.is-single .resource-card{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1fr);gap:44px;background:#edf4f1;border-radius:16px;padding:24px;align-items:center}
.resources-grid.is-single .resource-visual{width:100%}
.resources-grid.is-single .resource-info{padding:16px 20px 16px 0}
.resources-grid.is-single .resource-card h3{font-size:clamp(1.65rem,3vw,2.6rem);max-width:20ch}
.resources-grid.is-single .resource-summary{-webkit-line-clamp:3;max-width:46ch}
.learning-topics{padding-top:68px;padding-bottom:52px}
.topics-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}
.topics-heading>p{color:var(--gallery-muted);margin:0;font-size:.95rem}
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.topic-tile{min-width:0}
.topic-picture{aspect-ratio:4/3;background:#e9f0ec;border-radius:12px;overflow:hidden}
.topic-picture img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.topic-tile:last-child img{object-fit:cover}
.topic-tile:hover img{transform:scale(1.035)}
.topic-tile h3{font-size:1.05rem;font-weight:500;margin:14px 0 4px;display:flex;justify-content:space-between;gap:8px}
.topic-tile p{font-size:.88rem;color:var(--gallery-muted);margin:0}
.learning-close{border-top:1px solid #c5d7d8;padding-top:32px;padding-bottom:32px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.learning-close p{color:var(--gallery-muted);margin:8px 0 0}
.education-page .education-note{font-size:.8rem;color:var(--gallery-muted);margin:0 auto;max-width:1180px}
@media(max-width:800px){.education-page .resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topics-heading{display:block}.topics-heading p{margin-top:10px}.resources-grid.is-single .resource-card{gap:24px;grid-template-columns:1fr 1fr;padding:18px}.resources-grid.is-single .resource-info{padding:0}}
@media(max-width:560px){.learning-header{padding-top:24px;padding-bottom:20px}.learning-header h1{font-size:2.15rem}.library-heading{display:block}.library-search{width:100%;margin-top:20px}.library-filters{gap:6px}.library-filters button{padding:8px 13px}.education-page .resources-grid{grid-template-columns:1fr}.resources-grid.is-single .resource-card{display:block;padding:0;background:none}.resources-grid.is-single .resource-info{padding:20px 0 0}.resource-visual.is-short{max-height:none;aspect-ratio:9/13}.resources-grid.is-single .resource-card h3{max-width:none;font-size:1.65rem}.topic-grid{gap:24px 16px}.learning-topics{padding-top:42px;padding-bottom:32px}.learning-close{display:block}.learning-close .btn{margin-top:22px}.topic-tile h3{font-size:1rem}.topic-tile p{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.education-page *{scroll-behavior:auto!important;transition:none!important}}

.library-status.is-quiet{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.education-page .education-note{border:0;background:none}
.learning-library:has(.library-status.is-quiet) .resources-grid{margin-top:22px}
@media(max-width:560px){
  .resources-grid.is-single .resource-card{display:flex;flex-direction:column;gap:0;align-items:stretch}
  .resources-grid.is-single .resource-info{display:contents}
  .resources-grid.is-single .resource-meta{order:-3}
  .resources-grid.is-single .resource-card h3{order:-2;margin-bottom:18px}
  .resources-grid.is-single .resource-visual{order:-1;margin-bottom:18px}
}