.article-post-container:where(.io-xgw6oyej){max-width:var(--container-reading,680px);margin:0 auto;padding:1.5rem 0 3.5rem}.draft-notice-banner:where(.io-xgw6oyej){border-radius:var(--radius-medium,8px);color:light-dark(#92400e,#fde68a);background-color:light-dark(#fef3c7,#451a03);border:1px solid light-dark(#fde68a,#78350f);align-items:center;gap:.65rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.5;display:flex}.draft-notice-banner:where(.io-xgw6oyej) code:where(.io-xgw6oyej){color:inherit;background:light-dark(#fde68a,#78350f);border-radius:4px;padding:.1em .35em;font-size:.8em}.article-back-nav:where(.io-xgw6oyej){margin-bottom:1.5rem}.back-link:where(.io-xgw6oyej){color:var(--muted-foreground);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .12s}.back-link:where(.io-xgw6oyej):hover{color:var(--foreground)}.post-header:where(.io-xgw6oyej){border-bottom:1px solid var(--border);margin-bottom:2.25rem;padding-bottom:1.5rem}.post-tags-row:where(.io-xgw6oyej){flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem;display:flex}.post-tag-chip:where(.io-xgw6oyej){color:light-dark(#855723,#d4a36b);background-color:light-dark(#f7f3eb,#25221d);border:1px solid light-dark(#ebe2d3,#3f382e);border-radius:4px;padding:.12rem .5rem;font-size:.75rem;font-weight:600}.post-title:where(.io-xgw6oyej){letter-spacing:-.02em;color:var(--foreground);margin:0 0 1rem;font-size:2.15rem;font-weight:800;line-height:1.25}.post-meta-bar:where(.io-xgw6oyej){color:var(--muted-foreground);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.85rem;display:flex}.author-name:where(.io-xgw6oyej){font-weight:500}.author-profile-link:where(.io-xgw6oyej){color:var(--primary,#c28340);text-underline-offset:2px;font-weight:600;text-decoration:underline;transition:opacity .15s}.author-profile-link:where(.io-xgw6oyej):hover{opacity:.8}.meta-dot:where(.io-xgw6oyej){color:var(--muted-foreground);opacity:.6}.post-lead-box:where(.io-xgw6oyej){background-color:light-dark(#faf7f2,#1f1d1a);border-left:3.5px solid light-dark(#c28340,#d99b55);border-radius:0 6px 6px 0;padding:.85rem 1.15rem}.lead-text:where(.io-xgw6oyej){color:light-dark(#4a443c,#cfc7bc);margin:0;font-size:.98rem;font-style:italic;line-height:1.6}.post-content:where(.io-xgw6oyej){color:var(--foreground);font-size:1.05rem;line-height:1.8}.post-content:where(.io-xgw6oyej) h2{letter-spacing:-.01em;border-bottom:1px solid var(--border);color:var(--foreground);margin:2.25rem 0 1rem;padding-bottom:.4rem;font-size:1.45rem;font-weight:700}.post-content:where(.io-xgw6oyej) h3{color:var(--foreground);margin:1.75rem 0 .75rem;font-size:1.2rem;font-weight:600}.post-content:where(.io-xgw6oyej) p{margin-bottom:1.35rem}.post-content:where(.io-xgw6oyej) ul,.post-content:where(.io-xgw6oyej) ol{margin:0 0 1.5rem 1.25rem;padding:0}.post-content:where(.io-xgw6oyej) li{margin-bottom:.5rem}.post-content:where(.io-xgw6oyej) pre{color:#f4f4f5;border-radius:var(--radius-medium,8px);font-family:var(--font-mono,monospace);background-color:light-dark(#27272a,#141416);margin:1.5rem 0;padding:1rem 1.25rem;font-size:.88rem;line-height:1.5;overflow-x:auto}.post-content:where(.io-xgw6oyej) code{font-family:var(--font-mono,monospace);background-color:var(--muted);border-radius:4px;padding:.15em .35em;font-size:.88em}.post-content:where(.io-xgw6oyej) pre code{background:0 0;padding:0}.post-content:where(.io-xgw6oyej) blockquote{color:var(--muted-foreground);border-left:3px solid light-dark(#c28340,#d99b55);margin:1.5rem 0;padding:.5rem 0 .5rem 1rem;font-style:italic}.post-content:where(.io-xgw6oyej) hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.post-content:where(.io-xgw6oyej) .tone-comparison-table-wrap{border-radius:var(--radius-medium,10px);border:1px solid var(--border);margin:1.75rem 0;overflow-x:auto}.post-content:where(.io-xgw6oyej) .tone-showcase-table{border-collapse:collapse;background:var(--card);width:100%;font-size:.88rem;line-height:1.5}.post-content:where(.io-xgw6oyej) .tone-showcase-table th,.post-content:where(.io-xgw6oyej) .tone-showcase-table td{border-bottom:1px solid var(--border);text-align:left;padding:.65rem .85rem}.post-content:where(.io-xgw6oyej) .tone-showcase-table th{background-color:var(--muted);color:var(--foreground);font-weight:700}.post-content:where(.io-xgw6oyej) .tone-glyph-sample{color:light-dark(#b45309,#f59e0b);vertical-align:middle;font-size:1.6rem;line-height:1;display:inline-block}.post-content:where(.io-xgw6oyej) .reader-visual-demo{margin:2rem 0}.post-content:where(.io-xgw6oyej) .demo-card{border-radius:var(--radius-medium,12px);background:light-dark(#faf8f5,#191715);border:1px solid light-dark(#ebdcc8,#3b342b);padding:1.25rem 1.5rem}.post-content:where(.io-xgw6oyej) .demo-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);margin-bottom:.85rem;font-size:.78rem;font-weight:700}.post-content:where(.io-xgw6oyej) .demo-chars-line{flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem;display:flex}.post-content:where(.io-xgw6oyej) .demo-chars-line .char-unit{background:var(--card);border:1px solid var(--border);border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:2.2rem;padding:.2rem .5rem .35rem;display:inline-flex}.post-content:where(.io-xgw6oyej) .demo-chars-line .glyph-above{height:1rem;color:var(--muted-foreground);margin-bottom:.15rem;font-size:1rem;line-height:1}.post-content:where(.io-xgw6oyej) .demo-chars-line .hanzi-text{color:var(--foreground);font-size:1.5rem;font-weight:600;line-height:1.2}.post-content:where(.io-xgw6oyej) .demo-caption{color:var(--muted-foreground);margin:0;font-size:.82rem;font-style:italic}.post-footer:where(.io-xgw6oyej){border-top:1px solid var(--border);margin-top:3rem;padding-top:1.75rem}.post-footer-nav:where(.io-xgw6oyej){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.article-tldr{border:1px solid var(--border);border-left:4px solid var(--primary,#c28340);background:light-dark(#f9f7f3,#1c1a17);border-radius:8px;margin-bottom:2rem;padding:1.25rem 1.5rem;font-size:.95rem;line-height:1.65}.article-tldr strong{font-weight:700}.article-tldr p{margin:0}