.Topics-module__WHdm8W__page{width:min(100%, var(--reading-max-width));padding:var(--spacing-lg) var(--spacing-md) calc(var(--bottom-nav-height) + var(--spacing-xl));margin-inline:auto}.Topics-module__WHdm8W__title{color:var(--color-text-primary);font-family:var(--font-family-heading);font-size:var(--font-size-headline-medium);line-height:var(--line-height-headline-medium);font-weight:var(--font-weight-headline-medium);margin:0}.Topics-module__WHdm8W__topicList{gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:grid}.Topics-module__WHdm8W__topicLink{align-items:center;gap:var(--spacing-sm);min-height:4.5rem;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);background:var(--color-background-surface);color:inherit;box-shadow:var(--shadow-small);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);text-decoration:none;display:flex}.Topics-module__WHdm8W__topicLink:hover{background:var(--color-background-soft);border-color:var(--color-text-accent);box-shadow:var(--shadow-card);transform:translateY(-1px)}.Topics-module__WHdm8W__topicLink:active{transform:scale(.99)}.Topics-module__WHdm8W__topicIcon{border-radius:var(--border-radius-md);background:var(--color-background-soft);width:4rem;height:4rem;color:var(--color-text-accent);font-size:var(--font-size-label-large);flex-shrink:0;justify-content:center;align-items:center;display:flex}.Topics-module__WHdm8W__topicContent{flex:1;min-width:0}.Topics-module__WHdm8W__topicTitle{color:var(--color-text-primary);font-family:var(--font-family-heading);font-size:var(--font-size-body-medium);line-height:var(--line-height-body-medium);margin:0;font-weight:700}.Topics-module__WHdm8W__wordCount{color:var(--color-text-accent);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small);white-space:nowrap;flex-shrink:0;font-weight:600}.Topics-module__WHdm8W__topicArrow{margin-left:var(--spacing-2xs);color:var(--color-text-secondary);font-size:var(--font-size-body-large);flex-shrink:0;line-height:1}@media (min-width:37.5em){.Topics-module__WHdm8W__page{padding:var(--spacing-xl) var(--spacing-lg) calc(var(--bottom-nav-height) + var(--spacing-2xl))}}