.topics-page{padding:40px 28px 50px}.topics-intro{text-align:center;background:#fff;border-radius:14px;padding:20px 24px;margin-bottom:22px}.topics-intro h1{color:#073f96;font-size:clamp(2rem,4vw,3rem);margin:0}.topics-intro p{color:#44546a;max-width:780px;margin:8px auto}.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-card{overflow:hidden;background:#fff;border-radius:9px;box-shadow:0 8px 20px rgba(9,60,108,.15)}.topic-photo{aspect-ratio:326/138;background-image:url('/assets/what-we-do-visual.png');background-size:314.1% auto;background-repeat:no-repeat}.declaration-art{aspect-ratio:326/138;display:grid;place-items:center;background:#e6eff8;color:#073f96;font-size:64px}.topic-content{padding:14px 18px 18px;text-align:center}.topic-content h2{color:#073f96;font-size:1.1rem;margin:0 0 5px}.topic-content p{color:#4c5d73;margin:0;line-height:1.7;font-size:.92rem}.illustration-note{color:#344054;text-align:center;font-size:.83rem;margin:24px auto 0}@media(max-width:900px){.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.topics-page{padding:22px 12px}.topics-grid{grid-template-columns:1fr}}
.declaration-photo{width:100%;aspect-ratio:326/138;object-fit:cover;display:block}.topic-details{margin-top:12px;text-align:start;border-top:1px solid #e2e8f0;padding-top:9px}.topic-details summary{color:#073f96;cursor:pointer;font-weight:700}.topic-details p{margin-top:9px;line-height:1.85}
.topic-details p{white-space:pre-wrap}

.topic-source{border-top:1px solid #dce6f1;padding-top:10px;font-size:.85rem}.topic-source a{color:#0754aa;overflow-wrap:anywhere}

.topic-page-link,.topic-return{display:inline-block;color:#0754aa;font-weight:700;margin-top:12px}.topic-detail-page{background:#fff;border-radius:12px;padding:24px;max-width:950px;margin:auto}.topic-detail-page .topic-photo,.topic-detail-page .declaration-photo{margin:20px 0;width:100%;border-radius:8px}.topic-detail-page h1{color:#073f96;font-size:clamp(1.7rem,3vw,2.6rem)}.topic-detail-body p{white-space:pre-wrap;line-height:2;font-size:1.05rem;color:#26364a}.topic-detail-body .topic-source{font-size:.85rem}@media(max-width:600px){.topic-detail-page{padding:16px}}
.topics-intro .topic-motto{color:#073f96;font-weight:800;letter-spacing:.02em;margin-top:12px}

.photo-credit{text-align:end;font-size:.75rem;color:#57677a;margin:5px 16px 0}