.char-detail-page:where(.io-xs2c5snz){flex-direction:column;gap:1.75rem;display:flex}.discussion-section:where(.io-xs2c5snz){margin-top:1rem}.breadcrumb:where(.io-xs2c5snz){color:var(--muted-foreground);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.breadcrumb:where(.io-xs2c5snz) a:where(.io-xs2c5snz){color:var(--muted-foreground);text-decoration:none}.breadcrumb:where(.io-xs2c5snz) a:where(.io-xs2c5snz):hover{color:var(--foreground);text-decoration:underline}.breadcrumb:where(.io-xs2c5snz) .sep:where(.io-xs2c5snz){opacity:.5}.breadcrumb:where(.io-xs2c5snz) .current:where(.io-xs2c5snz){color:var(--foreground);font-weight:500}.char-lead-entry:where(.io-xs2c5snz){border-bottom:1px solid var(--border-subtle,light-dark(#f0f0f0,#27272a));flex-direction:column;gap:.75rem;padding-bottom:.75rem;display:flex}.char-headword-row:where(.io-xs2c5snz){flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.char-title-h1:where(.io-xs2c5snz){align-items:baseline;gap:.6rem;margin:0;line-height:1.1;display:inline-flex}.char-glyph:where(.io-xs2c5snz){color:var(--foreground);font-size:2.5rem;font-weight:700}.char-pinyin:where(.io-xs2c5snz){font-family:var(--font-pinyin);color:var(--muted-foreground);font-size:1.25rem;font-weight:500}.char-meta-inline:where(.io-xs2c5snz){align-items:center;gap:.6rem;display:inline-flex}.badge:where(.io-xs2c5snz){border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.writing-badge:where(.io-xs2c5snz){color:#92400e;background:#fef3c7}.char-mnemonic-lead:where(.io-xs2c5snz){flex-direction:column;gap:.25rem;max-width:65ch;display:flex}.mnemonic-label:where(.io-xs2c5snz){text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-size:.8rem;font-weight:700}.mnemonic-lead-text:where(.io-xs2c5snz){color:var(--foreground-secondary,#334155);margin:0;font-size:1.02rem;line-height:1.6}.section-block:where(.io-xs2c5snz){flex-direction:column;gap:1rem;display:flex}.section-title:where(.io-xs2c5snz){justify-content:space-between;align-items:center;margin:0;font-size:1.25rem;font-weight:600;display:flex}.count-pill:where(.io-xs2c5snz){color:var(--muted-foreground);background:var(--muted);border-radius:var(--radius-full);padding:.15rem .5rem;font-size:.8rem;font-weight:500}.context-pill-row:where(.io-xs2c5snz){margin-top:.25rem;display:flex}.context-bridge-pill:where(.io-xs2c5snz){background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-full,9999px);color:var(--foreground);align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.82rem;text-decoration:none;transition:all .15s;display:inline-flex}.context-bridge-pill:where(.io-xs2c5snz):hover{border-color:var(--primary,#0284c7);color:var(--primary,#0284c7);background:light-dark(#f0f9ff,#082f49)}.context-bridge-pill:where(.io-xs2c5snz) .pill-label:where(.io-xs2c5snz){font-weight:500}.context-bridge-pill:where(.io-xs2c5snz) .pill-badge:where(.io-xs2c5snz){background:var(--card);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--muted-foreground);padding:.1rem .45rem;font-size:.75rem}.story-cards-flow:where(.io-xs2c5snz){flex-direction:column;gap:1.25rem;display:flex}.story-book-card:where(.io-xs2c5snz){background:var(--card,#fff);border:1px solid var(--border);border-radius:var(--radius-large,10px);overflow:hidden;box-shadow:0 1px 2px #00000005}.story-book-header:where(.io-xs2c5snz){background:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;display:flex}.story-title-meta:where(.io-xs2c5snz){flex-direction:column;gap:.4rem;display:flex}.story-heading-row:where(.io-xs2c5snz){flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.story-title-link:where(.io-xs2c5snz){color:var(--foreground);font-size:1.05rem;font-weight:600;text-decoration:none;transition:color .15s}.story-title-link:where(.io-xs2c5snz):hover{color:var(--foreground);text-decoration:underline}.story-en-subtitle:where(.io-xs2c5snz){color:var(--muted-foreground);font-size:.85rem;font-weight:400}.story-comfort-pills:where(.io-xs2c5snz){flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.comfort-pill:where(.io-xs2c5snz){background:var(--card);color:var(--muted-foreground);border-radius:var(--radius-small,4px);border:1px solid var(--border);padding:.1rem .45rem;font-size:.75rem}.story-open-link:where(.io-xs2c5snz){color:var(--muted-foreground);white-space:nowrap;padding-top:.15rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s}.story-open-link:where(.io-xs2c5snz):hover{color:var(--foreground);text-decoration:underline}.story-intro-hook:where(.io-xs2c5snz){color:var(--muted-foreground);border-bottom:1px solid var(--border-subtle,light-dark(#f4f4f5,#27272a));background:light-dark(#fafafa,#18181b);margin:0;padding:.75rem 1.25rem;font-size:.88rem;font-style:italic;line-height:1.5}.story-quotes-list:where(.io-xs2c5snz){margin:0;padding:0;list-style:none}.story-quotes-list:where(.io-xs2c5snz).deep-dive-list .story-quote-item:where(.io-xs2c5snz){padding-left:5rem;position:relative}.story-quote-step:where(.io-xs2c5snz){text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);background:var(--muted);border-radius:var(--radius-small,4px);padding:.1rem .35rem;font-size:.72rem;font-weight:600;position:absolute;top:1.05rem;left:1.25rem}.story-quote-item:where(.io-xs2c5snz){border-bottom:1px solid var(--border-subtle,light-dark(#f8fafc,#27272a));padding:1rem 1.25rem}.story-quote-item:where(.io-xs2c5snz):last-child{border-bottom:none}.story-quote-p:where(.io-xs2c5snz){color:var(--foreground);letter-spacing:.01em;margin:0;font-size:1.15rem;line-height:1.75}.highlight-token:where(.io-xs2c5snz){color:inherit;background:light-dark(#fef08a,#854d0e);border-radius:3px;padding:.05rem .15rem;font-weight:600}.empty-text:where(.io-xs2c5snz){color:var(--muted-foreground);margin:0;font-style:italic}.academic-char-module:where(.io-xs2c5snz){margin-top:.5rem}.module-header-row:where(.io-xs2c5snz){margin-bottom:.75rem}.module-subtitle:where(.io-xs2c5snz){color:var(--muted-foreground);margin:.25rem 0 0;font-size:.85rem}.module-lead-text:where(.io-xs2c5snz){color:var(--foreground);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.contrast-card:where(.io-xs2c5snz){background:var(--card);border:1px solid var(--border);border-radius:var(--radius-medium);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.contrast-target-badge:where(.io-xs2c5snz){align-items:baseline;gap:.4rem;font-size:1.1rem;font-weight:700;display:flex}.contrast-label:where(.io-xs2c5snz){text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-right:.25rem;font-size:.75rem}.contrast-word:where(.io-xs2c5snz){color:light-dark(#92400e,#fbbf24)}.contrast-vs:where(.io-xs2c5snz),.contrast-pinyin:where(.io-xs2c5snz){color:var(--muted-foreground);font-size:.85rem;font-weight:400}.contrast-comparison-text:where(.io-xs2c5snz){color:var(--foreground);margin:0;font-size:.92rem;line-height:1.6}.contrast-mnemonic-box:where(.io-xs2c5snz){border-radius:0 var(--radius-small) var(--radius-small) 0;background:light-dark(#fdf8f0,#1f1b15);border-left:3px solid light-dark(#d97706,#f59e0b);padding:.75rem 1rem}.mnemonic-tag:where(.io-xs2c5snz){text-transform:uppercase;letter-spacing:.04em;color:light-dark(#b45309,#fbbf24);margin-bottom:.25rem;font-size:.72rem;font-weight:700;display:block}.mnemonic-text:where(.io-xs2c5snz){color:var(--foreground);margin:0;font-size:.88rem;line-height:1.5}.polyphonic-grid:where(.io-xs2c5snz){grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;display:grid}.polyphonic-card:where(.io-xs2c5snz){background:var(--card);border:1px solid var(--border);border-radius:var(--radius-medium);flex-direction:column;gap:.4rem;padding:.85rem 1rem;display:flex}.poly-top:where(.io-xs2c5snz){align-items:baseline;gap:.6rem;display:flex}.poly-pinyin:where(.io-xs2c5snz){color:light-dark(#92400e,#fbbf24);font-size:1.15rem;font-weight:700}.poly-meaning:where(.io-xs2c5snz){color:var(--foreground);font-size:.85rem}.poly-examples-row:where(.io-xs2c5snz){border-top:1px dotted var(--border);flex-wrap:wrap;align-items:center;gap:.35rem;padding-top:.35rem;display:flex}.poly-eg-label:where(.io-xs2c5snz){color:var(--muted-foreground);text-transform:uppercase;font-size:.72rem}.poly-eg-tag:where(.io-xs2c5snz){background:var(--muted);border-radius:var(--radius-small);color:var(--foreground);padding:.1rem .4rem;font-size:.8rem}.char-content-card:where(.io-xs2c5snz){background:var(--card);border:1px solid var(--border);border-radius:var(--radius-medium);padding:1rem 1.25rem}.char-content-text:where(.io-xs2c5snz){color:var(--foreground);margin:0;font-size:.92rem;line-height:1.6}
