:root{--seo-ink:#171513;--seo-muted:#6e675f;--seo-line:#e0dbd2;--seo-paper:#f3f0e9;--seo-white:#fffefb;--seo-cream:#faf7f0;--seo-teal:#1f4d47;--seo-mint:#e7eeec;--seo-shadow:0 12px 32px rgba(23,21,19,.06)}
*{box-sizing:border-box}html{background:var(--seo-paper);scroll-behavior:smooth}body{margin:0;color:var(--seo-ink);background:var(--seo-paper);font-family:Inter,"Noto Sans SC",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid var(--seo-teal);outline-offset:3px}.seo-skip{position:absolute;left:1rem;top:-3rem;background:var(--seo-ink);color:#fff;padding:.5rem 1rem;border-radius:8px}.seo-skip:focus{top:1rem}.seo-header{position:sticky;top:0;z-index:5;border-bottom:1px solid rgba(224,219,210,.8);background:rgba(243,240,233,.92);backdrop-filter:blur(12px)}.seo-header__inner{max-width:1120px;margin:auto;min-height:60px;padding:0 24px;display:flex;align-items:center;gap:20px}.seo-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:Georgia,"Noto Serif SC",serif;font-weight:700;letter-spacing:-.02em}.seo-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--seo-ink);color:var(--seo-paper);font-family:Georgia,serif;font-size:17px}.seo-nav{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:14px;color:var(--seo-muted)}.seo-nav a{text-decoration:none}.seo-nav a:hover{color:var(--seo-ink)}.seo-nav__cta{padding:8px 13px;border-radius:7px;background:var(--seo-ink);color:#fff!important}.seo-main{max-width:1120px;margin:auto;padding:68px 24px 88px}.seo-hero{max-width:780px}.seo-kicker{margin:0 0 12px;color:var(--seo-teal);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.seo-h1{margin:0;max-width:15ch;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2.25rem,5vw,4.3rem);line-height:1.08;letter-spacing:-.04em}.seo-lede{max-width:70ch;margin:24px 0 0;color:var(--seo-muted);font-size:18px;line-height:1.75}.seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.seo-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:7px;background:var(--seo-ink);color:#fff;text-decoration:none;font-weight:700;font-size:14px}.seo-button:hover{background:var(--seo-teal)}.seo-button--quiet{background:transparent;color:var(--seo-ink);border:1px solid var(--seo-line)}.seo-answer{max-width:780px;margin-top:56px;padding:24px 26px;border:1px solid rgba(31,77,71,.18);border-radius:12px;background:var(--seo-mint)}.seo-answer h2{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--seo-teal)}.seo-answer p{margin:0;font-size:17px;line-height:1.75}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:52px}.seo-section{padding-top:24px;border-top:1px solid var(--seo-line)}.seo-section h2{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:24px;line-height:1.2;letter-spacing:-.02em}.seo-section p{margin:14px 0 0;color:var(--seo-muted);font-size:15px}.seo-section ul{margin:16px 0 0;padding-left:20px;color:var(--seo-muted);font-size:14px}.seo-section li{margin:7px 0}.seo-links{margin-top:64px;padding-top:26px;border-top:1px solid var(--seo-line);display:flex;flex-wrap:wrap;gap:10px}.seo-links a{padding:9px 12px;border:1px solid var(--seo-line);border-radius:999px;text-decoration:none;font-size:14px;background:rgba(255,254,251,.55)}.seo-links a:hover{border-color:var(--seo-teal);color:var(--seo-teal)}.seo-meta{margin-top:42px;color:var(--seo-muted);font-size:12px}.seo-footer{border-top:1px solid var(--seo-line);padding:26px 24px 42px;color:var(--seo-muted);font-size:13px}.seo-footer__inner{max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:20px}.seo-article{max-width:760px}.seo-article .seo-h1{max-width:18ch}.seo-chinese{margin-top:34px;padding:26px;border-radius:12px;background:var(--seo-white);border:1px solid var(--seo-line);font-family:Georgia,"Noto Serif SC",serif;font-size:20px;line-height:2.05;white-space:pre-line}.seo-vocab{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.seo-vocab span{padding:5px 9px;border-radius:999px;background:var(--seo-cream);border:1px solid var(--seo-line);font-size:13px}.seo-404{text-align:center;max-width:600px;margin:0 auto}.seo-404 .seo-h1{max-width:none;font-size:clamp(2rem,5vw,3.5rem)}
@media (max-width:760px){.seo-header__inner{padding:0 16px}.seo-nav{gap:10px;font-size:13px}.seo-nav a:not(.seo-nav__cta){display:none}.seo-main{padding:48px 18px 64px}.seo-h1{font-size:clamp(2.25rem,12vw,3.4rem)}.seo-lede{font-size:16px}.seo-answer{margin-top:40px;padding:20px}.seo-grid{grid-template-columns:1fr;gap:28px;margin-top:42px}.seo-section{padding-top:20px}.seo-footer{padding-left:18px;padding-right:18px}.seo-footer__inner{display:block}.seo-footer__inner p{margin-top:8px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.seo-facts{max-width:780px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.seo-facts>div{min-width:0;padding:18px;border:1px solid var(--seo-line);border-radius:10px;background:rgba(255,254,251,.7)}.seo-facts .seo-kicker{margin-bottom:7px;font-size:10px}.seo-facts strong{display:block;font-size:14px;line-height:1.55}.seo-example{max-width:780px;margin-top:18px;padding:22px 24px;border:1px solid var(--seo-line);border-radius:12px;background:var(--seo-white)}.seo-example h2{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:24px;line-height:1.2}.seo-example .seo-kicker{margin-bottom:8px}.seo-example .seo-chinese{margin-top:16px;padding:0;border:0;background:transparent;font-size:22px}.seo-example>p:last-child{margin:4px 0 0;color:var(--seo-muted);font-size:14px}
@media (max-width:760px){.seo-facts{grid-template-columns:1fr}.seo-example{padding:20px}}