.reaction-guide{margin:30px 0;padding:27px 30px;background:linear-gradient(115deg,#241e17,#171b1e 70%);border:1px solid #64503a;border-left:4px solid #f5ae62;color:#f6f0e7}.reaction-kicker{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#ffc27c}.reaction-guide h2{font-size:clamp(28px,3.4vw,40px);line-height:1.08;margin:12px 0}.reaction-guide p{font-size:15px;line-height:1.6;margin:10px 0;color:#ddd5c9}.reaction-key{display:flex;flex-wrap:wrap;gap:12px 24px;margin:21px 0}.reaction-key>span{font-size:15px;line-height:1.6}.reaction-key .dig-key{color:#ffd18c}.reaction-guide p.reaction-joke{font-size:14px;color:#f1bd85}.reaction-guide p.reaction-preview{font-size:12px;color:#bfc5c9;border-top:1px solid #4a443a;padding-top:15px;margin-bottom:0}.reaction-label{font-size:10px!important;font-weight:700;letter-spacing:1.5px;color:#ffc27c!important;margin:20px 0 10px!important}.reaction-buttons{display:flex;flex-wrap:wrap;gap:8px}.reaction-buttons button{font:600 13px/1.4 Arial,sans-serif;min-height:46px;padding:10px 12px;color:#f6f0e7;background:#101417;border:1px solid #5e666c;border-radius:5px;cursor:pointer}.reaction-buttons button span{font-size:19px;vertical-align:middle}.reaction-buttons button:hover{border-color:#ffbd73;background:#27231d}.reaction-buttons button[aria-pressed=true]{border-color:#ffd18c;background:#463322;color:#fff1d7;box-shadow:inset 0 0 0 1px #ffd18c}.reaction-buttons button:focus-visible{outline:3px solid #ffca84;outline-offset:3px}.reaction-status{font-size:12px!important;line-height:1.5!important;color:#b9c2ca!important;margin:10px 0 0!important}.story-copy .reaction-guide{padding:23px}.story-copy .reaction-guide h2{font-size:32px}@media(max-width:600px){.reaction-guide{padding:22px 19px}.reaction-key{display:grid;gap:10px}.reaction-buttons button{flex:1 1 135px}.reaction-guide h2{font-size:31px}}
/* Keep the explainer compact on story pages as well as in the homepage sidebar. */
.reaction-guide{padding:18px 20px;margin:22px 0;border-left-width:3px}.reaction-guide h2{font-size:24px;line-height:1.08}.reaction-guide p{font-size:13px;line-height:1.5}.reaction-key{gap:7px 18px;margin:13px 0}.reaction-key>span{font-size:13px}.reaction-guide p.reaction-joke{font-size:12px}.reaction-guide p.reaction-preview{font-size:11px;padding-top:10px}.story-copy .reaction-guide{padding:18px 20px}.story-copy .reaction-guide h2{font-size:24px}