/* KAI137: minimal site-neutral SSEO article widgets; content visible without JavaScript. */
.sseo-interactive {
  margin: 1.5em 0;
  padding: clamp(14px,2.5vw,24px);
  border: 1px solid #d9dfe6;
  border-radius: 12px;
  background: #fafbfd;
  color: inherit;
  font: inherit;
  max-width: 100%;
  box-sizing: border-box;
}
.sseo-interactive *, .sseo-interactive *::before, .sseo-interactive *::after { box-sizing: border-box; }
.sseo-interactive [hidden] { display: none !important; }
.sseo-interactive .sseo-i-options { display:flex; flex-wrap:wrap; gap:10px; margin:1em 0; }
.sseo-interactive button[type="button"] {
  display:inline-block; min-height:44px; padding:10px 16px;
  border:1px solid #8894a5; border-radius:8px;
  background:#fff; color:#273443; cursor:pointer; font:inherit; font-weight:650;
}
.sseo-interactive button[type="button"][aria-pressed="true"] {
  background:#274d77; color:#fff; border-color:#274d77;
}
.sseo-interactive button[type="button"]:focus-visible,
.sseo-interactive input:focus-visible,
.sseo-interactive summary:focus-visible {
  outline:3px solid #f5b844; outline-offset:3px;
}
.sseo-interactive .sseo-i-panel {
  border-top:1px solid #dde3e9;
  padding-top:12px;
}
.sseo-interactive [data-sseo-question] { margin:12px 0; border:1px solid #dce2ea; border-radius:8px; padding:12px 16px; }
.sseo-interactive [data-sseo-question] legend { font-weight:700; padding:0 6px; }
.sseo-interactive [data-sseo-question] label,
.sseo-interactive[data-sseo-widget="checklist"] label { display:block; margin:8px 0; line-height:1.65; cursor:pointer; }
.sseo-interactive input[type="checkbox"],
.sseo-interactive input[type="radio"] { width:1.1em; height:1.1em; margin:0 8px 0 0; vertical-align:-2px; accent-color:#274d77; }
.sseo-interactive [data-sseo-result] { margin-top:12px; padding:12px 16px; border-left:4px solid #527a9d; background:#fff; }
.sseo-interactive [data-sseo-status] { margin:10px 0; min-height:1em; }
.sseo-interactive [data-sseo-progress] { display:block; font-weight:700; margin:12px 0 0; }
.sseo-interactive details { margin:8px 0; padding:12px 16px; border:1px solid #dce2ea; border-radius:8px; background:#fff; }
.sseo-interactive summary { cursor:pointer; font-weight:700; }
.sseo-interactive details[open] summary { margin-bottom:12px; }
@media (max-width:600px) {
  .sseo-interactive { padding:14px; }
  .sseo-interactive .sseo-i-options { display:grid; grid-template-columns:1fr 1fr; }
  .sseo-interactive .sseo-i-options button { width:100%; padding:10px 6px; }
}
@media (prefers-reduced-motion:reduce) {
  .sseo-interactive *, .sseo-interactive *::before, .sseo-interactive *::after { animation:none!important; transition:none!important; }
}