/* Expandable academy learning guides. */
.topic-directory { align-items: start; }
.topic-directory .topic-card { display: block; padding: 0; color: var(--ink); }
.topic-directory .topic-card:hover { color: var(--ink); background: transparent; }
.topic-card summary { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 22px; padding: 32px 0; list-style: none; font-weight: 400; }
.topic-card summary::-webkit-details-marker { display: none; }
.topic-heading, .topic-title, .topic-question { display: block; }
.topic-title { margin: 10px 0; font-size: 22px; font-weight: 600; line-height: 1.3; letter-spacing: -.025em; }
.topic-question { color: var(--muted); font-size: 15px; line-height: 1.85; }
.topic-card:hover .division-type { color: var(--muted); }
.topic-action { display: flex; align-items: center; gap: 12px; margin-top: 16px; color: #31566a; font-size: 13px; font-weight: 600; }
.topic-indicator { font-size: 20px; line-height: 1; }
.topic-card[open] .topic-indicator { transform: rotate(45deg); }
.topic-close-label, .topic-card[open] .topic-open-label { display: none; }
.topic-card[open] .topic-close-label { display: inline; }
.topic-card summary:hover .topic-title { color: #31566a; text-decoration: underline; text-underline-offset: 4px; }
.topic-content { padding: 0 0 32px 50px; }
.topic-directory .topic-content p, .topic-directory .topic-card:hover .topic-content p { max-width: none; margin: 0 0 18px; color: var(--muted); font-size: 15px; line-height: 1.8; }
.topic-content h3 { margin: 24px 0 12px; font-size: 16px; line-height: 1.4; }
.topic-content ul { padding-left: 20px; margin: 0; }
.topic-content li { margin-bottom: 12px; line-height: 1.8; }
.topic-limitation { padding: 16px; border-left: 3px solid #b7c9d3; background: #f4f7f8; }
.topic-limitation h3 { margin-top: 0; }
.topic-directory .topic-limitation p { margin-bottom: 0; }
@media (max-width: 700px) {
  .topic-card summary { gap: 12px; padding: 26px 0; }
  .topic-content { padding-left: 0; }
}