.article-like { margin-top: 24px; padding-top: 16px; border-top: .5px solid var(--border); }
.article-like button { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px; border: .5px solid var(--border); background: transparent; color: var(--text-dim); font: 11px var(--font-mono); cursor: pointer; }
.article-like svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.25; fill: none; }
.article-like button[aria-pressed="true"] { color: var(--accent); border-color: rgba(209,255,0,.3); }
.article-like button[aria-pressed="true"] svg { fill: rgba(209,255,0,.12); }
.article-like button:disabled { opacity: .5; cursor: wait; }
.like-count { min-width: 2ch; font-variant-numeric: tabular-nums; }
.article-like p { min-height: 18px; margin-top: 8px; color: var(--text-dim); font-size: 10px; line-height: 1.8; }
@media (hover: hover) and (pointer: fine) { .article-like button:hover:not(:disabled) { color: var(--accent); } }
@media (max-width: 900px) {
  /* Keep the expanded controls out of the mobile reading viewport. */
  .rail { position: static; grid-column: 1; order: 1; width: auto; height: auto; padding-top: 0; margin-top: 24px; background: none; }
}