/* SM Piękna — panel ułatwień dostępu */
.smp-a11y {
  position: fixed;
  top: 80px;
  right: 16px;
  z-index: 9100;
  background: #fff;
  color: #1a2530;
  border: 1px solid var(--rule, #d9d3c4);
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
  width: 280px;
  font-family: "Atkinson Hyperlegible", Verdana, Tahoma, system-ui, sans-serif;
  letter-spacing: 0.01em;
}
.smp-a11y[hidden] { display: none; }
.smp-a11y-head { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border-bottom: 1px solid var(--rule-soft, #e6e1d3); }
.smp-a11y-head h2 { font-family: "Atkinson Hyperlegible", Verdana, Tahoma, system-ui, sans-serif; font-weight: 700; font-size: 17px; margin: 0; letter-spacing: -0.005em; }
.smp-a11y-close { font-size: 22px; color: #6b7682; }
.smp-a11y-body { padding: 12px; display: grid; gap: 8px; }

.smp-a11y-opt {
  display: flex; align-items: center; gap: 10px;
  width: 100%; text-align: left;
  padding: 12px 14px;
  border: 1px solid var(--rule-soft, #e6e1d3);
  border-radius: 8px;
  font-size: 14px; font-weight: 500; color: #1a2530;
  background: #fff;
}
.smp-a11y-opt:hover { background: var(--bg-warm, #ebe6db); }
.smp-a11y-opt.is-active { background: var(--primary, #1a3a52); color: #fff; border-color: var(--primary, #1a3a52); }
.smp-a11y-icon { width: 22px; height: 22px; display: grid; place-items: center; font-size: 16px; }

.smp-a11y-fonts { padding: 10px 14px; border: 1px solid var(--rule-soft, #e6e1d3); border-radius: 8px; }
.smp-a11y-fonts > span { display: block; font-size: 13px; color: #6b7682; margin-bottom: 8px; }
.smp-a11y-font-controls { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
.smp-a11y-font-controls button { padding: 8px 0; border: 1px solid var(--rule, #d9d3c4); border-radius: 6px; font-weight: 600; }
.smp-a11y-font-controls button:hover { background: var(--bg-warm, #ebe6db); }

.smp-a11y-reset { color: var(--error, #a83232); border-color: rgba(168,50,50,.3); }
@media (max-width: 600px) {
  .smp-a11y { left: 10px; right: 10px; width: auto; }
}

/* Wstrzykiwane przez JS po wybraniu opcji */
html.smp-font-large { font-size: 112.5%; }
html.smp-font-xl    { font-size: 125%; }
html.smp-font-xxl   { font-size: 137.5%; }
html.smp-font-small { font-size: 93.75%; }