.topic-directory{padding:32px 6% 38px;background:#eeece4}.topic-directory h2{font-size:24px;font-weight:500;margin:14px 0 25px}.topic-directory nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic-directory nav a{display:flex;align-items:center;min-height:50px;padding:12px 18px;border:1px solid #bcae8d;font-size:16px;line-height:1.6;color:#405866;transition:background .3s,color .3s}.topic-directory nav a:hover{background:#263f4d;color:#eedba8}.topic-directory summary{list-style:none;cursor:pointer;font-size:19px;padding:12px 0;color:#526770}.topic-directory summary::-webkit-details-marker{display:none}.topic-directory summary:after{content:' ＋';color:#9a803e}.topic-directory details[open] summary:after{content:' −'}.topic-directory details nav{margin-top:18px}@media(max-width:900px){.topic-directory nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.topic-directory{padding:28px 24px}.topic-directory nav{grid-template-columns:1fr 1fr;gap:10px}.topic-directory nav a{font-size:15px;padding:12px;min-height:54px}}