.hsk-nav-bar:where(.io-2ghlw7q6){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;font-size:.875rem;display:flex}.nav-back-link:where(.io-2ghlw7q6){color:var(--text-secondary,#475569);align-items:center;gap:.35rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.nav-back-link:where(.io-2ghlw7q6):hover{color:var(--primary,#0f172a)}.nav-breadcrumbs:where(.io-2ghlw7q6){color:var(--text-muted,#94a3b8);align-items:center;gap:.4rem;display:inline-flex}.nav-breadcrumbs:where(.io-2ghlw7q6) a:where(.io-2ghlw7q6){color:var(--text-secondary,#475569);text-decoration:none;transition:color .15s}.nav-breadcrumbs:where(.io-2ghlw7q6) a:where(.io-2ghlw7q6):hover{color:var(--primary,#0f172a)}.nav-breadcrumbs:where(.io-2ghlw7q6) .sep:where(.io-2ghlw7q6){color:var(--text-muted,#cbd5e1)}.nav-breadcrumbs:where(.io-2ghlw7q6) .current:where(.io-2ghlw7q6){color:var(--text-heading,#0f172a);font-weight:500}.hsk-section-container:where(.io-2ghlw7q6){max-width:var(--page-max-width,1140px);margin:0 auto;padding:1.5rem 1rem 4rem}.hsk-section-header:where(.io-2ghlw7q6){flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.section-badge-row:where(.io-2ghlw7q6){align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.section-h1:where(.io-2ghlw7q6){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-2ghlw7q6){color:var(--text-secondary,#475569);max-width:44rem;margin:0;font-size:1rem;line-height:1.55}.header-action:where(.io-2ghlw7q6){flex-shrink:0}.grammar-filter-bar:where(.io-2ghlw7q6){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:1.5rem;padding:.75rem 1rem;display:flex}.search-input-wrapper:where(.io-2ghlw7q6){flex-grow:1;align-items:center;gap:.5rem;max-width:32rem;display:flex}.search-icon:where(.io-2ghlw7q6){color:var(--text-muted,#94a3b8);flex-shrink:0}.grammar-search-field:where(.io-2ghlw7q6){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-2ghlw7q6){color:var(--text-muted,#64748b);font-size:.8125rem;font-weight:500}.grammar-cards-list:where(.io-2ghlw7q6){flex-direction:column;gap:1rem;display:flex}.grammar-card:where(.io-2ghlw7q6){border-radius:var(--radius-medium,8px);background:var(--bg-surface-elevated,#fff);border:1px solid var(--border,#00000014);padding:1.25rem;transition:all .15s}.grammar-card:where(.io-2ghlw7q6).has-enrichment{border-left:3px solid var(--primary,#059669)}.grammar-card:where(.io-2ghlw7q6).has-enrichment:hover{box-shadow:var(--shadow-small,0 2px 4px #0000000d);border-color:var(--border,#00000026);border-left-color:var(--primary,#059669)}.grammar-card-top:where(.io-2ghlw7q6){flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.grammar-title-group:where(.io-2ghlw7q6){align-items:center;gap:.5rem;display:flex}.grammar-id-badge:where(.io-2ghlw7q6){color:var(--text-muted,#64748b);background:var(--bg-subtle,#0000000a);border-radius:var(--radius-small,4px);padding:.15rem .45rem;font-size:.75rem;font-weight:700}.grammar-name-link:where(.io-2ghlw7q6){color:inherit;align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.grammar-name-link:where(.io-2ghlw7q6):hover .grammar-point-title:where(.io-2ghlw7q6){color:var(--primary,#059669);text-decoration:underline}.grammar-point-title:where(.io-2ghlw7q6){color:var(--text-heading,#0f172a);margin:0;font-size:1.125rem;font-weight:700}.link-arrow:where(.io-2ghlw7q6){color:var(--primary,#059669)}.grammar-meta-tags:where(.io-2ghlw7q6){flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.guide-tag:where(.io-2ghlw7q6){color:var(--primary,#059669);background:var(--primary-subtle,#0596691a);border-radius:var(--radius-small,4px);padding:.1rem .45rem;font-size:.6875rem;font-weight:600}.grammar-formula-box:where(.io-2ghlw7q6){background:var(--bg-subtle,#00000005);border-radius:var(--radius-small,4px);align-items:baseline;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.formula-label:where(.io-2ghlw7q6){color:var(--text-muted,#64748b);text-transform:uppercase;flex-shrink:0;font-size:.75rem;font-weight:600}.formula-code:where(.io-2ghlw7q6){font-family:var(--font-family-mono,monospace);color:var(--text-heading,#0f172a);font-weight:600}.grammar-cases-box:where(.io-2ghlw7q6){border-top:1px dashed var(--border-subtle,#0000000f);padding-top:.5rem}.cases-label:where(.io-2ghlw7q6){color:var(--text-muted,#64748b);text-transform:uppercase;margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.cases-list:where(.io-2ghlw7q6){flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.case-item:where(.io-2ghlw7q6){flex-direction:column;gap:.1rem;font-size:.875rem;display:flex}.case-zh:where(.io-2ghlw7q6){color:var(--text-heading,#0f172a);font-weight:500}.case-en:where(.io-2ghlw7q6){color:var(--text-muted,#64748b);font-size:.8125rem}@media (width<=640px){.hsk-section-header:where(.io-2ghlw7q6){flex-direction:column;align-items:stretch}.header-action:where(.io-2ghlw7q6) .button:where(.io-2ghlw7q6){justify-content:center;width:100%}}