.article,.listing{width:min(780px,100% - 48px);margin:32px auto 96px}.listing.wide{width:min(var(--max), calc(100% - 48px))}.crumbs{color:var(--ink-2);flex-wrap:wrap;gap:6px;margin-bottom:18px;font-size:14px;display:flex}.crumbs a{color:var(--ink-2)}.crumbs a:hover{color:var(--g-ink)}.article h1,.listing h1{letter-spacing:.01em;margin:0 0 18px;font-size:clamp(28px,4.2vw,38px);font-weight:700;line-height:1.3}.answer{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--g);border-radius:16px;margin:0 0 16px;padding:16px 20px;font-size:18px;line-height:1.7}.answer b{color:var(--g-ink);letter-spacing:.06em;margin-bottom:4px;font-size:13px;display:block}.meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 28px;font-size:13px;display:flex}.tag{background:var(--mint-2);color:var(--g-ink);border-radius:999px;padding:2px 10px}.toc{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:0 0 32px;padding:16px 20px;font-size:15px}.toc ol{columns:2;column-gap:32px;margin:8px 0 0;padding-left:1.4em}.toc li{break-inside:avoid}.prose h2,.article>section>h2{margin:44px 0 14px;font-size:24px;line-height:1.4}.prose h3{margin:28px 0 10px;font-size:19px}.prose p,.prose li{overflow-wrap:break-word}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-bottom:6px}.prose a{text-underline-offset:3px;text-decoration:underline}.prose strong{color:var(--ink)}.prose table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:15px;line-height:1.55;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;background:var(--surface);padding:9px 12px}.prose th{background:var(--mint-2);white-space:nowrap;font-weight:600}.prose td{min-width:4.5em}.prose code{background:var(--mint-2);font-family:var(--font-body);border-radius:6px;padding:1px 6px;font-size:.95em}[lang=en]{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, var(--font-body)}.play{background:var(--mint-2);width:30px;height:30px;color:var(--g-ink);cursor:pointer;vertical-align:middle;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.play:before{content:"";border:6px solid #0000;border-left:10px solid;border-right-width:0;width:0;height:0;margin-left:2px}.play:hover,.play.is-playing{background:var(--g);color:#fff}.w{background:var(--surface);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin:2px 4px 2px 0;padding:2px 10px 2px 3px;line-height:1.5;display:inline-flex}.w .play{width:26px;height:26px}.w .ipa{color:var(--ink-2);font-size:.9em}.say{background:var(--surface);border-radius:14px;align-items:flex-start;gap:12px;margin:0 0 10px;padding:10px 14px;display:flex}.say .play{margin-top:1px}.say-body{display:grid}.say [lang=en]{font-size:17px;font-weight:500}.say .zh{color:var(--ink-2);font-size:15px}.fix{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:0 0 14px;padding:12px 16px}.fix p{align-items:center;gap:10px;margin:0 0 4px;display:flex}.fix .bad{color:var(--red);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--red) 55%, transparent)}.fix .bad>span:first-child{font-weight:700;text-decoration:none}.fix .good{color:var(--g-ink);font-weight:600}.fix .good .play{width:26px;height:26px}.fix .why{color:var(--ink-2);margin:4px 0 0;font-size:15px;display:block}.tip{background:var(--sun-soft);color:var(--sun-ink);border-radius:16px;gap:4px;margin:0 0 20px;padding:14px 18px;display:grid}.tip>div>:last-child{margin-bottom:0}.tip>div>:first-child{margin-top:0}.quiz{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:0 0 24px;padding:16px 20px}.quiz-head{color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.btn-line{border:1px solid var(--line);min-height:36px;color:var(--g-ink);background:0 0;padding:0 16px}.btn-line:hover{border-color:var(--g)}.quiz ol{margin:0;padding-left:1.6em}.quiz li{margin-bottom:12px}.quiz details{margin-top:2px;font-size:15px}.quiz summary{color:var(--g-ink);cursor:pointer;width:fit-content}.quiz details p{color:var(--ink-2);margin:4px 0 0}.quiz-key,.quiz-name{display:none}.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:12px 16px}.faq-list summary{cursor:pointer;font-weight:600}.faq-list details p{color:var(--ink-2);margin:8px 0 0}.refs-note{color:var(--ink-2);font-size:14px}.refs ul{padding-left:1.3em;font-size:15px}.refs a{overflow-wrap:anywhere}.related ul{gap:10px;padding:0;list-style:none;display:grid}.related li{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.related li span{color:var(--ink-2);flex:none;font-size:13px}.cta-card{border-radius:var(--radius-card);background:linear-gradient(135deg, var(--mint-2), var(--mint-3));box-shadow:var(--shadow-sm);align-items:center;gap:20px;margin-top:48px;padding:24px 28px;display:flex}.cta-card img{flex:none;width:86px;height:86px}.cta-card b{font-size:20px}.cta-card p{color:var(--ink-2);margin:4px 0 14px}.cta-card small{color:var(--ink-2);margin-top:10px;font-size:13px;display:block}.lead{color:var(--ink-2);margin:0 0 32px;font-size:18px}.card-list{gap:14px;padding:0;list-style:none;display:grid}.card-list a{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:20px;padding:18px 22px;transition:border-color .12s,box-shadow .12s;display:block}.card-list a:hover{border-color:var(--g);box-shadow:var(--shadow-sm)}.card-list b{font-size:18px;line-height:1.45;display:block}.card-list p{color:var(--ink-2);margin:6px 0 0;font-size:15px}.card-list .card-meta{color:var(--g-ink);margin-top:8px;font-size:13px;display:block}.col-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:44px;display:grid}.col-grid a{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:22px;padding:20px 22px;display:block}.col-grid a:hover{border-color:var(--g)}.col-grid b{font-size:19px}.col-grid p{color:var(--ink-2);margin:6px 0 0;font-size:14px;line-height:1.6}.col-grid span{color:var(--g-ink);margin-top:10px;font-size:13px;display:block}.listing h2{margin:40px 0 14px;font-size:22px}.ipa-group{margin:0 0 32px}.ipa-group h3{margin:0 0 4px;font-size:20px}.ipa-desc{color:var(--ink-2);margin:0 0 12px;font-size:15px}.ipa-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.ipa-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;padding:14px;display:flex}.ipa-sym{background:var(--mint-2);min-width:84px;min-height:52px;color:var(--g-ink);cursor:pointer;border:0;border-radius:14px;align-self:flex-start;padding:0 14px;font:600 26px/1 Charis SIL,Doulos SIL,Lucida Sans Unicode,Segoe UI,Arial Unicode MS,sans-serif}.ipa-sym:hover,.ipa-sym.is-playing{background:var(--g);color:#fff}.ipa-words{flex-wrap:wrap;gap:6px;display:flex}.ipa-word{border:1px solid var(--line);background:var(--mint);min-height:32px;color:var(--ink);cursor:pointer;border-radius:999px;padding:0 10px;font-size:15px}.ipa-word:hover,.ipa-word.is-playing{border-color:var(--g);color:var(--g-ink)}.ipa-tip{color:var(--ink-2);margin:0;font-size:14px;line-height:1.65}.ipa-video{color:var(--g-ink);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:4px 0;font-size:14px}.ipa-video:before{content:"▶ ";font-size:11px}.ipa-table{width:max-content;max-width:min(var(--max), calc(100vw - 48px));background:var(--surface);border:1px solid var(--line);border-radius:22px;margin:0 0 24px 50%;padding:16px 20px 20px;transform:translate(-50%)}.accent-tabs{background:var(--mint-2);border-radius:999px;gap:4px;margin-bottom:8px;padding:4px;display:inline-flex}.accent-tabs button{min-height:38px;color:var(--ink-2);font:600 15px/1 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 18px}.accent-tabs button small{margin-left:6px;font-size:12px;font-weight:400}.accent-tabs button[aria-selected=true]{background:var(--g);color:#fff}.sheet-note{color:var(--ink-2);margin:0 0 10px;font-size:14px}.prose .sheet-table,.sheet-table{border-collapse:collapse;width:100%;font-size:inherit;margin:0;display:table;overflow:visible}@media (width>=641px){.prose .sheet-table,.sheet-table{width:auto}}.sheet-table .col-kind{width:64px}.sheet-table .col-label{width:100px}.prose .sheet-table th,.prose .sheet-table td,.sheet-table th,.sheet-table td{border:1px solid var(--line);vertical-align:middle;padding:8px 10px}.prose .sheet-kind,.sheet-kind{white-space:normal;background:var(--mint-2);width:64px;color:var(--g-ink);text-align:center;font-size:17px;font-weight:700}.sheet-kind small{color:var(--ink-2);margin-top:2px;font-size:12px;font-weight:400;display:block}.sheet-label{background:var(--mint);width:92px;color:var(--g-ink);text-align:left;white-space:nowrap;font-size:14px;font-weight:600}.sheet-label small{color:var(--ink-2);margin-left:4px;font-size:12px;font-weight:400}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sheet-cells{flex-wrap:wrap;gap:6px;display:flex}.sheet-cell{background:var(--mint);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:stretch;width:72px;display:flex;position:relative;overflow:hidden}.cell-sym{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:6px 4px 0;font:600 22px/1.2 Charis SIL,Doulos SIL,Lucida Sans Unicode,Segoe UI,Arial Unicode MS,sans-serif}.cell-word{min-height:26px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0 4px 6px;font-size:13px}.cell-sym:hover,.cell-sym.is-playing{background:var(--g);color:#fff}.cell-word:hover,.cell-word.is-playing{color:var(--g-ink);text-decoration:underline}.cell-video{background:var(--mint-3);width:20px;height:20px;color:var(--g-ink);cursor:pointer;border:0;border-radius:50%;padding:0;position:absolute;top:3px;right:3px}.cell-video:before{content:"";border:4px solid #0000;border-left:7px solid;border-right-width:0;width:0;height:0;margin:0 auto 0 7px;display:block}.cell-video:hover{background:var(--g);color:#fff}.video-dialog{background:var(--surface);border:0;border-radius:20px;width:min(440px,100% - 32px);padding:0;overflow:hidden}.video-dialog::backdrop{background:#0f2b2399}.vd-head{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.vd-head button{background:var(--mint-2);cursor:pointer;border:0;border-radius:50%;width:36px;height:36px}.video-dialog video{background:#000;width:100%;display:block}@media (width<=640px){html{scroll-padding-top:calc(var(--nav-h) + 64px)}.article,.listing,.listing.wide{width:calc(100% - 32px);margin-top:20px}.answer{padding:14px 16px;font-size:17px}.toc ol{columns:1}.prose h2,.article>section>h2{font-size:21px}.cta-card{flex-direction:column;align-items:flex-start;padding:20px}.ipa-grid{grid-template-columns:1fr 1fr}.ipa-table{width:calc(100vw - 32px);max-width:none;padding:12px 10px}.prose .sheet-table th,.prose .sheet-table td,.sheet-table th,.sheet-table td{padding:5px}.prose .sheet-table,.sheet-table{table-layout:fixed}.sheet-table .col-kind{width:30px}.sheet-table .col-label{width:58px}.sheet-kind{word-break:break-all;width:26px;padding:6px 3px;font-size:15px;line-height:1.3}.sheet-kind small{display:none}.sheet-label{white-space:normal;width:52px;font-size:13px;line-height:1.35}.sheet-label small{margin:0;display:block}.sheet-cells{gap:4px}.sheet-cell{width:calc(25% - 3px)}.cell-sym{min-height:38px;font-size:19px}.cell-word{font-size:12px}.cell-video{width:16px;height:16px;top:2px;right:2px}.cell-video:before{border-width:3px 0 3px 5px;margin-left:6px}}@media print{body{background:#fff;font-size:12pt}.nav,.foot,.skip,.cta-card,.related,.toc,.play,.btn,.ipa-video,.cell-video,.accent-tabs,.video-dialog{display:none!important}.article,.listing{width:auto;margin:0}.quiz details{display:none}html.printing-quiz main>*>:not(.prose):not(h1),html.printing-quiz .prose>:not(.quiz.print-target){display:none!important}html.printing-quiz .quiz.print-target{border:0;padding:0}html.printing-quiz .quiz-head{display:none}html.printing-quiz .quiz.print-target .quiz-name{margin:0 0 18pt;display:block}html.printing-quiz .quiz.print-target li{margin-bottom:18pt}html.printing-quiz .quiz.print-target .quiz-key{break-before:page;display:block}}
