.content-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(148,177,201,.16);min-height:46px}
.content-tool-button,.content-reader-count{display:inline-flex;align-items:center;gap:9px;min-height:42px;font:750 .78rem/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.content-tool-button{padding:11px 17px;border:1px solid #35ddf2;border-radius:12px;color:#04131d;background:linear-gradient(135deg,#6ce9f7 0%,#35ddf2 55%,#24bfd6 100%);box-shadow:0 8px 22px rgba(20,190,214,.2);cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.content-tool-button:hover{background:linear-gradient(135deg,#91f1fa 0%,#56e5f5 55%,#35cde3 100%);box-shadow:0 10px 26px rgba(20,190,214,.3);transform:translateY(-2px)}
.content-tool-button:active{box-shadow:0 5px 14px rgba(20,190,214,.22);transform:translateY(0)}
.content-tool-button:focus-visible{outline:3px solid rgba(108,233,247,.38);outline-offset:3px}
.content-tool-button svg,.content-reader-count svg{width:17px;height:17px;fill:currentColor;flex:0 0 auto}
.content-reader-count{padding:9px 11px;border:0;border-radius:8px;color:#9db0c7;background:rgba(255,255,255,.025)}
.content-reader-count[hidden]{display:none}
.content-tool-feedback{color:#65e6ad;font-size:.72rem;font-weight:700}
.content-reactions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.content-reaction-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid rgba(148,177,201,.22);border-radius:9px;color:#b8c8da;background:rgba(255,255,255,.025);font:750 .76rem/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .18s}
.content-reaction-button:hover{transform:translateY(-1px);border-color:rgba(53,221,242,.5);color:#f3f8ff}
.content-reaction-button[data-reaction="like"][aria-pressed="true"]{border-color:rgba(255,100,119,.58);color:#ff6477;background:rgba(255,100,119,.1);box-shadow:0 0 20px rgba(255,100,119,.08)}
.content-reaction-button[data-reaction="helpful"][aria-pressed="true"]{border-color:rgba(101,230,173,.5);color:#65e6ad;background:rgba(101,230,173,.09);box-shadow:0 0 20px rgba(101,230,173,.07)}
.content-reaction-button:disabled{opacity:.6;cursor:wait}
@media(max-width:620px){.content-tools{align-items:stretch}.content-tool-button{justify-content:center;width:100%}.content-reactions{width:100%;margin-left:0}.content-reaction-button{justify-content:center;flex:1}.content-tool-feedback{width:100%}}
@media(prefers-reduced-motion:reduce){.content-tool-button,.content-reaction-button{transition:none}}