.tbp-reach-alsoread{display:flex;align-items:center;gap:12px;margin:22px 0;font-family:var(--font-ui,sans-serif)}
.tbp-reach-alsoread .ar-bar{inline-size:26px;block-size:2px;background:var(--red,#b0070f);flex:none;border-radius:2px}
.tbp-reach-alsoread .ar-lbl{font-family:var(--font-urdu,var(--font-display,serif));font-size:14px;color:var(--red,#b0070f);font-weight:600;flex:none}
/* headline uses the theme's primary text token (--ink-900) so it flips to light in dark mode;
   the old var(--ink,…) referenced an undefined token and stuck on the hardcoded dark fallback. */
.tbp-reach-alsoread .ar-link{font-family:var(--font-display,serif);font-size:1rem;line-height:1.3;color:var(--ink-900,#1c1811);text-decoration:none;border-block-end:1px solid transparent}
.tbp-reach-alsoread .ar-link:hover{border-block-end-color:var(--red,#b0070f)}
.tbp-reach-alsoread .ar-arw{color:var(--red,#b0070f);font-weight:700}
[dir="rtl"] .tbp-reach-alsoread .ar-arw{transform:scaleX(-1)}
/* dark surfaces: lift the deep brand red to --red-lift so the label/bar/arrow stay legible on black. */
.dark .tbp-reach-alsoread .ar-lbl,
.dark .tbp-reach-alsoread .ar-arw{color:var(--red-lift,#d24b52)}
.dark .tbp-reach-alsoread .ar-bar{background:var(--red-lift,#d24b52)}
.dark .tbp-reach-alsoread .ar-link:hover{border-block-end-color:var(--red-lift,#d24b52)}