#mk-a11y-trigger,#mk-a11y-panel,#mk-a11y-panel * { box-sizing:border-box; letter-spacing:0; word-spacing:normal; filter:none; }
#mk-a11y-trigger { position:fixed; bottom:20px; left:20px; width:66px; height:66px; display:flex; align-items:center; justify-content:center; padding:0; border:2px solid #af625d; border-radius:50%; background:#fffdfb; box-shadow:0 4px 16px #402d2929; cursor:pointer; z-index:10001; }
.cookie-banner-visible #mk-a11y-trigger { bottom:calc(var(--cookie-banner-height,380px) + 10px); }
.mk-trigger-logo { width:44px; height:44px; border-radius:50%; }
.mk-trigger-symbol { position:absolute; right:-4px; bottom:-4px; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#f4e4df; border:1px solid #af625d; }
.mk-trigger-symbol .mk-icon { width:18px; height:18px; }
.mk-trigger-tooltip { position:absolute; left:calc(100% + 12px); background:#3f5745; color:white; padding:8px 12px; border-radius:4px; white-space:nowrap; font:500 13px/1.4 Inter,Arial,sans-serif; visibility:hidden; opacity:0; }
#mk-a11y-trigger:hover .mk-trigger-tooltip,#mk-a11y-trigger:focus-visible .mk-trigger-tooltip { opacity:1; visibility:visible; }
#mk-a11y-panel { position:fixed; inset:auto auto 20px 20px; margin:0; width:420px; max-width:calc(100vw - 40px); max-height:calc(100dvh - 40px); padding:0; border:1px solid #d6a7a7; border-radius:8px; background:#fffdfb; color:#3c3532; overflow:hidden; box-shadow:0 20px 60px #24191540; font:400 14px/1.5 Inter,Arial,sans-serif; z-index:10003; }
#mk-a11y-panel[open] { display:flex; flex-direction:column; }
#mk-a11y-panel::backdrop { background:#30231d55; }
#mk-a11y-panel :is(button,a) { font:600 13px/1.4 Inter,Arial,sans-serif; letter-spacing:0; text-transform:none; }
#mk-a11y-panel button { cursor:pointer; min-width:44px; min-height:44px; border:1px solid #d9c6c0; border-radius:4px; background:#fffdfb; color:#3c3532; padding:10px; box-shadow:none; }
#mk-a11y-panel button:hover:not(:disabled) { border-color:#98514b; background:#f9efeb; }
#mk-a11y-panel :is(button,a):focus-visible,#mk-a11y-trigger:focus-visible { outline:3px solid #3f5745; outline-offset:3px; }
.mk-panel-header { flex:none; display:grid; grid-template-columns:50px 1fr 44px; gap:12px; align-items:center; padding:18px; background:#f7ebe7; border-bottom:1px solid #dfc9c1; }
.mk-panel-logo { width:50px; height:50px; border-radius:50%; }
#mk-a11y-panel .mk-panel-header p { font:500 12px/1.3 Inter,Arial,sans-serif; color:#85473f; margin:0 0 3px; }
#mk-a11y-panel h2 { font:600 25px/1.1 "Cormorant Garamond",Georgia,serif; margin:0; text-wrap:balance; }
.mk-panel-header button { display:grid; place-items:center; padding:0 !important; background:transparent !important; }
.mk-icon { display:block; width:22px; height:22px; flex:none; }
.mk-panel-body { min-height:0; flex:1; overflow-y:auto; overscroll-behavior:contain; padding:20px 18px; }
#mk-a11y-panel section { margin:0; padding:0; background:none; }
#mk-a11y-panel section + section { margin-top:24px; }
#mk-a11y-panel h3 { font:600 12px/1.4 Inter,Arial,sans-serif; color:#6e5750; margin:0 0 12px; }
.mk-profiles,.mk-tools-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.mk-profiles button { display:flex; align-items:center; gap:10px; text-align:left; min-height:62px !important; }
.mk-profiles .mk-icon { transition:transform .18s ease; }
.mk-profiles button:hover .mk-icon,.mk-profiles button[aria-pressed="true"] .mk-icon { transform:translateY(-2px); }
#mk-a11y-panel button[aria-pressed="true"] { background:#f2ddd6; border-color:#98514b; box-shadow:inset 0 0 0 1px #98514b; }
.mk-tool { display:grid; grid-template-columns:24px 1fr; grid-template-rows:1fr auto; align-items:center; column-gap:8px; text-align:left; min-height:74px !important; }
.mk-tool .mk-icon { grid-row:1/3; }
.mk-tool-state { grid-column:2; font:400 11px/1.4 Inter,Arial,sans-serif; color:#71645f; }
.mk-stepper { display:grid; grid-template-columns:22px minmax(0,1fr) 154px; gap:8px; align-items:center; padding:12px; border:1px solid #dfd0ca; border-radius:4px; margin-bottom:10px; font:500 13px/1.4 Inter,Arial,sans-serif; }
.mk-stepper-controls { display:grid; grid-template-columns:44px minmax(50px,1fr) 44px; gap:8px; align-items:center; }
#mk-a11y-panel .mk-stepper-controls button { display:grid; place-items:center; padding:0; width:44px; height:44px; }
#mk-a11y-panel button:disabled { opacity:.4; cursor:default; }
.mk-stepper-controls output { text-align:center; font:600 14px/1.4 Inter,Arial,sans-serif; }
.mk-panel-footer { flex:none; display:grid; grid-template-columns:1fr; gap:10px; padding:14px 18px; border-top:1px solid #dfc9c1; background:#fffdfb; }
#mk-a11y-panel .mk-panel-footer button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; }
.mk-panel-footer a { min-height:32px; color:#405b45; text-align:center; text-decoration:underline; text-underline-offset:4px; display:grid; place-items:center; }
#mk-a11y-panel .mk-save-status { margin:0; min-height:16px; font:400 11px/1.4 Inter,Arial,sans-serif; color:#71645f; text-align:center; }
#mk-reading-line,#mk-reading-mask-top,#mk-reading-mask-bottom { position:fixed; left:0; right:0; pointer-events:none; z-index:9990; }
#mk-reading-line { height:4px; background:#9b4741; box-shadow:0 0 0 1px white; }
#mk-reading-mask-top { top:0; background:#1c171bcc; }
#mk-reading-mask-bottom { bottom:0; background:#1c171bcc; }
#mk-reading-line[hidden],#mk-reading-mask-top[hidden],#mk-reading-mask-bottom[hidden] { display:none; }
body.mk-a11y-open { overflow:hidden; }
@media(max-width:600px) { #mk-a11y-trigger { width:60px; height:60px; bottom:16px; left:16px; } #mk-a11y-panel { inset:0; margin:0; width:100%; max-width:none; height:100dvh; max-height:100dvh; border:0; border-radius:0; } .mk-panel-footer { padding-bottom:calc(14px + env(safe-area-inset-bottom)); } }
@media(prefers-reduced-motion:reduce) { .mk-profiles .mk-icon { transition:none; transform:none !important; } }