.reaction-buttons{display:inline-flex;gap:12px;align-items:center;margin:20px 0}.reaction-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--guardian-neutral-100);border:1px solid var(--guardian-neutral-86);border-radius:20px;cursor:pointer;transition:all .2s ease;font-family:Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--guardian-neutral-46);min-width:auto;justify-content:center;position:relative;overflow:hidden}[data-theme=dark] .reaction-btn{background:var(--guardian-neutral-20);border-color:var(--guardian-neutral-46);color:var(--guardian-neutral-86)}.reaction-btn:hover:not(.disabled){border-color:var(--guardian-brand-main);color:var(--guardian-brand-main)}.reaction-btn:hover:not(.disabled):not(.active){background:rgba(5,41,98,.05)}.reaction-btn:active:not(.disabled){transform:translateY(0)}.reaction-btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.like-btn.active{border-color:var(--guardian-brand-main);background:var(--guardian-brand-main);color:#fff}.like-btn.active:hover{border-color:var(--guardian-brand-dark);background:var(--guardian-brand-dark);color:#fff}.dislike-btn.active{border-color:var(--guardian-brand-main);background:var(--guardian-brand-main);color:#fff}.dislike-btn.active:hover{border-color:var(--guardian-brand-dark);background:var(--guardian-brand-dark);color:#fff}.reaction-icon{width:16px;height:16px;transition:transform .2s ease;color:inherit}.reaction-count{font-weight:600;font-size:14px;min-width:20px;text-align:center;color:inherit}.reaction-loading{display:flex;gap:1rem;align-items:center}.reaction-skeleton{width:80px;height:44px;background:linear-gradient(90deg,var(--border-color) 25%,hsla(0,0%,100%,.1) 50%,var(--border-color) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:50px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.reaction-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reaction-error{margin-top:.5rem;text-align:center}.error-text{color:#ef4444;font-size:.8rem;font-weight:500}[data-theme=dark] .reaction-btn{border-color:hsla(0,0%,100%,.2)}[data-theme=dark] .like-btn{border-color:#22c55e}[data-theme=dark] .dislike-btn{border-color:#ef4444}[data-theme=dark] .reaction-skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1) 75%);background-size:200% 100%}@media (max-width:640px){.reaction-buttons{gap:.75rem;margin:.75rem 0}.reaction-btn{padding:.6rem .8rem;font-size:.85rem;min-width:60px}.reaction-icon{width:18px;height:18px}.reaction-count{font-size:.85rem}}@media (max-width:480px){.reaction-buttons{gap:.5rem}.reaction-btn{padding:.5rem .7rem;font-size:.8rem;min-width:55px}.reaction-icon{width:16px;height:16px}.reaction-count{font-size:.8rem}}.reaction-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.reaction-btn:focus:not(:focus-visible){outline:none}@media (hover:none) and (pointer:coarse){.reaction-btn:hover{transform:none;box-shadow:none}.reaction-btn:hover .reaction-icon{transform:none}.dislike-btn.active,.dislike-btn.active:active,.dislike-btn.active:focus,.dislike-btn.active:hover,.like-btn.active,.like-btn.active:active,.like-btn.active:focus,.like-btn.active:hover,.reaction-btn.active .reaction-count,.reaction-btn.active .reaction-icon{color:#fff!important}}@media print{.like-dislike-container{display:none}}.font-size-mini{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--guardian-neutral-97);border:1px solid var(--guardian-neutral-86);border-radius:16px;width:-moz-fit-content;width:fit-content;margin:16px 0;height:32px}[data-theme=dark] .font-size-mini{background:var(--guardian-neutral-20);border-color:var(--guardian-neutral-46)}.font-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;transition:box-shadow .15s ease;flex-shrink:0;padding:0;outline:none;text-decoration:none;position:relative}.font-btn,.font-btn:before{background:var(--guardian-brand-main);border-radius:50%}.font-btn:before{content:"";position:absolute;inset:0;transition:transform .15s ease;z-index:0}[data-theme=dark] .font-btn:before{background:#c70000}.font-btn svg{display:block!important;fill:#fff!important;pointer-events:none;position:relative;z-index:1}.font-btn:focus,.font-btn:focus-visible{outline:none;text-decoration:none;box-shadow:none}[data-theme=dark] .font-btn{background:#c70000}.font-btn:hover:not(:disabled):before{transform:scale(1.1)}.font-btn:hover:not(:disabled){box-shadow:0 1px 3px rgba(0,0,0,.12)}.font-btn:active:not(:disabled):before{transform:scale(.95)}.font-btn:disabled{opacity:.3;cursor:not-allowed}.font-slider-mini{width:70px;height:3px;background:var(--guardian-neutral-86);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme=dark] .font-slider-mini{background:var(--guardian-neutral-46)}.font-slider-mini::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--guardian-brand-main);border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:2px solid var(--guardian-neutral-100);box-shadow:0 1px 3px rgba(0,0,0,.1)}.font-slider-mini::-moz-range-thumb{width:14px;height:14px;background:var(--guardian-brand-main);border-radius:50%;cursor:pointer;border:2px solid var(--guardian-neutral-100);-moz-transition:all .2s ease;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}[data-theme=dark] .font-slider-mini::-webkit-slider-thumb{background:#c70000;border-color:#fff}[data-theme=dark] .font-slider-mini::-moz-range-thumb{background:#c70000;border-color:#fff}.font-slider-mini:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,.15)}.font-slider-mini:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,.15)}.font-size-mini>svg{color:var(--guardian-neutral-46);flex-shrink:0;display:none}[data-theme=dark] .font-size-mini svg{color:var(--guardian-neutral-86)}.font-size-mini:hover{background:var(--guardian-neutral-93);border-color:var(--guardian-brand-main)}[data-theme=dark] .font-size-mini:hover{background:var(--guardian-neutral-46);border-color:#c70000}.font-slider-mini:focus{outline:none}.font-slider-mini:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(5,41,98,.2)}.font-slider-mini:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(5,41,98,.2)}[data-theme=dark] .font-slider-mini:focus::-moz-range-thumb,[data-theme=dark] .font-slider-mini:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(199,0,0,.3)}@media (max-width:768px){.font-size-mini{gap:6px;padding:4px 8px;margin:12px 0;height:32px}.font-btn{width:20px;height:20px}.font-slider-mini{width:60px;height:3px}.font-slider-mini::-webkit-slider-thumb{width:12px;height:12px}.font-slider-mini::-moz-range-thumb{width:12px;height:12px}}