/* Daily news: additions to /chinese/chinese.css (colours, line cards, tips, follow-audio). */
.jp, .ja .j { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; }
.zh-panel .j { font-family: "PingFang TC", "Hiragino Sans CNS", "Noto Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", "Heiti TC", sans-serif; }

/* tabs */
.tabs { display: flex; gap: .3rem; margin: 1.4rem 0 0; border-bottom: 1px solid var(--border); overflow-x: auto; }
.tabs button { font: inherit; font-size: .95rem; padding: .55rem 1.1rem; border: 1px solid transparent; border-bottom: 0; border-radius: 8px 8px 0 0;
  background: transparent; color: var(--muted); cursor: pointer; white-space: nowrap; margin-bottom: -1px; }
.tabs button:hover { color: var(--accent); }
.tabs button[aria-selected="true"] { background: var(--bg); border-color: var(--border); color: var(--text); font-weight: 600; }
.tabs .lang { font-size: .75rem; color: var(--faint); margin-left: .35rem; font-weight: 400; }
.panel[hidden] { display: none; }
.panel .head { margin: 1.2rem 0 0; }
.panel h2.t { font-size: 1.5rem; margin: 0; }
.panel h2.t .en { font-family: 'Inter', system-ui, sans-serif; font-size: .95rem; font-weight: 400; color: var(--muted); margin-left: .6rem; }

/* English tab */
.story h3 { font-size: 1.05rem; margin: 0 0 .3rem; }
.estory { border-radius: 10px; padding: .6rem .9rem; margin: .6rem -.9rem 0; }
.estory.cued { cursor: pointer; }
.estory.now { background: var(--surface-2); box-shadow: inset 4px 0 0 var(--accent); }
.story p { margin: .3rem 0; font-size: 1rem; line-height: 1.65; }
.sources { font-size: .85rem; color: var(--muted); }
.sources li { margin: .2rem 0; }
.meta { font-size: .8rem; color: var(--faint); margin-top: .3rem; }

/* decoding rows, scoped to each panel so every language keeps its own switches */
.w .k { font-size: .78rem; color: var(--faint); min-height: 1.1em; }
.panel.hide-r .w .r, .panel.hide-z .w .z, .panel.hide-k .w .k, .panel.hide-g .w .g, .panel.hide-en .en { display: none; }

/* overview */
.days { list-style: none; padding: 0; margin: 1.5rem 0; }
.days a { display: block; background: var(--surface); border-radius: 10px; padding: .9rem 1.1rem; margin: .5rem 0; text-decoration: none; color: var(--text); border: 1px solid transparent; }
.days a:hover { border-color: var(--accent); }
.days .d { font-size: .8rem; color: var(--faint); }
.days .t { font-size: 1.1rem; font-weight: 600; margin: .1rem 0; }
.days .l { font-size: .9rem; color: var(--muted); }