/* Category SEO landing content (after the product loop). Theme tokens only; works in light and dark mode. */
body.webraan-body .wr-woo .wr-cat-seo {
  max-width: 880px;
  margin: 64px auto 0;
  padding-top: 40px;
  border-top: 1px solid var(--wr-border);
  color: var(--wr-text);
  font-size: var(--wr-type-body-lg);
}
body.webraan-body .wr-woo .wr-cat-seo p,
body.webraan-body .wr-woo .wr-cat-seo li {
  margin: 0 0 14px;
  color: var(--wr-text-muted);
  font-size: var(--wr-type-body-lg);
  line-height: 2;
}
body.webraan-body .wr-woo .wr-cat-seo :is(h2, h3) {
  font-family: var(--wr-display);
  font-weight: 700;
  line-height: 1.5;
  color: var(--wr-text);
}
body.webraan-body .wr-woo .wr-cat-seo h2 { margin: 40px 0 14px; font-size: var(--wr-type-h2); }
body.webraan-body .wr-woo .wr-cat-seo h3 { margin: 28px 0 10px; font-size: var(--wr-type-h3); }
body.webraan-body .wr-woo .wr-cat-seo a { font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
body.webraan-body .wr-woo .wr-cat-seo a:focus-visible { outline: 2px solid var(--wr-blue); outline-offset: 3px; border-radius: 4px; }
body.webraan-body .wr-woo .wr-cat-seo__list { padding-inline-start: 22px; list-style: disc; }

/* Expandable region: grid-rows animation, no overlay; content stays in the server HTML. */
body.webraan-body .wr-woo .wr-cat-seo__more {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.45s var(--wr-ease), opacity 0.3s ease;
}
body.webraan-body .wr-woo .wr-cat-seo__more-inner { min-height: 0; overflow: hidden; }
body.webraan-body .wr-woo .wr-cat-seo__more.is-collapsed { grid-template-rows: 0fr; opacity: 0; }
body.webraan-body .wr-woo .wr-cat-seo__toggle-row { display: flex; justify-content: center; margin: 18px 0 8px; }
body.webraan-body .wr-woo .wr-cat-seo__toggle[hidden] { display: none; }
body.webraan-body .wr-woo .wr-cat-seo__toggle:focus-visible { outline: 2px solid var(--wr-blue); outline-offset: 3px; }

/* Usage table: horizontal scroll inside its own wrapper on narrow screens. */
body.webraan-body .wr-woo .wr-cat-seo__table-wrap {
  max-width: 100%;
  margin: 18px 0 8px;
  overflow-x: auto;
  border: 1px solid var(--wr-border);
  border-radius: var(--wr-radius);
  background: var(--wr-surface);
  -webkit-overflow-scrolling: touch;
}
body.webraan-body .wr-woo .wr-cat-seo__table-wrap:focus-visible { outline: 2px solid var(--wr-blue); outline-offset: 3px; }
body.webraan-body .wr-woo .wr-cat-seo__table { width: 100%; min-width: 460px; border-collapse: collapse; text-align: start; }
@media (max-width: 767px) { body.webraan-body .wr-woo .wr-cat-seo__table { min-width: 300px; } body.webraan-body .wr-woo .wr-cat-seo__table :is(th, td) { padding: 12px 14px; } }
body.webraan-body .wr-woo .wr-cat-seo__table :is(th, td) {
  padding: 14px 18px;
  border-bottom: 1px solid var(--wr-border);
  font-size: var(--wr-type-body);
  line-height: 1.8;
  text-align: start;
  vertical-align: top;
}
body.webraan-body .wr-woo .wr-cat-seo__table th { background: var(--wr-blue-ice); color: var(--wr-text); font-weight: 700; }
body.webraan-body .wr-woo .wr-cat-seo__table td { color: var(--wr-text-muted); }
body.webraan-body .wr-woo .wr-cat-seo__table td:first-child { color: var(--wr-text); font-weight: 600; }
body.webraan-body .wr-woo .wr-cat-seo__table tbody tr:last-child td { border-bottom: 0; }

/* FAQ: native details/summary. */
body.webraan-body .wr-woo .wr-cat-seo__faq details {
  border: 1px solid var(--wr-border);
  border-radius: var(--wr-radius-sm);
  background: var(--wr-surface);
  margin-bottom: 10px;
}
body.webraan-body .wr-woo .wr-cat-seo__faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
}
body.webraan-body .wr-woo .wr-cat-seo__faq summary::-webkit-details-marker { display: none; }
body.webraan-body .wr-woo .wr-cat-seo__faq summary::after {
  content: "";
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--wr-text-muted);
  border-bottom: 2px solid var(--wr-text-muted);
  transform: rotate(45deg);
  transition: transform var(--wr-transition);
}
body.webraan-body .wr-woo .wr-cat-seo__faq details[open] summary::after { transform: rotate(-135deg); }
body.webraan-body .wr-woo .wr-cat-seo__faq summary:hover { background: var(--wr-blue-ice); border-radius: var(--wr-radius-sm); }
body.webraan-body .wr-woo .wr-cat-seo__faq summary:focus-visible { outline: 2px solid var(--wr-blue); outline-offset: 2px; border-radius: var(--wr-radius-sm); }
body.webraan-body .wr-woo .wr-cat-seo__faq summary h3 { margin: 0; font-size: var(--wr-type-h4); }
body.webraan-body .wr-woo .wr-cat-seo__faq details p { margin: 0; padding: 0 20px 18px; }

@media (max-width: 767px) {
  body.webraan-body .wr-woo .wr-cat-seo { margin-top: 44px; padding-top: 28px; font-size: var(--wr-type-body); }
  body.webraan-body .wr-woo .wr-cat-seo p,
  body.webraan-body .wr-woo .wr-cat-seo li { font-size: var(--wr-type-body); line-height: 1.95; }
  body.webraan-body .wr-woo .wr-cat-seo h2 { margin-top: 32px; font-size: 1.35rem; }
  body.webraan-body .wr-woo .wr-cat-seo h3 { font-size: 1.12rem; }
  body.webraan-body .wr-woo .wr-cat-seo__faq summary { padding: 14px 16px; }
  body.webraan-body .wr-woo .wr-cat-seo__faq details p { padding: 0 16px 16px; }
}

@media (prefers-reduced-motion: reduce) {
  body.webraan-body .wr-woo .wr-cat-seo__more,
  body.webraan-body .wr-woo .wr-cat-seo__faq summary::after { transition: none; }
}