.hsk-breadcrumb:where(.io-37xl6bj3){margin-bottom:2rem}.hsk-section-container:where(.io-37xl6bj3){max-width:var(--page-max-width,1140px);margin:0 auto;padding:1.5rem 1rem 4rem}.hsk-section-header:where(.io-37xl6bj3){flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.section-badge-row:where(.io-37xl6bj3){align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.section-h1:where(.io-37xl6bj3){color:var(--text-heading,#0f172a);letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;line-height:1.25}.section-lead:where(.io-37xl6bj3){color:var(--text-secondary,#475569);max-width:44rem;margin:0;font-size:1rem;line-height:1.55}.header-action:where(.io-37xl6bj3){flex-shrink:0}.topics-filter-bar:where(.io-37xl6bj3){background:var(--bg-surface-elevated,#fff);border:1px solid var(--border,#0000001a);border-radius:var(--radius-medium,8px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:.75rem 1rem;display:flex}.search-input-wrapper:where(.io-37xl6bj3){flex-grow:1;align-items:center;gap:.5rem;max-width:32rem;display:flex}.search-icon:where(.io-37xl6bj3){color:var(--text-muted,#94a3b8);flex-shrink:0}.topics-search-field:where(.io-37xl6bj3){width:100%;color:var(--text-heading,#0f172a);background:0 0;border:none;outline:none;padding:.25rem 0;font-size:.875rem}.filter-count-indicator:where(.io-37xl6bj3){color:var(--text-muted,#64748b);font-size:.8125rem;font-weight:500}.topic-groups-container:where(.io-37xl6bj3){flex-direction:column;gap:2.5rem;display:flex}.topic-category-block:where(.io-37xl6bj3){flex-direction:column;gap:1rem;display:flex}.category-block-header:where(.io-37xl6bj3){border-bottom:1.5px solid var(--border-subtle,#00000014);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.5rem;display:flex}.category-title-wrap:where(.io-37xl6bj3){flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.category-icon:where(.io-37xl6bj3){color:var(--primary,#059669);align-self:center}.category-h2-title:where(.io-37xl6bj3){color:var(--text-heading,#0f172a);margin:0;font-size:1.25rem;font-weight:700}.category-en-title:where(.io-37xl6bj3){color:var(--text-muted,#64748b);font-size:.875rem;font-weight:500}.category-topics-grid:where(.io-37xl6bj3){grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.topic-item-card:where(.io-37xl6bj3){border-radius:var(--radius-medium,8px);background:var(--bg-surface-elevated,#fff);border:1px solid var(--border,#00000014);flex-direction:column;justify-content:space-between;padding:1rem;transition:all .15s;display:flex}.topic-item-card:where(.io-37xl6bj3):hover{box-shadow:var(--shadow-small,0 2px 4px #0000000d);border-color:var(--border,#00000026)}.topic-header-row:where(.io-37xl6bj3){justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.topic-id-tag:where(.io-37xl6bj3){color:var(--text-muted,#94a3b8);font-size:.6875rem;font-weight:700}.topic-subcat-badge:where(.io-37xl6bj3){color:var(--primary,#059669);background:var(--primary-subtle,#05966914);border-radius:var(--radius-small,3px);padding:.1rem .4rem;font-size:.75rem;font-weight:600}.subcat-en:where(.io-37xl6bj3){color:var(--text-muted,#64748b);font-weight:400}.topic-content-body:where(.io-37xl6bj3){flex-grow:1}.topic-zh-content:where(.io-37xl6bj3){color:var(--text-heading,#0f172a);margin:0 0 .25rem;font-size:1.0625rem;font-weight:700}.topic-en-content:where(.io-37xl6bj3){color:var(--text-secondary,#475569);margin:0;font-size:.8125rem;line-height:1.4}@media (width<=640px){.hsk-section-header:where(.io-37xl6bj3){flex-direction:column;align-items:stretch}.header-action:where(.io-37xl6bj3) .button:where(.io-37xl6bj3){justify-content:center;width:100%}.category-topics-grid:where(.io-37xl6bj3){grid-template-columns:1fr}}
