.dimension-matrix-container:where(.io-kp2samcx){width:100%}.matrix-table-container:where(.io-kp2samcx){border:1px solid var(--border);border-radius:var(--border-radius,6px);background:var(--background);width:100%;overflow-x:auto}.matrix-table:where(.io-kp2samcx){border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}@media (width>=768px){.matrix-table-container:where(.io-kp2samcx){overflow-x:hidden}.matrix-table:where(.io-kp2samcx){table-layout:fixed}}.matrix-table:where(.io-kp2samcx) th:where(.io-kp2samcx){background:var(--surface);color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:.65rem .6rem;font-size:.75rem;font-weight:600}.matrix-table:where(.io-kp2samcx) td:where(.io-kp2samcx){border-bottom:1px solid var(--border);vertical-align:middle;padding:.65rem .6rem}.stage-row-elementary:where(.io-kp2samcx) td:where(.io-kp2samcx){background-color:#f8fbf9}.stage-row-intermediate:where(.io-kp2samcx) td:where(.io-kp2samcx){background-color:#f8f9fc}.stage-row-advanced:where(.io-kp2samcx) td:where(.io-kp2samcx){background-color:#fbf9f4}.matrix-table:where(.io-kp2samcx) tbody:where(.io-kp2samcx) tr:where(.io-kp2samcx).stage-row-elementary:hover td:where(.io-kp2samcx):not(.col-stage){background-color:#f1f7f3}.matrix-table:where(.io-kp2samcx) tbody:where(.io-kp2samcx) tr:where(.io-kp2samcx).stage-row-intermediate:hover td:where(.io-kp2samcx):not(.col-stage){background-color:#f0f3fa}.matrix-table:where(.io-kp2samcx) tbody:where(.io-kp2samcx) tr:where(.io-kp2samcx).stage-row-advanced:hover td:where(.io-kp2samcx):not(.col-stage){background-color:#f6f2e8}.col-stage:where(.io-kp2samcx){white-space:nowrap;text-align:center;border-right:1px solid var(--border);width:16%}.stage-cell-wrap:where(.io-kp2samcx){flex-direction:column;justify-content:center;align-items:center;gap:.15rem;display:flex}.stage-title:where(.io-kp2samcx){color:var(--foreground);font-size:.82rem;font-weight:600}.stage-cefr-text:where(.io-kp2samcx){color:var(--text-light);font-family:monospace;font-size:.72rem;font-weight:500}.col-level:where(.io-kp2samcx){white-space:nowrap;text-align:center;width:9%}.matrix-level-link:where(.io-kp2samcx){justify-content:center;align-items:center;text-decoration:none;transition:opacity .15s;display:inline-flex}.matrix-level-link:where(.io-kp2samcx):hover{opacity:.85}.col-metric:where(.io-kp2samcx){text-align:right;white-space:nowrap;width:15%}.matrix-cell-link:where(.io-kp2samcx){color:var(--muted-foreground,#4b5563);border-radius:4px;padding:.15rem .25rem;text-decoration:none;transition:color .15s,background .15s;display:inline-block}.matrix-cell-link:where(.io-kp2samcx):hover{color:var(--primary,#0969da);background:#0000000a;text-decoration:underline}.num-val:where(.io-kp2samcx){color:var(--muted-foreground,#4b5563);font-variant-numeric:tabular-nums;font-weight:500}.val-cum:where(.io-kp2samcx),:where(.io-kp2samcx)[data-mode=cumulative] .val-inc:where(.io-kp2samcx){display:none}:where(.io-kp2samcx)[data-mode=cumulative] .val-cum:where(.io-kp2samcx){display:inline}.total-row:where(.io-kp2samcx) td:where(.io-kp2samcx){border-bottom:none;padding:.75rem .6rem;background:var(--surface)!important}.total-label:where(.io-kp2samcx){color:var(--foreground);letter-spacing:-.01em;font-size:.8rem;font-weight:600}.total-num:where(.io-kp2samcx){color:var(--muted-foreground,#4b5563);font-variant-numeric:tabular-nums;font-weight:600}.note-ref:where(.io-kp2samcx){color:var(--text-light);vertical-align:super;margin-left:.15rem;font-size:.68rem;font-weight:600}.matrix-footer-toolbar:where(.io-kp2samcx){justify-content:flex-end;align-items:center;margin-top:.75rem;padding-top:.25rem;display:flex}.mode-toggle-group:where(.io-kp2samcx){align-items:center;display:flex}.segmented-control:where(.io-kp2samcx){background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius,6px);gap:.15rem;padding:.15rem;display:inline-flex}.mode-toggle-btn:where(.io-kp2samcx){appearance:none;color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:.25rem .65rem;font-size:.78rem;font-weight:500;transition:background .15s,color .15s}.mode-toggle-btn:where(.io-kp2samcx):hover{color:var(--foreground)}.mode-toggle-btn:where(.io-kp2samcx).active{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #0000000f}.matrix-footnotes:where(.io-kp2samcx){border-top:1px dashed var(--border);flex-direction:column;gap:.35rem;margin-top:.85rem;padding-top:.75rem;display:flex}.matrix-footnote:where(.io-kp2samcx){color:var(--text-light);margin:0;font-size:.78rem;line-height:1.5}.footnote-mark:where(.io-kp2samcx){color:var(--foreground);margin-right:.25rem;font-weight:600}.home-hero:where(.io-t6objjtj){max-width:100%;padding-left:0;padding-right:0}.hero-title:where(.io-t6objjtj){max-width:720px;margin-left:auto;margin-right:auto}.hero-subtitle:where(.io-t6objjtj){max-width:660px;margin-left:auto;margin-right:auto}.hero-subtitle:where(.io-t6objjtj) a{color:var(--foreground);text-underline-offset:3px;font-weight:600;text-decoration:underline 1px;transition:opacity .15s}.hero-subtitle:where(.io-t6objjtj) a:hover{opacity:.75}.hero-actions:where(.io-t6objjtj){flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.hero-btn:where(.io-t6objjtj){padding:.55rem 1.25rem;font-size:.88rem}.section-header-bar:where(.io-t6objjtj){flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.section-more-link:where(.io-t6objjtj){font-size:.88rem;font-weight:600;text-decoration:none}.global-pillars-grid:where(.io-t6objjtj){grid-template-columns:repeat(5,1fr);gap:.6rem;width:100%;margin-top:2rem;display:grid}.stat-card-compact:where(.io-t6objjtj){align-items:center;gap:.55rem;min-width:0;padding:.65rem;display:flex}.stat-icon-box:where(.io-t6objjtj){border-radius:var(--radius-medium,8px);flex-shrink:0;width:2rem;height:2rem;margin-bottom:0}.stat-meta-box:where(.io-t6objjtj){text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.stat-num-text:where(.io-t6objjtj){color:var(--foreground);letter-spacing:-.02em;text-align:left;margin:0;font-size:1.15rem;font-weight:800;line-height:1.15}.stat-label-text:where(.io-t6objjtj){color:var(--muted-foreground);white-space:nowrap;text-align:left;margin:.15rem 0 0;font-size:.72rem;font-weight:600}.stat-sub-text:where(.io-t6objjtj){color:var(--text-light);white-space:nowrap;font-size:.65rem;font-weight:400}@media (width<=860px){.global-pillars-grid:where(.io-t6objjtj){grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem}}@media (width<=520px){.global-pillars-grid:where(.io-t6objjtj){grid-template-columns:repeat(2,1fr)}.global-pillars-grid:where(.io-t6objjtj)>:where(.io-t6objjtj):last-child{grid-column:span 2}}.section-title-line:where(.io-t6objjtj){margin-bottom:1.5rem}.section-h2-title:where(.io-t6objjtj){color:var(--foreground);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.45rem;font-weight:700}.section-h2-desc:where(.io-t6objjtj){color:var(--text-light);margin:0;font-size:.88rem}.stage-containers-stack:where(.io-t6objjtj){flex-direction:column;gap:1.25rem;display:flex}.stage-box-card:where(.io-t6objjtj){border-radius:var(--radius-large,14px);border:1px solid var(--border);grid-template-columns:200px 1fr;align-items:stretch;gap:1.15rem;padding:1.15rem;transition:background-color .2s,border-color .2s;display:grid}.stage-box-card:where(.io-t6objjtj).stage-box-elementary{background-color:light-dark(#f4faf6,#10b9810a);border-color:light-dark(#dcf0e2,#10b9812e)}.stage-box-card:where(.io-t6objjtj).stage-box-intermediate{background-color:light-dark(#f5f7fc,#6366f10a);border-color:light-dark(#dce3f5,#6366f12e)}.stage-box-card:where(.io-t6objjtj).stage-box-advanced{background-color:light-dark(#faf7f0,#d977060a);border-color:light-dark(#efe6d5,#d977062e)}.stage-box-sidebar:where(.io-t6objjtj){flex-direction:column;justify-content:space-between;padding:.25rem .5rem .25rem .25rem;display:flex}.stage-sidebar-top:where(.io-t6objjtj){align-items:center;gap:.5rem;display:flex}.stage-box-name:where(.io-t6objjtj){color:var(--foreground);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.stage-cefr-badge:where(.io-t6objjtj){border-radius:var(--radius-small,4px);background-color:var(--card);border:1px solid var(--border);color:var(--muted-foreground);letter-spacing:.02em;padding:.12rem .45rem;font-size:.68rem;font-weight:700}.stage-box-desc:where(.io-t6objjtj){color:var(--text-light);flex:1;margin:.5rem 0 0;font-size:.81rem;line-height:1.5}.stage-cards-grid:where(.io-t6objjtj){grid-template-columns:repeat(3,1fr);align-items:stretch;gap:.85rem;display:grid}.stage-cards-grid:where(.io-t6objjtj).single-band{grid-template-columns:1fr}.level-inner-card:where(.io-t6objjtj){background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-medium,10px);cursor:pointer;flex-direction:column;justify-content:space-between;padding:1rem 1.15rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 2px #00000005}.level-inner-card:where(.io-t6objjtj):hover{box-shadow:var(--shadow-small);border-color:light-dark(#a1a1aa,#52525b)}.card-main-link:where(.io-t6objjtj){align-items:center;text-decoration:none;display:inline-flex}.card-main-link:where(.io-t6objjtj):after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.compact-card-header:where(.io-t6objjtj){justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.readings-count-tag:where(.io-t6objjtj){z-index:2;color:light-dark(#059669,#34d399);border-radius:var(--radius-full,9999px);background-color:light-dark(#05966914,#34d3991f);padding:.15rem .5rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:background-color .15s,opacity .15s;position:relative}.readings-count-tag:where(.io-t6objjtj):hover{opacity:.8}.compact-quotas-chips:where(.io-t6objjtj){z-index:2;flex-wrap:wrap;gap:.32rem;display:flex;position:relative}.quota-chip:where(.io-t6objjtj){z-index:2;background-color:var(--muted);border-radius:var(--radius-small,4px);color:var(--muted-foreground);white-space:nowrap;align-items:center;padding:.15rem .42rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.quota-chip:where(.io-t6objjtj):hover{background-color:var(--border);color:var(--foreground)}@media (width<=960px){.stage-box-card:where(.io-t6objjtj){grid-template-columns:1fr;gap:.85rem;padding:1rem}.stage-box-sidebar:where(.io-t6objjtj){padding:0}.stage-box-desc:where(.io-t6objjtj){margin:.35rem 0 .5rem}}@media (width<=768px){.stage-cards-grid:where(.io-t6objjtj){grid-template-columns:1fr;gap:.75rem}}.evolution-cards-grid:where(.io-t6objjtj){grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.era-unit-card:where(.io-t6objjtj){padding:1.35rem}.era-head:where(.io-t6objjtj){margin-bottom:.75rem}.era-badge-pill:where(.io-t6objjtj){color:var(--muted-foreground);background-color:var(--muted);border-radius:var(--radius-small,4px);margin-bottom:.35rem;padding:.15rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.era-title-text:where(.io-t6objjtj){color:var(--foreground);margin:0 0 .2rem;font-size:1.05rem;font-weight:700}.era-stats-tag:where(.io-t6objjtj){color:var(--muted-foreground);font-size:.78rem;font-weight:600}.era-summary-text:where(.io-t6objjtj){color:var(--text-light);margin:0 0 .75rem;font-size:.86rem;line-height:1.5}.era-bullet-list:where(.io-t6objjtj){color:var(--foreground);margin:0;padding-left:1.15rem;font-size:.84rem;line-height:1.5}.era-bullet-list:where(.io-t6objjtj) li:where(.io-t6objjtj){margin-bottom:.35rem}.hsk-matrix-section:where(.io-t6objjtj){margin-top:3.5rem;margin-bottom:3.5rem}