.topic-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0;font-size:13px}.topic-links a{background:#e4f7c8;color:#315d16;padding:9px 13px;border-radius:20px;text-decoration:none}.topic-links a:hover,.topic-links a:focus-visible{background:#c2ff47}.topics-page{padding-bottom:60px}.topic-intro{background:#e5f3ff;padding:34px;border-radius:24px;margin-bottom:38px}.topic-intro h1{font-size:36px;line-height:1.2;letter-spacing:-1px;color:#163353;margin:14px 0 22px}.topic-intro p{max-width:950px;font-size:16px;line-height:1.8;color:#365979}.topic-films h2,.topic-directory h2{font-size:26px;color:#163353}.topic-films>.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:25px}.topic-films .film-card-body p{font-size:13px;line-height:1.6;color:#506d89}.topic-directory{margin:45px 0 0}.topic-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.topic-directory-grid a{display:flex;flex-direction:column;gap:12px;background:#eef7e3;border-radius:18px;padding:23px;color:#163353;text-decoration:none}.topic-directory-grid a:nth-child(even){background:#e5f3ff}.topic-directory-grid a:hover{box-shadow:0 0 0 2px #84ba35}.topic-directory-grid strong{font-size:19px}.topic-directory-grid span{font-size:14px;line-height:1.7}@media(max-width:800px){.topic-films>.film-grid,.topic-directory-grid{grid-template-columns:minmax(0,1fr)}.topic-intro{padding:24px 21px}.topic-intro h1{font-size:28px}.topic-intro p{font-size:15px}.topic-films .film-card h3{font-size:19px}}

/* Illustrated topic cards, using actual film artwork. */
.topic-directory-grid a{padding:0;gap:0;overflow:hidden;box-shadow:0 3px 16px #16335308;transition:transform .2s,box-shadow .2s}
.topic-directory-grid a:hover{transform:translateY(-4px);box-shadow:0 7px 24px #16335318}
.topic-directory-grid a:focus-visible{outline:3px solid #087ff4;outline-offset:4px}
.topic-card-art{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#d9efff}
.topic-card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.topic-directory-grid a:hover .topic-card-art img{transform:scale(1.035)}
.topic-directory-grid .topic-card-count{position:absolute;left:14px;bottom:13px;padding:6px 10px;border-radius:20px;background:#ffffffed;color:#163353;font-size:11px;font-weight:800;line-height:1.2;box-shadow:0 2px 8px #16335314}
.topic-card-copy{padding:22px 23px 24px;flex:1}
.topic-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.topic-card-heading strong{line-height:1.35}
.topic-card-heading>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#fff9;color:#305b80}
.topic-card-copy p{font-size:14px;line-height:1.7;margin:12px 0 0;color:#365979}
@media(prefers-reduced-motion:reduce){.topic-directory-grid a,.topic-card-art img{transition:none}.topic-directory-grid a:hover,.topic-directory-grid a:hover .topic-card-art img{transform:none}}
@media(max-width:800px){.topic-card-copy{padding:20px}.topic-card-heading strong{font-size:20px}}