/* Content engagement detail controls. */
.moke-engagement{min-width:0}.moke-engagement-inner{display:flex;align-items:center;gap:7px;min-height:44px}.moke-engagement-label{margin-right:3px;color:rgba(222,219,200,.35);font:700 8px/1 "JetBrains Mono",monospace;letter-spacing:.14em}.moke-engagement button{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:0 5px;align-items:center;min-width:72px;padding:7px 10px;border:1px solid rgba(222,219,200,.14);border-radius:999px;background:rgba(222,219,200,.035);color:rgba(222,219,200,.72);cursor:pointer;transition:.18s ease}.moke-engagement button:not(:disabled):hover{border-color:rgba(222,219,200,.38);background:rgba(222,219,200,.09);transform:translateY(-1px)}.moke-engagement button:disabled{cursor:default}.moke-engagement button i{grid-row:1/3;color:#b70000;font-style:normal;font-size:13px}.moke-engagement button b{font:700 11px/1 "JetBrains Mono",monospace;text-align:left}.moke-engagement button small{color:rgba(222,219,200,.4);font-size:8px;text-align:left}.moke-engagement button.active{border-color:rgba(183,0,0,.55);background:rgba(183,0,0,.1);color:#fff}.moke-engagement button.active i{color:#e45050}.moke-engagement-feedback{max-width:180px;color:rgba(222,219,200,.55);font-size:9px}.moke-engagement-feedback.error{color:#e97c7c}@media(max-width:700px){.moke-engagement-inner{flex-wrap:wrap}.moke-engagement-label{width:100%}.moke-engagement button{flex:1;min-width:68px}.moke-engagement-feedback{width:100%;max-width:none}}

/* Detail engagement controls must remain readable on either page theme. */
.moke-engagement .moke-engagement-label{color:#aaa99d}
.moke-engagement button small{color:#b8b6aa}
.moke-engagement .moke-engagement-feedback{color:#b8b6aa}
html[data-theme="light"] .moke-engagement .moke-engagement-label{color:#55554b}
html[data-theme="light"] .moke-engagement button{color:#24241e;background:#eeede6;border-color:#9b998b;opacity:1}
html[data-theme="light"] .moke-engagement button b{color:#24241e}
html[data-theme="light"] .moke-engagement button small,html[data-theme="light"] .moke-engagement .moke-engagement-feedback{color:#55554b}
html[data-theme="light"] .moke-engagement button.active{color:#24241e;background:#f5dedc;border-color:#a62a2a}
html[data-theme="light"] .moke-engagement button.active i{color:#a62a2a}
html[data-theme="light"] .moke-engagement button:not(:disabled):hover{background:#e2e1d8;border-color:#67655d}
html[data-theme="light"] .moke-engagement .moke-engagement-feedback.error{color:#a62a2a}
.moke-engagement button:focus-visible{outline:2px solid #c52a36;outline-offset:3px}

.moke-engagement .moke-engagement-label{font-size:10px}.moke-engagement button small{font-size:11px;line-height:1.3}.moke-engagement button b{font-size:12px}.moke-engagement .moke-engagement-feedback{font-size:11px}