:root{--chinese-font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--ink:#292b2e;--muted:#71767c;--line:#e7e9ec;--paper:#fff;--wash:#f5f6f8;--accent:#842b39;--chinese-size:24px;--header:#ffffffee;--dock:#fffffffa;--soft-accent:#f9f0f2;--hover:#f2dde3;--secondary:#52585d;--phrase:#eeeff1;--active-word:#d9aab5;--active-ink:#381d27;--paused-word:#e4ccd2;--pinyin:#737b83;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:118px;scrollbar-gutter:stable}body{margin:0;min-width:280px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,select{touch-action:manipulation}a{color:var(--accent);text-underline-offset:3px}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-60px;left:16px;background:var(--paper);padding:12px;z-index:30}.skip:focus{top:12px}
.topbar{position:sticky;top:0;z-index:8;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{max-width:1100px;min-height:92px;padding:16px 28px;margin:auto;display:grid;grid-template-columns:minmax(225px,1fr) auto auto;grid-template-areas:"brand nav controls" "tagline nav controls";align-items:center;gap:6px 22px}.brand{font:700 30px var(--chinese-font);text-decoration:none;color:var(--ink);white-space:nowrap;line-height:1}.brand span{color:var(--accent)}.brand{grid-area:brand;width:fit-content}.brand-tagline{grid-area:tagline;margin:0;font-size:11px;line-height:1.5;color:var(--muted);white-space:nowrap}.header-nav{grid-area:nav;display:flex;align-items:center;gap:2px}.reading-controls{grid-area:controls}.quiet-button,.icon-button,.font-button{border:0;background:transparent;min-height:44px;border-radius:7px}.quiet-button{font-size:14px;padding:10px 12px;white-space:nowrap}.quiet-button span{margin-left:7px;color:var(--muted)}.quiet-button:hover,.icon-button:hover{background:var(--wash)}.icon-button{display:grid;place-items:center;width:44px;min-width:44px;padding:9px;font-size:25px}.icon-button svg{width:23px;height:23px}.font-controls{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.font-button{width:40px;flex:0 0 40px;font:18px Georgia,serif}.font-button:hover{background:var(--wash)}#font-value{font-size:12px;min-width:22px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}
.reading-layout{max-width:792px;margin:0 auto;padding:48px 34px calc(150px + env(safe-area-inset-bottom))}#article{outline:none}.article-kicker{font-size:12px;color:var(--muted);letter-spacing:.03em;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.article-kicker span+span:before{content:'·';margin-right:10px;color:#a8adb2}.article-title{font:500 32px/1.55 var(--chinese-font);margin:14px 0 8px;width:100%;max-width:none;text-wrap:wrap;word-break:normal;overflow-wrap:anywhere}.article-title-en{font-size:17px;line-height:1.65;font-weight:400;color:var(--secondary);margin:0;max-width:100%;overflow-wrap:anywhere}.source-details{font-size:13px;color:var(--muted);line-height:1.8;margin-top:36px;border-top:1px solid var(--line);padding-top:12px}.source-details summary{cursor:pointer;display:inline-block;min-height:32px;padding:4px 0;text-underline-offset:4px}.source-details summary:hover{color:var(--ink)}.source-details p{margin:8px 0 12px}.source-details a{color:inherit}.source-details ul{padding-left:18px}.source-details li{margin-bottom:8px}
.article-summary{font-size:15px;line-height:1.7;color:var(--secondary);margin:14px 0 0;max-width:100%;overflow-wrap:anywhere}
.article-body{position:relative}.paragraph{position:relative;margin:0 0 32px}.paragraph .zh-paragraph{font:var(--chinese-size)/2 var(--chinese-font);letter-spacing:.015em;margin:0;overflow-wrap:anywhere}.sentence,.phrase{border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.phrase{transition:background-color 90ms ease-out}.phrase.current-phrase,.sentence.current-sentence.sentence-only{background:var(--phrase);box-shadow:0 0 0 3px var(--phrase)}.reading-token{border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color 60ms ease-out,color 60ms ease-out}.reading-token.current-word{background:var(--active-word);color:var(--active-ink);box-shadow:0 0 0 2px var(--active-word)}.reading-token.current-word.paused-highlight{background:var(--paused-word);box-shadow:0 0 0 2px var(--paused-word)}.word{cursor:pointer;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.word.selected{background:var(--hover);color:var(--accent)}.word:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.next-article{border-top:1px solid var(--line);padding-top:22px;margin-top:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.next-article>span{font-size:12px;color:var(--muted)}.next-article button{border:0;background:none;color:var(--accent);font-size:16px;line-height:1.6;text-align:right;min-height:44px;max-width:80%}.listen-cover{padding:64px 20px;text-align:center;color:var(--muted)}.listen-cover span{display:block;font:56px var(--chinese-font);color:var(--accent)}.listen-cover p{font-size:16px;margin:18px 0 24px}
.audio-dock{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:710px;display:flex;align-items:center;gap:16px;background:var(--dock);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 28px #1e242c10;padding:14px 18px;z-index:9}.play-button{width:46px;height:46px;flex:0 0 46px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white}.play-button:hover{filter:brightness(.9)}.play-button svg{width:21px;height:21px}.audio-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}#audio-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}#audio-status{font-size:12px;color:var(--muted);line-height:1.4}.progress-track{height:2px;width:100%;background:var(--line);margin-top:2px;border-radius:2px;overflow:hidden}#progress-bar{height:100%;width:0;background:var(--accent);transition:none}
.word-popover{position:fixed;width:330px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 50px #171e2724;border-radius:12px;padding:20px;z-index:15;overscroll-behavior:contain}.word-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.word-head h3{font:600 29px/1.4 var(--chinese-font);color:var(--accent);margin:0}.pinyin{font-size:14px;color:var(--muted);margin-top:6px}.definition{font-size:16px;line-height:1.65;margin:14px 0}.secondary-button{border:1px solid var(--line);border-radius:7px;min-height:44px;padding:10px 13px;font-size:14px;background:var(--paper)}
dialog{border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);padding:24px;width:560px;max-width:calc(100vw - 28px);max-height:85dvh;overflow:hidden;box-shadow:0 24px 100px #0003;overscroll-behavior:contain}dialog::backdrop{background:#242a325c;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dialog-header h2{font-size:21px;font-weight:500;letter-spacing:-.3px;margin:0}#panel-content{font-size:16px;line-height:1.75;max-height:calc(85dvh - 112px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-inline:2px}#panel-content p{margin:12px 0}.panel-note{font-size:13px;color:var(--muted);line-height:1.65}.article-choice{display:block;width:100%;padding:18px 14px;border:0;border-bottom:1px solid var(--line);text-align:left;background:var(--paper);border-radius:6px}.article-choice:hover{background:var(--wash)}.article-choice[aria-current=page]{background:var(--soft-accent)}.choice-meta{font-size:12px;color:var(--muted);display:block;margin-bottom:7px}.choice-title{font:600 21px/1.6 var(--chinese-font)}.article-choice[aria-current=page] .choice-title{color:var(--accent)}.toast{position:fixed;bottom:calc(126px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 28px);width:max-content;background:#292d32;color:white;padding:12px 18px;border-radius:8px;font-size:14px;line-height:1.6;box-shadow:0 6px 25px #0002;z-index:30}
@media(max-width:760px){.header-inner{padding:10px 18px;gap:4px 12px}.brand{font-size:28px}.reading-layout{padding:30px 26px calc(140px + env(safe-area-inset-bottom));max-width:670px}.article-title{font-size:30px;line-height:1.6;margin-top:12px}.article-kicker{font-size:12px}.article-title-en{font-size:16px}.paragraph .zh-paragraph{letter-spacing:0;line-height:1.95}.paragraph{margin-bottom:24px}.audio-dock{width:calc(100% - 24px);bottom:calc(10px + env(safe-area-inset-bottom));gap:10px;padding:11px 12px;border-radius:12px}.play-button{width:44px;height:44px;flex-basis:44px}.audio-dock .icon-button{width:40px;min-width:40px}.word-popover{left:12px!important;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto!important;width:auto;max-width:none;max-height:65dvh;padding:18px}dialog{padding:20px}.next-article button{font-size:16px}.listen-cover{padding:44px 16px}}
@media(max-width:380px){.header-inner{padding:8px 12px;gap:5px}.brand{font-size:25px}.quiet-button{padding:8px;font-size:13px}.quiet-button span{margin-left:3px}.font-button{width:36px;flex-basis:36px}.topbar .icon-button{width:36px;min-width:36px}#font-value{min-width:20px}.reading-layout{padding-left:22px;padding-right:22px}.article-title{font-size:28px}.audio-dock{gap:6px;padding:10px}.audio-dock .icon-button{width:36px;min-width:36px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Appearance controls and the two layers of reading emphasis. */
:root[data-theme="dark"]{--ink:#e4e6e9;--muted:#a1a7af;--line:#363b43;--paper:#191b1f;--wash:#24272d;--accent:#e3a1b2;--header:#191b1ff2;--dock:#22252af5;--soft-accent:#362830;--hover:#45303a;--secondary:#b9bec6;--phrase:#30353d;--active-word:#905669;--active-ink:#fff5f8;--paused-word:#694552;--pinyin:#a3adb9;color-scheme:dark}
[data-theme="dark"] .play-button{color:#271d21}
.reading-controls{display:flex;align-items:center;gap:8px}
.appearance-toggle{border:1px solid transparent}
.appearance-toggle[aria-pressed="true"]{background:var(--soft-accent);color:var(--accent)}
.pinyin-icon{display:flex;flex-direction:column;align-items:center;font:18px/1.15 var(--chinese-font)}
.pinyin-icon small{font:10px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.02em}
.sun-icon{display:none}[data-theme="dark"] .moon-icon{display:none}[data-theme="dark"] .sun-icon{display:block}
ruby{ruby-position:over;ruby-align:center}rt{font:400 .4em/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pinyin);letter-spacing:0;user-select:none;-webkit-user-select:none}
.show-pinyin .paragraph .zh-paragraph{line-height:2.7}.show-pinyin .article-title{line-height:2.1}
/* Ruby annotations sit above the normal inline content box. Extend BOTH
   background layers into that space; line-height alone cannot paint it. */
.show-pinyin .phrase,.show-pinyin .reading-token,.show-pinyin .word{padding-block:.65em .12em}
.show-pinyin ruby{margin-inline:.05em;ruby-overhang:none}.current-word rt{color:var(--active-ink)}
@media(max-width:800px){html{scroll-padding-top:170px}.header-inner{grid-template-columns:1fr auto;grid-template-areas:"brand nav" "tagline nav" "controls controls";gap:4px 16px;padding-block:10px}.reading-controls{width:100%;border-top:1px solid var(--line);padding-top:7px;gap:10px}.reading-controls .font-controls{margin-right:auto}}
@media(max-width:600px){html{scroll-padding-top:176px}.header-inner{grid-template-areas:"brand nav" "tagline tagline" "controls controls";gap:3px 8px;padding:6px 16px}.brand{font-size:27px}.brand-tagline{max-width:none;font-size:11px;line-height:1.5;padding:0 0 5px}.header-nav{justify-content:flex-end;gap:0}.header-nav .quiet-button{font-size:12px;padding-inline:8px}#articles-open{padding-inline:10px}.reading-controls{padding-top:5px;gap:8px}.reading-controls .font-button{width:44px;flex-basis:44px}.reading-controls .icon-button{width:44px;min-width:44px}.reading-layout{padding-top:28px}.paragraph .zh-paragraph{line-height:2.1}.show-pinyin .paragraph .zh-paragraph{line-height:2.8}}
@media(max-width:360px){.header-inner{padding-inline:10px;column-gap:4px}.brand{font-size:24px}.header-nav .quiet-button{font-size:11px;padding-inline:6px}#articles-open{padding-inline:8px}.quiet-button span{margin-left:2px}.brand-tagline{font-size:10px}.reading-controls{gap:3px}}
@media(prefers-reduced-motion:reduce){.phrase,.reading-token{transition:none}}

/* Reading aids share one quiet column; audio emphasis keeps its own background. */
.reading-levels{display:flex;gap:4px;flex-wrap:wrap;margin:24px 0 32px;padding:4px;background:var(--wash);border-radius:10px;width:fit-content;max-width:100%}
.reading-levels button{background:transparent;border:0;border-radius:7px;color:var(--muted);padding:10px 18px;min-height:44px;font-size:14px}
.reading-levels button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #00000012}
.paragraph-translation{margin-top:5px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.paragraph-translation>summary{cursor:pointer;list-style:none;width:fit-content;padding:8px 2px;min-height:40px;color:var(--muted);font-size:12px;letter-spacing:.02em}
.paragraph-translation>summary::-webkit-details-marker{display:none}.paragraph-translation>summary:after{content:' +';margin-left:4px}.paragraph-translation[open]>summary:after{content:' −'}
.paragraph-translation>summary:hover{color:var(--accent)}
.paragraph .paragraph-translation p{font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;color:var(--secondary);padding:4px 0 12px;margin:0;overflow-wrap:anywhere}
.hsk-toggle{font-size:11px;font-weight:600;letter-spacing:.02em}
/* Four vocabulary bands. Playback backgrounds remain independent. */
:root{--hsk-1:#d4929b;--hsk-2:#bd6574;--hsk-3:#a63e53;--hsk-4:#80243a}
:root[data-theme=dark]{--hsk-1:#a86c7b;--hsk-2:#c98799;--hsk-3:#e5a7b8;--hsk-4:#ffd1de}
[data-hsk="1"],[data-hsk="2"]{--hsk-color:var(--hsk-1)}[data-hsk="3"],[data-hsk="4"]{--hsk-color:var(--hsk-2)}[data-hsk="5"],[data-hsk="6"]{--hsk-color:var(--hsk-3)}[data-hsk="7"]{--hsk-color:var(--hsk-4)}
.show-hsk.hsk-level-1 .word[data-hsk="1"],.show-hsk.hsk-level-2 .word[data-hsk="2"],.show-hsk.hsk-level-3 .word[data-hsk="3"],.show-hsk.hsk-level-4 .word[data-hsk="4"],.show-hsk.hsk-level-5 .word[data-hsk="5"],.show-hsk.hsk-level-6 .word[data-hsk="6"],.show-hsk.hsk-level-7 .word[data-hsk="7"]{text-decoration:underline;text-decoration-color:var(--hsk-color);text-decoration-thickness:2px;text-underline-offset:.22em;text-decoration-skip-ink:none}
.hsk-toggle[data-active=true]{color:var(--accent);background:var(--soft-accent)}
.hsk-actions{display:flex;gap:8px;margin-bottom:16px}.hsk-actions button{flex:1}
.hsk-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hsk-group{border:1px solid var(--line);border-radius:10px;padding:5px 10px 10px;min-width:0}
.hsk-group-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;border:0;background:none;text-align:left;font-size:15px;padding:5px 0}
.hsk-swatch{background:var(--hsk-color);width:20px;height:3px;border-radius:4px;flex-shrink:0}
.hsk-check{margin-left:auto;width:16px;font-size:14px;color:var(--accent)}.hsk-group-toggle[aria-pressed=true] .hsk-check:after{content:'✓'}.hsk-group-toggle[aria-pressed=mixed] .hsk-check:after{content:'−'}
.hsk-level-options{display:flex;gap:8px}.hsk-level-options button{flex:1;min-height:44px;background:var(--wash);border:1px solid transparent;border-radius:6px;color:var(--muted)}
.hsk-level-options button[aria-pressed=true]{border-color:var(--hsk-color);color:var(--ink);background:var(--paper);box-shadow:inset 0 -2px var(--hsk-color)}
#panel-content .hsk-combined{font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 0;min-height:38px}
.hsk-explanation{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}.hsk-explanation>summary{cursor:pointer;font-size:14px;min-height:44px;padding:10px 0;color:var(--muted)}
.level-target{display:block;font-size:11px;font-weight:400;margin-top:3px;color:var(--muted);white-space:nowrap}
.hsk-badge{font-size:12px;color:var(--ink);background:var(--wash);border-radius:5px;padding:3px 8px}.word-level{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.hsk-curriculum{font-size:11px;color:var(--muted)}
.reader-empty{padding:40px 0;max-width:480px}.reader-empty h1{font-size:24px;font-weight:500}.reader-empty p{color:var(--muted);line-height:1.8}
@media(max-width:380px){.hsk-group{padding:5px 8px 8px}.hsk-group-toggle{gap:6px;font-size:14px}.hsk-swatch{width:16px}.reading-controls{gap:3px}.reading-levels{width:100%}.reading-levels button{flex:1;padding:10px}.paragraph .paragraph-translation p{font-size:15px}}

/* Choose a reading: bilingual titles carry the emphasis, metadata stays quiet. */
#articles-open{border:1px solid var(--line);padding-inline:14px;background:var(--wash)}
#about-open{color:var(--muted)}
dialog[data-panel=articles]{width:720px;height:min(760px,85dvh)}
dialog[data-panel=articles][open]{display:flex;flex-direction:column}
dialog[data-panel=articles] .dialog-header{flex:none;margin-bottom:4px}
dialog[data-panel=articles] #panel-content .articles-intro{flex:none;margin:0 0 18px;font-size:13px;line-height:1.65;color:var(--muted)}
dialog[data-panel=articles] #panel-content{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;overflow:hidden;scrollbar-gutter:auto}
dialog[data-panel=articles] .article-categories{flex:none}
.article-list{flex:1;min-height:0;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.article-list::-webkit-scrollbar{width:7px}.article-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}
dialog[data-panel=about]{width:620px}
.article-categories{position:sticky;top:0;z-index:1;background:var(--paper);display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.article-categories button{border:1px solid transparent;background:none;border-radius:7px;color:var(--muted);font-size:13px;min-height:44px;padding:9px 13px}
.article-categories button[aria-pressed=true]{color:var(--ink);background:var(--wash);border-color:var(--line)}
.article-choice{padding:22px 18px;margin-bottom:8px;border:1px solid transparent;border-radius:10px}
.article-choice[aria-current=page]{border-color:var(--line);background:var(--wash)}
.article-choice[aria-current=page] .choice-title{color:var(--ink)}
.choice-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:12px}
.reading-badge{margin-left:auto;color:var(--accent);font-size:11px;font-weight:500}
.choice-title{display:block;font:500 23px/1.6 var(--chinese-font);overflow-wrap:anywhere}
.choice-title-en{display:block;font-size:15px;line-height:1.6;color:var(--secondary);margin-top:8px;overflow-wrap:anywhere}
.curriculum-switch{display:flex;gap:4px;background:var(--wash);padding:4px;border-radius:9px;margin-bottom:18px}
.curriculum-switch button{flex:1;border:0;border-radius:6px;min-height:48px;background:none;font-size:14px;color:var(--muted)}
.curriculum-switch button span{font-size:11px;margin-left:6px}
.curriculum-switch button[aria-pressed=true]{background:var(--paper);box-shadow:0 1px 4px #00000010;color:var(--ink)}
.listen-toggle{min-height:44px;min-width:82px;border:1px solid var(--line);border-radius:8px;background:transparent;font-size:12px;padding:8px 10px;white-space:nowrap}
.listen-toggle[aria-pressed=true]{background:var(--soft-accent);border-color:transparent;color:var(--accent)}
.listen-cover{padding:46px 20px 58px}.listen-cover p{line-height:1.7}
.word-popover .definition{margin-bottom:0;line-height:1.75;overflow-wrap:anywhere}
.word-popover .word-head{position:sticky;top:0;background:var(--paper);z-index:1}
#word-close{width:44px;min-width:44px;height:44px;flex-shrink:0}
.word-play{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;color:var(--accent)}
.word-play:hover{background:var(--wash)}
@media(hover:hover){.word:hover{background:var(--hover);color:var(--accent)}.word.current-word:hover{background:var(--active-word);color:var(--active-ink)}}
#panel-content .about-copy{font-size:16px;line-height:1.85;color:var(--secondary)}
#panel-content .about-copy>p{margin:0 0 22px}.about-copy strong{font-weight:500;color:var(--ink)}
.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin-top:28px;font-size:12px;line-height:1.6;color:var(--muted)}
.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration-color:var(--line);overflow-wrap:anywhere}
.site-footer a:hover{color:var(--accent);text-decoration-color:currentColor}
#panel-content .about-copy .support-contact{font-size:13px;color:var(--muted)}
.support-contact a{color:inherit;display:inline-block;padding-block:10px;text-decoration-color:var(--line)}
.support-contact a:hover{color:var(--accent);text-decoration-color:currentColor}
.about-credits{border-top:1px solid var(--line);padding-top:12px;font-size:13px;line-height:1.75}
.about-credits>summary{cursor:pointer;padding:8px 0;min-height:44px;color:var(--muted)}
@media(max-width:580px){.article-categories{gap:4px}.article-categories button{padding-inline:10px}.article-choice{padding:18px 12px}.choice-title{font-size:21px}.choice-title-en{font-size:14px}.reading-badge{margin-left:0}.audio-dock{gap:8px}.listen-toggle{min-width:76px;padding-inline:8px}.audio-details{min-width:40px}#panel-content .about-copy{font-size:15px}}
@media(max-width:380px){.audio-dock{gap:5px;padding-inline:10px}.audio-details{min-width:0}.listen-toggle{min-width:72px;font-size:11px;padding-inline:6px}.article-choice{padding-inline:8px}.choice-title{font-size:20px}}