/* Paper Daily reactions (direction A "批注 Ink chips", Felix 2026-10-27) -- generated into OUT/rx/ by src/reactions.py.
   Icons (Felix 2026-10-28, "用 B 彩色这版"): one inline-SVG Hoot 夜读鸮 face per chip (src/rx_assets/hoot/<key>.svg), 28 px,
   drawn in the mascot palette (ink #1E1A16, red #D9643A, cream #FBF6EC); dark theme turns the head outline red, like the
   「Hoot 说」 chip head. Pressed = the chip's accent outline/background + a short Hoot bounce. */
.pd-rx{margin:48px 0 0;--rx-ac:var(--red,#D9643A);--rx-acx:#A3461F;--rx-acbg:#FBEDE6}
[data-theme=dark] .pd-rx{--rx-acx:#F0A07F;--rx-acbg:#3A231A}
.pd-rx-head{display:flex;align-items:baseline;justify-content:space-between;gap:4px 16px;flex-wrap:wrap;margin:0 0 12px}
.long .pd-rx-h,.pd-rx-h{margin:0;padding:0;border:0;font:600 15px/1.4 var(--serif);color:var(--ink);letter-spacing:.01em}
.long .pd-rx-h::before,.long .pd-rx-h::after{content:none}
.pd-rx-tot{font:13px/1.5 var(--sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.pd-rx-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pd-rx-b{display:flex;align-items:center;gap:8px;box-sizing:border-box;height:44px;min-height:44px;margin:0;padding:0 14px 0 13px;min-width:0;
  border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);font:500 14px/20px var(--sans);
  cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s;text-align:left}
.pd-rx-b:hover{border-color:#CFC9C1;background:var(--tint)}
[data-theme=dark] .pd-rx-b:hover{border-color:#4A4643}
.pd-rx-b:focus-visible{outline:2px solid var(--rx-ac);outline-offset:2px}
.pd-rx-i{width:28px;height:28px;position:relative;flex:none;margin:-2px -1px -2px -4px}
.pd-rx-hh{display:block;width:28px;height:28px;overflow:visible;color:#1E1A16;transition:transform .22s cubic-bezier(.3,1.6,.5,1)}
.pd-rx-hh .f{fill:currentColor;stroke:none}.pd-rx-hh .h,.pd-rx-hh .bl{stroke:none}.pd-rx-hh .c,.pd-rx-hh .h{fill:#FBF6EC}
.pd-rx-hh .r,.pd-rx-hh .w,.pd-rx-hh .rk{fill:#D9643A}.pd-rx-hh .r{stroke:none}.pd-rx-hh .rr{fill:#D9643A;stroke:#D9643A}
.pd-rx-hh .rs{stroke:#D9643A}.pd-rx-hh .bl{fill:#D9643A;opacity:.55}
[data-theme=dark] .pd-rx-hh .o{stroke:#D9643A}
.pd-rx-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pd-rx-n{margin-left:auto;padding-left:4px;color:var(--ink2);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.pd-rx-n:empty{display:none}
.pd-rx-b[aria-pressed=true]{border-color:var(--rx-ac);background:var(--rx-acbg)}
.pd-rx-b[aria-pressed=true] .pd-rx-hh{transform:scale(1.08);animation:pd-rx-hb .45s ease-out}
@keyframes pd-rx-hb{40%{transform:scale(1.18) rotate(-6deg)}}
.pd-rx-b[aria-pressed=true] .pd-rx-n{color:var(--rx-acx);font-weight:700}
.pd-rx-b[aria-pressed=true] .pd-rx-l{color:var(--rx-acx);font-weight:600}
.long .pd-rx-thx,.pd-rx-thx{display:flex;align-items:center;gap:8px;margin:12px 0 0;font:13px/1.5 var(--sans);color:var(--ink2);min-height:26px}
.pd-rx-thx[hidden]{display:none}
.pd-rx-thx .pd-mk{width:26px;height:26px;flex:none;margin:0}
.long .pd-rx-foot,.pd-rx-foot{margin:10px 0 0;font:12.5px/1.5 var(--sans);color:var(--ink2)}
@media (max-width:640px){.pd-rx{margin-top:40px}.pd-rx-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:380px){.pd-rx-b{padding:0 12px 0 11px;gap:7px}}
@media (prefers-reduced-motion:reduce){.pd-rx-hh,.pd-rx-b{transition:none;animation:none!important}}