.hsmk{display:flex;justify-content:flex-end;width:100%;box-sizing:border-box;position:relative;line-height:1}
.hsmk .hsmk-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:36px;padding:7px 11px;border:1px solid #cbd0d4;border-radius:12px;background:#f0f1f2;color:#414950;font:500 15px/20px system-ui,-apple-system,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:none;transition:background .15s}
.hsmk .hsmk-button:hover{background:#e3e6e8;color:#252c31;border-color:#aeb6bc}
.hsmk .hsmk-button:focus-visible{outline:3px solid #4dadd9;outline-offset:3px}
.hsmk-button svg{flex:none}
.hsmk-status{position:absolute;bottom:calc(100% + 8px);right:0;z-index:10;white-space:nowrap;font:13px/1.4 system-ui,sans-serif;color:#fff;background:#1d2b34;border-radius:7px;padding:6px 9px;box-shadow:0 2px 8px #0002}
.hsmk-status:empty{display:none}
.hsmk-fallback{position:fixed;inset:10%;z-index:100000;background:#fff;color:#18232b;padding:24px;border:2px solid #50616b;border-radius:12px;box-shadow:0 8px 50px #0008;font:16px/1.5 system-ui,sans-serif}
.hsmk-fallback textarea{display:block;box-sizing:border-box;width:100%;height:65%;margin:12px 0;font:14px/1.4 monospace}

/* GenerateBlocks: Datumszeile im Beitragskopf von horstschulte.com. */
.gb-container-d909e043.hs-meta:has(> .hsmk){display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;}
.gb-container-d909e043.hs-meta:has(> .hsmk) > p{margin-top:0;margin-bottom:0;}
.gb-container-d909e043.hs-meta > .hsmk{display:inline-flex;flex:0 0 auto;width:auto;margin-left:auto;align-self:center;}

/* Sofort sichtbarer Hinweis, ohne Wartezeit des Browser-Tooltips. */
.hsmk-tooltip{position:absolute;bottom:calc(100% + 8px);right:0;z-index:20;box-sizing:border-box;width:max-content;max-width:min(260px,calc(100vw - 32px));padding:7px 11px;border:1px solid #50616b;border-radius:10px;background:#20303a;color:#dce7ed;font:400 14px/1.4 system-ui,-apple-system,sans-serif;text-align:left;white-space:normal;pointer-events:none;visibility:hidden;opacity:0;}
.hsmk-tooltip::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px;}
@media (hover:hover){.hsmk:has(.hsmk-button:hover) .hsmk-tooltip,.hsmk-tooltip:hover{visibility:visible;opacity:1;pointer-events:auto;}}
.hsmk:has(.hsmk-button:focus-visible) .hsmk-tooltip{visibility:visible;opacity:1;pointer-events:auto;}
.hsmk.hsmk-tooltip-dismissed .hsmk-tooltip,.hsmk:has(.hsmk-status:not(:empty)) .hsmk-tooltip{visibility:hidden;opacity:0;pointer-events:none;}