/* Native controls complement the styling preserved from the published site. */
.image-preview { padding: 0; background: transparent; color: inherit; font: inherit; text-align: inherit; }
.image-preview:focus-visible, summary:focus-visible, a:focus-visible { outline: 3px solid #3343d8; outline-offset: 5px; }
.image-dialog { position: fixed; inset: 0; width: fit-content; max-width: 95vw; max-height: 95dvh; margin: auto; padding: 2.5rem .5rem .5rem; border: 0; border-radius: 12px; background: #fff; overflow: auto; }
.image-dialog::backdrop { background: rgb(0 0 0 / 85%); }
.image-dialog > img { display: block; max-width: 90vw; max-height: calc(90dvh - 3rem); width: auto; height: auto; object-fit: contain; }
.image-dialog-close { position: absolute; top: 0; right: .3rem; width: 2.5rem; height: 2.5rem; font-size: 2rem; line-height: 1; cursor: pointer; }
.feature-detail { flex: 1; }
.feature-detail summary { display: inline; font-weight: 600; pointer-events: none; list-style: none; }
.feature-detail summary::after { content: ': '; }
.feature-detail summary::-webkit-details-marker { display: none; }
.feature-detail[open] > span { display: inline; }
@media (max-width: 768px) {
  .feature-detail { width: 100%; padding: 12px; background: #fff; border: 1px solid rgb(51 67 216 / 20%); border-radius: 10px; }
  .feature-detail summary { display: block; cursor: pointer; pointer-events: auto; }
  .feature-detail summary::after { content: ' +'; float: right; }
  .feature-detail[open] summary::after { content: ' −'; }
  .feature-detail[open] > span { display: block; padding-top: 10px; }
  li:has(> .feature-detail) > [class*='plusSimple'] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (max-width: 600px) {
  .page_section__ARdhk { width: 90%; }
  .page_section__ARdhk li > a { min-width: 0; overflow-wrap: anywhere; }
  .page_section__ARdhk li > svg { flex-shrink: 0; }
}