.article-exclusion-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 18px;padding:13px 15px;border:1px solid #dfe7d9;border-radius:7px;background:#f6f9f2}
.article-exclusion-controls p{margin:0;font-size:11px;line-height:1.9;color:#74836b}
.article-exclusion-controls button{flex-shrink:0;min-height:36px}
.article-exclusion-controls [aria-pressed=true]{background:#e4ecdd;border-color:#b6c9a7;color:#3d623b}
.article-exclusion-row{display:flex;justify-content:flex-end;border-top:1px solid #eff2e9;margin-top:10px;padding-top:5px}
.article-exclusion-row button{border:0;background:none;font:11px/1.6 var(--sans);color:#7b8874;min-height:36px;padding:7px 0 7px 12px;text-underline-offset:4px}
.article-exclusion-row button:hover{text-decoration:underline;color:#365c36}
.article-exclusion-row button[data-exclude=false]{font-weight:600;color:#386344}
.selected-item .remove-item{font:11px/1.5 var(--sans);padding:5px 8px;min-height:32px;border:1px solid #dfe7d9;border-radius:5px;color:#6d7e62;background:#f8faf5}
.order-remove{display:block;margin:7px 0 0 auto;border:1px solid #dce5d4;border-radius:5px;padding:7px 12px;min-height:36px;background:#f7f9f3;color:#667e57;font:11px/1.8 var(--sans)}
.order-remove:hover,.selected-item .remove-item:hover{background:#eaf0e3;color:#365d35;border-color:#abc39c}
.order-buttons button{width:30px;height:32px;font-size:13px}
.article-exclusion-controls button:focus-visible,.article-exclusion-row button:focus-visible,.order-remove:focus-visible,.selected-item .remove-item:focus-visible{outline:2px solid #426c3c;outline-offset:3px}
@media(max-width:720px){.article-exclusion-controls{align-items:flex-start;flex-direction:column;gap:10px}.article-exclusion-controls p{font-size:12px}.article-exclusion-controls button,.article-exclusion-row button,.selected-item .remove-item,.order-remove{min-height:44px;font-size:12px}.selected-item{align-items:center}.order-buttons button{width:34px;height:36px}}