.mk-article-poll { --mk-poll-accent:#83865a; --mk-poll-blue:#287a9d; box-sizing:border-box; position:relative; width:298px; max-width:100%; margin:1.2rem auto; padding:16px 11px 13px; border:1px solid #878a71; border-radius:8px; background-image:url('meter-metal.svg'),linear-gradient(135deg,#484a3a,#35372c 50%,#414335); background-size:160px 160px,100% 100%; color:#f4f1e4; box-shadow:inset 0 0 0 1px #24271e,inset 0 0 0 2px #6d705a,inset 0 3px 5px #b0b09633,inset 0 -3px 5px #11170e99,0 3px 5px #0004; font:12px/1.4 Arial,Helvetica,sans-serif; text-align:center; }
.mk-article-poll *, .mk-article-poll *::before, .mk-article-poll *::after { box-sizing:border-box; }
.mk-article-poll.mk-poll-in-text { float:right; margin:4px 0 18px 22px; }
.mk-article-poll [hidden] { display:none !important; }
.mk-article-poll p { width:auto; max-width:none; border:0; background:none; letter-spacing:normal !important; text-transform:none !important; font-family:Arial,Helvetica,sans-serif !important; font-style:normal !important; }
.mk-article-poll .mk-poll-screw { position:absolute; width:12px; height:12px; border:1px solid #12170f; border-radius:50%; background:radial-gradient(circle at 33% 25%,#999b83,#4b4e3e 42%,#20251b 78%); box-shadow:0 1px 0 #a9ae8555,inset 0 0 0 1px #75796388; pointer-events:none; }
.mk-article-poll .mk-poll-screw::after, .mk-article-poll .mk-poll-screw::before { content:''; position:absolute; left:2px; top:4px; width:6px; height:1px; background:#12160e; transform:rotate(-45deg); box-shadow:0 1px 0 #b4b69a44; }
.mk-article-poll .mk-poll-screw::before { transform:rotate(45deg); }
.mk-article-poll .mk-poll-screw-tl { top:6px; left:6px; }
.mk-article-poll .mk-poll-screw-tr { top:6px; right:6px; }
.mk-article-poll .mk-poll-screw-bl { bottom:6px; left:6px; }
.mk-article-poll .mk-poll-screw-br { bottom:6px; right:6px; }
.mk-article-poll .mk-poll-kicker { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 15px 7px !important; padding:0; color:#d5d6ac; font:600 10px/1.3 Arial,Helvetica,sans-serif !important; letter-spacing:.04em !important; text-transform:uppercase !important; text-align:left; text-shadow:0 1px 1px #0008; }
.mk-article-poll .mk-poll-kicker::after { content:''; width:8px; height:8px; flex:0 0 8px; border:1px solid #5e3911; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff1ba,#e5ad3e 50%,#976522); box-shadow:0 0 0 2px #151a14,0 0 5px #d6a73b66; }
.mk-article-poll .mk-poll-question { margin:0 15px 9px !important; padding:0; border:0; background:none; color:#fbfaf0; font:700 14px/1.3 Arial,Helvetica,sans-serif !important; letter-spacing:normal !important; text-transform:none !important; text-align:left; text-shadow:0 1px 1px #0008; overflow-wrap:anywhere; }
.mk-article-poll .mk-poll-form { width:auto; max-width:none; margin:0; padding:0; }
.mk-article-poll .mk-poll-gauge { position:relative; width:100%; max-width:100%; margin:0 auto 12px; padding:10px 6px 7px; border:2px solid #1b2016; border-radius:5px; background:linear-gradient(115deg,#fffdf433,transparent 50%),radial-gradient(ellipse at 50% 63%,#faf5df 35%,#e8e1c5 78%,#c8bea0); color:#282b22; box-shadow:0 0 0 1px #888971,inset 0 2px 8px #61583d88,inset 0 0 3px #4d452e88,0 2px 1px #c6c6aa33; }
.mk-article-poll .mk-poll-dial { display:block; width:100%; height:auto; overflow:visible; cursor:grab; touch-action:none; }
.mk-article-poll .mk-poll-dial:active { cursor:grabbing; }
.mk-article-poll .mk-poll-dial-locked { cursor:default; touch-action:auto; }
.mk-article-poll .mk-poll-ticks line { stroke:#24291e; stroke-linecap:butt; }
.mk-article-poll .mk-poll-tick-major { stroke-width:1.8; }
.mk-article-poll .mk-poll-tick-minor { stroke-width:1; }
.mk-article-poll .mk-poll-numbers text { fill:#22251c; font:400 16px/1 Arial,Helvetica,sans-serif; text-anchor:middle; }
.mk-article-poll .mk-poll-needle-shadow { stroke:#39311c66; stroke-width:5; stroke-linecap:round; }
.mk-article-poll .mk-poll-needle-body { stroke:#875617; stroke-width:.8; }
.mk-article-poll .mk-poll-needle-glint { stroke:#ffe4a0; stroke-width:.8; stroke-linecap:round; }
.mk-article-poll .mk-poll-pivot-shadow { fill:#25251b55; }
.mk-article-poll .mk-poll-pivot { stroke:#a7a590; stroke-width:1.3; }
.mk-article-poll .mk-poll-pivot-core { fill:#121811; stroke:#4d5543; stroke-width:1; }
.mk-article-poll .mk-poll-community path { fill:var(--mk-poll-blue); stroke:#f5f0da; stroke-width:1; }
.mk-article-poll .mk-poll-position { position:absolute; width:1px; height:1px; padding:0; margin:-1px !important; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; font:600 10px/1.3 Arial,Helvetica,sans-serif !important; }
.mk-article-poll .mk-poll-range-label, .mk-article-poll .mk-poll-range { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
.mk-article-poll .mk-poll-range:focus { position:absolute; left:8px; right:8px; bottom:26px; z-index:2; width:calc(100% - 16px); height:24px; margin:0; overflow:visible; clip:auto; clip-path:none; accent-color:#c6963c; background:#f6f0d8; cursor:pointer; }
.mk-article-poll:focus-within { outline:2px solid var(--mk-poll-blue); outline-offset:3px; }
.mk-article-poll .mk-poll-labels { position:relative; display:flex; align-items:flex-end; justify-content:space-between; gap:35px; margin:-18px 2px 0; color:#282b20; font:400 11.5px/1.3 Arial,Helvetica,sans-serif; }
.mk-article-poll .mk-poll-labels span { max-width:47%; font:inherit !important; overflow-wrap:anywhere; }
.mk-article-poll .mk-poll-labels span:first-child { text-align:left; }
.mk-article-poll .mk-poll-labels span:last-child { text-align:right; }
.mk-article-poll .mk-poll-instruction { margin:0 !important; padding:0; color:#d0d4b8; font:400 10px/1.4 Arial,Helvetica,sans-serif !important; text-align:center; }
.mk-article-poll .mk-poll-actions { display:flex; align-items:center; justify-content:center; gap:12px; height:36px; margin:0 17px; }
.mk-article-poll button { height:auto; min-height:0; margin:0; text-transform:none; letter-spacing:normal; cursor:pointer; }
.mk-article-poll button:focus-visible { outline:2px solid #8ec9df; outline-offset:3px; }
.mk-article-poll .mk-poll-submit { flex:1 1 0; min-width:0; width:auto; height:36px; white-space:nowrap; padding:8px 10px; border:1px solid #a5a77b; border-radius:4px; background:linear-gradient(#888b5c,#656b3f); color:#fffbed; box-shadow:0 0 0 1px #181e13,0 2px 3px #0006,inset 0 1px 0 #e6e9b366,inset 0 -1px 0 #404627; font:700 13px/1.3 Arial,Helvetica,sans-serif !important; text-shadow:0 1px 1px #0008; }
.mk-article-poll .mk-poll-submit:hover:enabled { background:linear-gradient(#969b67,#747c4e); }
.mk-article-poll .mk-poll-submit:active:enabled { background:#626a3e; box-shadow:inset 0 2px 3px #0005; }
.mk-article-poll .mk-poll-submit:disabled { filter:saturate(.75); cursor:default; }
.mk-article-poll .mk-poll-results-button { flex:0 0 auto; width:auto; padding:3px 0 3px 10px; border:0; border-left:1px solid #8a9072; border-radius:0; background:transparent; color:#e5e8d4; box-shadow:none; font:400 10px/1.4 Arial,Helvetica,sans-serif !important; text-decoration:underline; text-underline-offset:2px; }
.mk-article-poll .mk-poll-feedback { margin:0 !important; padding:0; color:#ffce9b; font:600 11px/1.4 Arial,Helvetica,sans-serif !important; text-align:left; }
.mk-article-poll .mk-poll-feedback:empty { display:none; }
.mk-article-poll .mk-poll-results { width:100%; margin:0; padding:0; border:0; }
.mk-article-poll .mk-poll-result-summary { margin:0 0 4px !important; padding:0; color:#f6f3df; font:700 12px/1.4 Arial,Helvetica,sans-serif !important; text-align:center; }
.mk-article-poll .mk-poll-result-note { margin:0 !important; padding:0; color:#d0d4b8; font:400 10px/1.4 Arial,Helvetica,sans-serif !important; text-align:center; }
.mk-article-poll noscript p { margin:0 5px !important; color:#f6f3df; font:400 12px/1.4 Arial,Helvetica,sans-serif !important; }
.mk-content-has-poll > .mk-poll-clear { display:block; clear:both; height:0; margin:0; padding:0; border:0; }
.mk-content-has-poll > iframe, .mk-content-has-poll > video, .mk-content-has-poll > .video-wrapper { display:block; clear:both; max-width:100%; }
.mk-content-has-poll > figure, .mk-content-has-poll > table { clear:both; }
@media (max-width:1000px) { .mk-article-poll.mk-poll-in-text { float:none; width:298px; max-width:100%; margin:18px auto; } }
.mk-article-poll .mk-poll-baselines { display:none !important; }

/* Ein gemeinsamer fester Platz für Hinweis, Ergebnis und Fehler. */
.mk-article-poll .mk-poll-console { margin:0; padding:0; }
.mk-article-poll .mk-poll-message-area { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); align-items:center; height:48px; margin:9px 4px 0; padding:8px 0 0; border-top:1px solid #7c8364; overflow:hidden; }
.mk-article-poll .mk-poll-message-area > * { grid-area:1 / 1; min-height:0; max-height:100%; overflow:auto; overflow-wrap:anywhere; scrollbar-width:thin; }
.mk-article-poll .mk-poll-results-button:disabled { opacity:.65; cursor:default; }

/* Punktesäulen liegen im vorhandenen Skalenfenster, ohne zusätzliche Höhe. */
.mk-article-poll .mk-poll-distribution circle { fill:#b77b37; }
.mk-article-poll .mk-poll-distribution-description { position:absolute; width:1px; height:1px; padding:0; margin:-1px !important; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); }

.mk-article-poll .mk-poll-result-note { white-space:pre-line; }

/* Positionsabhängige Helligkeit bei gleichbleibender Strichstärke. */
.mk-article-poll .mk-poll-labels span {
    color:var(--mk-label-color, rgb(70, 73, 59)) !important;
    text-shadow:none !important;
}

/* Endpunkttexte sind bedienbar und behalten ihre bisherigen Textmaße. */
.mk-article-poll .mk-poll-labels .mk-poll-endpoint {
    display:block; width:100%; min-width:24px; min-height:24px; height:auto;
    padding:0; margin:0; border:0; border-radius:2px; background:none; box-shadow:none;
    color:var(--mk-label-color, rgb(70, 73, 59)) !important;
    font:inherit !important; text-align:inherit; white-space:normal;
    overflow-wrap:anywhere; text-shadow:none !important; touch-action:manipulation;
}
.mk-article-poll .mk-poll-endpoint:disabled { opacity:1; cursor:default; }
.mk-article-poll .mk-poll-bin-inspected circle { fill:#6c461d; stroke:#4c351c; stroke-width:.75; opacity:1; }
.mk-article-poll .mk-poll-bin-own circle { stroke:#e1b447; stroke-width:1.5; paint-order:stroke fill; }
.mk-article-poll .mk-poll-message-area { padding-top:4px; }
.mk-article-poll .mk-poll-result-summary { margin-bottom:2px !important; }
.mk-article-poll .mk-poll-bin-summary { margin:0 !important; color:#f6f3df; font:700 11px/1.3 Arial,Helvetica,sans-serif !important; text-align:center; }

/* Kleine passive Detailanzeige; Ergebnis und Auswahl bleiben sichtbar. */
.mk-article-poll .mk-poll-bin-tooltip { position:absolute; top:7px; left:6px; right:6px; z-index:4; padding:6px 7px; border:1px solid #a2a78a; border-radius:4px; background:#30372a; color:#f5f3e3; box-shadow:0 2px 5px #0004; pointer-events:none; }
.mk-article-poll .mk-poll-bin-note { margin:2px 0 0 !important; color:#e1ca88; font:400 10px/1.3 Arial,Helvetica,sans-serif !important; text-align:center; }
