/* The center owns tokens; registered modules own their selectors. */
.ripro-article-title-card .post-title { overflow-wrap: anywhere; }

body.ripro-style-center .ripro-breadcrumb .breadcrumb,
body.ripro-style-center .ripro-category-overview-panel {
  box-sizing: border-box;
  min-height: var(--ripro-widget-row-height, 40px);
  padding: 8px 12px;
  line-height: 20px;
  background: var(--ripro-surface, var(--ri-secondary-bg));
  border: var(--ripro-border-width, 1px) var(--ripro-border-style, solid) var(--ripro-border, var(--ri-border-color));
  border-radius: var(--ripro-radius, 0);
}
.ripro-breadcrumb .breadcrumb {
  flex-wrap: wrap;
  gap: 4px 0;
}
.ripro-breadcrumb .breadcrumb > li {
  max-width: 100%;
  min-width: 0;
  line-height: inherit;
  overflow-wrap: anywhere;
}
.ripro-breadcrumb .breadcrumb > li > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}
.ripro-breadcrumb .breadcrumb > li > a > span:last-child {
  min-width: 0;
}
.ripro-breadcrumb-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
body.ripro-style-center .ripro-breadcrumb .ripro-breadcrumb-bar { padding:8px 12px; background:var(--ripro-surface,var(--ri-secondary-bg)); border:var(--ripro-border-width,1px) var(--ripro-border-style,solid) var(--ripro-border,var(--ri-border-color)); border-radius:var(--ripro-radius,0); min-height:var(--ripro-widget-row-height,40px); }
body.ripro-style-center .ripro-breadcrumb-bar .breadcrumb { padding:0; border:0; background:transparent; min-height:0; }
.ripro-breadcrumb-return { color:var(--ripro-primary,var(--ri-primary)); overflow-wrap:anywhere; }
.ripro-breadcrumb-return[hidden] { display:none; }
@media(max-width:575px) { .ripro-breadcrumb-return { flex-basis:100%; } }
body.ripro-style-center :is(.rollbar, .back-top) {
  --ripro-rollbar-bottom: 16px;
  right: auto;
  left: calc(var(--ripro-navigation-rollbar-edge, 16px) + (100% - var(--ripro-navigation-rollbar-size, 52px) - 2 * var(--ripro-navigation-rollbar-edge, 16px)) * var(--ripro-navigation-rollbar-side, 1));
  width: var(--ripro-navigation-rollbar-size, 52px);
}
body.ripro-style-center .rollbar {
  display: var(--ripro-navigation-rollbar-display, flex) !important;
  position: fixed;
  top: min(90px, 15vh);
  bottom: calc(var(--ripro-rollbar-bottom) + var(--ripro-navigation-rollbar-size, 52px) + 12px);
  flex-direction: column;
  justify-content: var(--ripro-navigation-rollbar-align, flex-end);
  pointer-events: none;
}
body.ripro-style-center .back-top {
  bottom: var(--ripro-rollbar-bottom);
  height: var(--ripro-navigation-rollbar-size, 52px);
  padding: 0;
  line-height: 1;
  background: var(--ripro-surface);
  color: var(--ripro-text);
  border: 1px solid var(--ripro-border);
  border-radius: var(--ripro-navigation-rollbar-radius, 0px);
  box-shadow: var(--ripro-shadow);
}
body.ripro-style-center .back-top:is(:hover, :focus-visible) {
  color: var(--ripro-primary);
}
@media (max-width: 767.98px) {
  body.ripro-style-center .rollbar {
    bottom: calc(56px + max(6px, env(safe-area-inset-bottom)) + var(--ripro-rollbar-bottom));
  }
}
body.ripro-style-center .rollbar .actions{display:grid;gap:var(--ripro-navigation-rollbar-gap,0px);width:100%;max-height:100%;overflow-y:auto;pointer-events:auto;border-radius:var(--ripro-navigation-rollbar-radius,0px);box-shadow:var(--ripro-shadow)}
body.ripro-style-center .rollbar .actions li{background:var(--ripro-surface);border-radius:var(--ripro-navigation-rollbar-radius,0px)}
body.ripro-style-center .rollbar .actions li>a{width:100%;min-height:52px;color:var(--ripro-text);border-bottom-color:var(--ripro-border)}
body.ripro-style-center .rollbar .actions li>a>span{font-size:var(--ripro-navigation-rollbar-font,12px);color:inherit;letter-spacing:normal;overflow-wrap:anywhere}
body.ripro-style-center .rollbar .actions li:hover>a{color:var(--ripro-primary)}
body.ripro-style-center .m-navbar{display:var(--ripro-navigation-mobile-display,none)!important;padding-bottom:max(6px,env(safe-area-inset-bottom));background:var(--ripro-surface);border-radius:var(--ripro-navigation-mobile-radius,0px)}
body.ripro-style-center .m-navbar ul{display:flex;gap:var(--ripro-navigation-mobile-gap,0px)}
body.ripro-style-center .m-navbar li{min-width:0}
body.ripro-style-center .m-navbar li a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--ripro-navigation-mobile-size,52px);font-size:var(--ripro-navigation-mobile-font,12px);color:var(--ripro-muted);overflow-wrap:anywhere}
body.ripro-style-center .m-navbar li a.active,body.ripro-style-center .m-navbar li a:hover{color:var(--ripro-primary)}
body.ripro-style-center .m-navbar li a.active::after{background:var(--ripro-primary);border-radius:0}
body.ripro-style-center.ripro-site-layout > .site-footer{margin-bottom:var(--ripro-mobile-navigation-height,0px)}
body.ripro-style-center.ripro-mobile-navigation-visible > .site-footer{padding-bottom:16px!important}
@media(max-width:767.98px){body.ripro-style-center.ripro-mobile-footer-nav{--ripro-mobile-navigation-height:calc(var(--ripro-navigation-mobile-size,52px) + 9px + max(6px,env(safe-area-inset-bottom)))}}
body.ripro-style-center .site-footer{display:var(--ripro-navigation-footer-display,flex)!important;flex-direction:column;font-size:var(--ripro-navigation-footer-font,12px);border-radius:var(--ripro-navigation-footer-radius,0px)}
body.ripro-style-center [data-ripro-navigation-selected]{outline:2px solid var(--ripro-primary)!important;outline-offset:-2px}
body.ripro-style-center {
  --ri-body-font-family: var(--ripro-font-family);
  --ri-body-font-size: var(--ripro-font-size);
  --ri-body-font-weight: var(--ripro-font-weight);
  --ri-body-line-height: var(--ripro-line-height);
  --ri-body-color: var(--ripro-text);
  --ri-body-bg: var(--ripro-background);
  --ri-heading-color: var(--ripro-text);
  --ri-link-color: var(--ripro-text);
  --ri-link-hover-color: var(--ripro-primary-hover);
  --ri-secondary-color: var(--ripro-muted);
  --ri-secondary-bg: var(--ripro-surface);
  --ri-tertiary-bg: var(--ripro-subtle);
  --ri-border-color: var(--ripro-border);
  --ri-border-width: var(--ripro-border-width);
  --ri-border-style: var(--ripro-border-style);
  --ri-border-radius: var(--ripro-radius);
  --ri-border-radius-sm: var(--ripro-radius);
  --ri-border-radius-lg: var(--ripro-radius);
  --ri-border-radius-xl: var(--ripro-radius);
  --ri-border-radius-2xl: var(--ripro-radius);
  --ri-border-radius-pill: var(--ripro-radius);
  --ri-box-shadow: var(--ripro-shadow);
  font-family: var(--ripro-font-family);
  font-size: var(--ripro-font-size);
  font-weight: var(--ripro-font-weight);
  line-height: var(--ripro-line-height);
  letter-spacing: var(--ripro-letter-spacing);
  color: var(--ripro-text);
  background-color: var(--ripro-background);
  background-image: var(--ripro-background-image);
  background-size: var(--ripro-background-size);
  background-position: var(--ripro-background-position);
  background-repeat: var(--ripro-background-repeat);
  background-attachment: var(--ripro-background-attachment);
}
body.ripro-style-center :is(.container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl) { width: min(100%,var(--ripro-container-width)); max-width: var(--ripro-container-max); padding-inline: var(--ripro-page-padding); }
body.ripro-style-center .row { --ri-gutter-x: var(--ripro-grid-gap); --ri-gutter-y: var(--ripro-grid-gap); }
/* Each outer stack owns its spacing once, including the breadcrumb transition. */
body.ripro-style-center .site-main {
  display: flex;
  flex-direction: column;
  gap: var(--ripro-module-gap);
  padding-block: var(--ripro-module-gap);
}
body.ripro-style-center .site-main > :is(.container,section,.home-widget,.ripro-category-top-widgets,.ripro-category-feed) {
  margin-block: 0 !important;
}
body.ripro-style-center .site-main > .container {
  padding-block: 0 !important;
}
body.ripro-style-center :is(.site-main > .container,.ripro-category-top-widgets):empty {
  display: none;
}
body.ripro-style-center :is(.ripro-home-content,.ripro-category-top-widgets,.ripro-signin-page,.ripro-sidebar-layout > .content-wrapper,.sidebar) {
  display: flex;
  flex-direction: column;
  gap: var(--ripro-module-gap);
}
body.ripro-style-center :is(.ripro-home-content,.ripro-category-top-widgets,.ripro-sidebar-layout > .content-wrapper,.sidebar) > :is(.home-widget,.card,.widget,#comments),
body.ripro-style-center .ripro-signin-page > .ripro-signin-panel {
  margin-block: 0 !important;
}
body.ripro-style-center .home-widget {
  margin-block: 0;
}
body.ripro-style-center .home-widget > section.container {
  padding-block: 0;
}
body.ripro-style-center :is(.ripro-home-layout,.ripro-list-layout-wrap,.ripro-category-feed .ripro-waterfall) {
  margin-block: 0;
}
body.ripro-style-center :is(.ripro-home-sidebar,.ripro-list-sidebar) {
  display: flex;
  flex-direction: column;
  gap: var(--ripro-list-widget-gap,var(--ripro-home-widget-gap,var(--ripro-module-gap)));
}
body.ripro-style-center .sidebar-wrapper > .sidebar {
  width: 100%;
}
body.ripro-style-center :is(.ripro-home-sidebar,.ripro-list-sidebar) > .widget {
  margin-block: 0;
}
body.ripro-style-center .ripro-account {
  --ripro-account-gap: var(--ripro-module-gap);
}
body.ripro-style-center :is(.post-item .entry-wrapper,.card-body,.widget) { padding: var(--ripro-card-padding); }
body.ripro-style-center .post-item:hover { transform: translateY(calc(-1 * var(--ripro-hover-lift))); box-shadow: var(--ripro-shadow); }
body.ripro-style-center :is(.post-content,.entry-content) { letter-spacing: var(--ripro-letter-spacing); }
body.ripro-style-center :is(.post-content,.entry-content) p { font-size: inherit; line-height: inherit; }
body.ripro-style-center :is(.entry-desc,.entry-meta,.post-meta,.text-muted,.small,small) { font-size: var(--ripro-small-size); color: var(--ripro-muted); }
body.ripro-style-center :is(.entry-title a,.post-title,.widget-title) { color: var(--ripro-text); }
body.ripro-style-center :is(a:hover,.entry-title a:hover) { color: var(--ripro-primary-hover); }
body.ripro-style-center .navbar { height: var(--ripro-header-height); }
body.ripro-style-center .header-gap { height: var(--ripro-header-height); }
body.ripro-style-center :is(.site-header .navbar > .logo-wrapper, .off-canvas .logo-wrapper) {
  flex: 0 1 auto;
  min-inline-size: 0;
  max-inline-size: var(--ripro-header-logo-width, 240px);
}
body.ripro-style-center .site-header .navbar > .logo-wrapper { margin-inline-end: 12px; }
body.ripro-style-center :is(.site-header .navbar > .logo-wrapper, .off-canvas .logo-wrapper) > a {
  display: flex;
  align-items: center;
  max-inline-size: 100%;
}
body.ripro-style-center :is(.site-header .navbar > .logo-wrapper, .off-canvas .logo-wrapper) .logo {
  min-inline-size: 0;
  max-inline-size: 100%;
  max-block-size: min(var(--ripro-header-logo-height, 60px), calc(var(--ripro-header-height, 60px) - 16px));
  inline-size: auto;
  block-size: auto;
  margin-inline-end: 0;
  object-fit: contain;
}
body.ripro-style-center :is(.site-header .navbar > .logo-wrapper, .off-canvas .logo-wrapper) .logo.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 991px) {
  body.ripro-style-center .site-header .navbar > .actions {
    flex: 0 0 auto;
    margin-inline-start: auto;
    gap: 2px;
  }
  body.ripro-style-center .site-header .navbar > .actions > * + * { margin-left: 0; }
  body.ripro-style-center .navbar .actions :is(.action-btn:not(.btn), .avatar-warp, .burger) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 30px;
    min-block-size: 44px;
  }
}
body.ripro-style-center .ripro-sidebar-layout {
  --ripro-sidebar-sticky-top: calc(var(--ripro-header-height, 60px) + var(--ripro-sidebar-admin-offset, 0px) + 12px);
}
@media (min-width: 601px) {
  body.ripro-style-center.admin-bar { --ripro-sidebar-admin-offset: var(--wp-admin--admin-bar--height, 32px); }
}
body.ripro-style-center :is(.navbar .nav-list a,.navbar .actions .action-btn) { color: var(--ripro-header-text); }
body.ripro-style-center .navbar .nav-list > li > a,
body.ripro-style-center .navbar .actions .action-btn:not(.btn) { color: var(--ripro-header-text) !important; }
body.ripro-style-center .navbar .nav-list a:hover { color: var(--ripro-primary-hover) !important; }
body.ripro-style-center .navbar .nav-list :is(.current-menu-item,.current-menu-ancestor) > a {
  text-decoration: underline 2px var(--ripro-primary);
  text-underline-offset: .45em;
}
body.ripro-style-center .ripro-archive-plain { border-bottom: var(--ripro-border-width) solid var(--ripro-border); }
body.ripro-style-center .ripro-archive-plain .archive-title { text-shadow: none; }
body.ripro-style-center .ripro-archive-plain .archive-desc { color: var(--ripro-muted); }
body.ripro-style-center .archive-hero:not(.ripro-archive-plain) { --ripro-heading-color: #fff; }
body.ripro-style-center .archive-hero .archive-hero-bg::before { background-image: none; }

body.ripro-style-center .btn {
  --ri-btn-border-radius: var(--ripro-radius);
  --ri-btn-font-size: var(--ripro-font-size);
  --ripro-btn-bg: var(--ripro-btn-fill, var(--ripro-surface));
  --ripro-btn-fg: var(--ripro-btn-ink, var(--ripro-text));
  --ripro-btn-edge: var(--ripro-btn-border, var(--ripro-btn-bg));
  transition-duration: var(--ripro-duration);
}
body.ripro-style-center :is(.btn-primary,.btn-info) {
  --ripro-btn-fill: var(--ripro-primary);
  --ripro-btn-ink: var(--ripro-on-primary);
  --ripro-btn-hover-fill: var(--ripro-primary-hover);
  --ripro-btn-hover-ink: var(--ripro-on-primary-hover);
}
body.ripro-style-center :is(.btn-dark,.btn-secondary) {
  --ripro-btn-fill: var(--ripro-text);
  --ripro-btn-ink: var(--ripro-background);
}
body.ripro-style-center .btn-success { --ripro-btn-fill: var(--ripro-success); --ripro-btn-ink: var(--ripro-on-success); }
body.ripro-style-center .btn-warning { --ripro-btn-fill: var(--ripro-warning); --ripro-btn-ink: var(--ripro-on-warning); }
body.ripro-style-center .btn-danger { --ripro-btn-fill: var(--ripro-danger); --ripro-btn-ink: var(--ripro-on-danger); }
body.ripro-style-center :is(.btn-light,.btn-white) {
  --ripro-btn-fill: var(--ripro-subtle);
  --ripro-btn-hover-border: var(--ripro-control-border);
}
body.ripro-style-center .btn-primary-soft { --ripro-btn-fill: var(--ripro-primary-soft); --ripro-btn-ink: var(--ripro-on-primary-soft); }
body.ripro-style-center .btn-success-soft { --ripro-btn-fill: var(--ripro-success-soft); --ripro-btn-ink: var(--ripro-on-success-soft); }
body.ripro-style-center .btn-danger-soft { --ripro-btn-fill: var(--ripro-danger-soft); --ripro-btn-ink: var(--ripro-on-danger-soft); }
body.ripro-style-center :is(.btn-primary-soft,.btn-success-soft,.btn-danger-soft) { --ripro-btn-hover-border: var(--ripro-control-border); }
body.ripro-style-center :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-info,.btn-outline-dark,.btn-outline-light,.btn-outline-success,.btn-outline-warning,.btn-outline-danger) {
  --ripro-btn-border: var(--ripro-control-border);
  --ripro-btn-hover-fill: var(--ripro-subtle);
  --ripro-btn-hover-border: var(--ripro-primary);
}
body.ripro-style-center :is(.btn-primary,.btn-info,.btn-dark,.btn-secondary,.btn-light,.btn-white,.btn-success,.btn-warning,.btn-danger,.btn-primary-soft,.btn-success-soft,.btn-danger-soft,.btn-outline-primary,.btn-outline-secondary,.btn-outline-info,.btn-outline-dark,.btn-outline-light,.btn-outline-success,.btn-outline-warning,.btn-outline-danger) {
  background: var(--ripro-btn-bg) !important;
  border-color: var(--ripro-btn-edge) !important;
  color: var(--ripro-btn-fg) !important;
  box-shadow: none !important;
  transition-property: transform !important;
}
body.ripro-style-center .site-header .navbar .actions .action-btn.btn-outline-secondary { color: var(--ripro-btn-fg) !important; }
body.ripro-style-center :is(.btn:hover,.btn:active,.btn.active,.btn.show,.btn-check:checked + .btn) {
  --ripro-btn-bg: var(--ripro-btn-hover-fill, var(--ripro-btn-fill, var(--ripro-surface)));
  --ripro-btn-fg: var(--ripro-btn-hover-ink, var(--ripro-btn-ink, var(--ripro-text)));
  --ripro-btn-edge: var(--ripro-btn-hover-border, var(--ripro-btn-border, var(--ripro-btn-bg)));
}
body.ripro-style-center :is(.btn:disabled,.btn.disabled,fieldset:disabled .btn) {
  --ripro-btn-bg: var(--ripro-subtle);
  --ripro-btn-fg: var(--ripro-muted);
  --ripro-btn-edge: var(--ripro-border);
  opacity: 1;
}
body.ripro-style-center :is(.btn,.form-control,.form-select,.search-fields input):focus-visible {
  outline: 2px solid var(--ripro-primary);
  outline-offset: 2px;
}
body.ripro-style-center :is(.form-control,.search-fields input,textarea)::placeholder { color: var(--ripro-muted); opacity: 1; }
body.ripro-style-center :where(.search-fields) .btn { min-width: var(--ripro-input-height); }
body.ripro-style-center .search-fields .btn { padding-inline: 0 !important; opacity: 1; }
body.ripro-style-center .custom-nav .pagination > .current {
  background-color: var(--ripro-primary);
  border-color: var(--ripro-primary);
  color: var(--ripro-on-primary);
}
body.ripro-style-center .text-bg-primary { color: var(--ripro-on-primary) !important; }
body.ripro-style-center .badge:where(.bg-primary,.bg-info,.text-bg-primary,.text-bg-info) { background-color: var(--ripro-primary-soft) !important; color: var(--ripro-on-primary-soft) !important; }
body.ripro-style-center .badge:where(.bg-success,.text-bg-success) { background-color: var(--ripro-success-soft) !important; color: var(--ripro-on-success-soft) !important; }
body.ripro-style-center .badge:where(.bg-warning,.text-bg-warning) { background-color: var(--ripro-warning-soft) !important; color: var(--ripro-on-warning-soft) !important; }
body.ripro-style-center .badge:where(.bg-danger,.text-bg-danger) { background-color: var(--ripro-danger-soft) !important; color: var(--ripro-on-danger-soft) !important; }
body.ripro-style-center .badge:where(.bg-dark,.bg-secondary,.bg-light,.bg-white,.text-bg-dark,.text-bg-secondary,.text-bg-light) { background-color: var(--ripro-subtle) !important; color: var(--ripro-text) !important; }
body.ripro-style-center :is(.ranking-num,.ripro-heat-position) {
  background-color: var(--ripro-rank-fill, var(--ripro-subtle)) !important;
  color: var(--ripro-rank-ink, var(--ripro-muted)) !important;
}
body.ripro-style-center :where(.col:nth-child(1) .ranking-item,.ripro-heat-item:nth-child(1)) > :is(.ranking-num,.ripro-heat-position) { --ripro-rank-fill: var(--ripro-rank-1); --ripro-rank-ink: var(--ripro-on-rank-1); }
body.ripro-style-center :where(.col:nth-child(2) .ranking-item,.ripro-heat-item:nth-child(2)) > :is(.ranking-num,.ripro-heat-position) { --ripro-rank-fill: var(--ripro-rank-2); --ripro-rank-ink: var(--ripro-on-rank-2); }
body.ripro-style-center :where(.col:nth-child(3) .ranking-item,.ripro-heat-item:nth-child(3)) > :is(.ranking-num,.ripro-heat-position) { --ripro-rank-fill: var(--ripro-rank-3); --ripro-rank-ink: var(--ripro-on-rank-3); }
body.ripro-style-center .ripro-heat-position { min-width: 2em; padding-inline: .25em; text-align: center; }
body.ripro-style-center .bg-white { background-color: var(--ripro-surface) !important; }
/* Legacy overlays use the same tokens and module overrides as native dialogs. */
body.ripro-style-center :is(.ri-popup-content, .ri-notice) {
  font-size: var(--ripro-font-size);
  line-height: var(--ripro-line-height);
  overflow-wrap: anywhere;
}
body.ripro-style-center .ri-popup-body {
  max-width: min(420px, calc(100vw - 24px));
  padding-block: 0;
}
body.ripro-style-center .ri-popup-content {
  padding-top: 52px;
}
body.ripro-style-center .ri-notice {
  box-sizing: border-box;
  min-width: 0 !important;
  width: max-content;
  max-width: min(400px, calc(100vw - 24px));
  backdrop-filter: none;
}
body.ripro-style-center .ri-payment-popup .ri-popup-content {
  padding: var(--ripro-payment-padding, 18px);
}
body.ripro-style-center .ri-payment-popup .ri-popup-body {
  padding-block: 0;
}
body.ripro-style-center .ri-payment-header {
  padding: 0 44px 14px 0;
  margin-bottom: var(--ripro-payment-padding, 18px);
  min-height: 30px;
  border-bottom: var(--ripro-border-width) var(--ripro-border-style) var(--ripro-border);
  font-weight: var(--ripro-heading-weight);
}
body.ripro-style-center .ri-payment-close {
  top: 4px;
  right: 4px;
  bottom: auto;
  left: auto;
  width: 44px;
  height: 44px;
  transform: none;
  border: 0;
  border-radius: var(--ripro-radius);
  background: transparent;
  color: var(--ripro-text);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
body.ripro-style-center .ri-payment-close:is(:hover, :focus-visible) {
  background: var(--ripro-subtle);
  color: var(--ripro-primary);
}
body.ripro-style-center .pay-select-box {
  display: grid;
  gap: var(--ripro-payment-gap, 12px);
}
body.ripro-style-center .pay-select-box .pay-item {
  display: flex;
  align-items: center;
  text-align: left;
  min-height: max(48px, var(--ripro-button-height));
  padding: 8px var(--ripro-button-padding);
  margin: 0;
  font: inherit;
  color: var(--ripro-text);
  background: var(--ripro-surface);
  border: var(--ripro-border-width) var(--ripro-border-style) var(--ripro-control-border);
  border-radius: var(--ripro-radius);
  transition-duration: var(--ripro-duration);
}
body.ripro-style-center .pay-select-box .pay-item:is(:hover, :focus-visible) {
  background: var(--ripro-primary-soft);
  color: var(--ripro-on-primary-soft);
  border-color: var(--ripro-primary);
  transform: none;
}
body.ripro-style-center .pay-select-box .pay-item > span {
  max-width: none;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.ripro-style-center .pay-select-box .pay-item::after {
  content: '›';
  margin-left: auto;
  padding-left: 8px;
}
body.ripro-style-center .ri-payment-popup .pay-body-html {
  padding-top: 36px;
}
body.ripro-style-center .pay-body-html .title > b,
body.ripro-style-center .pay-body-html .title > p > span {
  color: var(--ripro-on-danger-soft);
}
body.ripro-style-center .pay-body-html .title > p {
  background: var(--ripro-subtle);
  border-radius: var(--ripro-radius);
}
body.ripro-style-center .pay-body-html .desc {
  color: var(--ripro-muted);
  font-size: var(--ripro-small-size);
  border-color: var(--ripro-border);
  margin: 0;
  padding: 12px 0 0;
}
body.ripro-style-center .pay-body-html .qrcode img {
  max-width: 100%;
  height: auto;
}
body.ripro-style-center .pay-select-cdk > input {
  border-radius: var(--ripro-radius);
  background: var(--ripro-surface);
  color: var(--ripro-text);
  border-color: var(--ripro-control-border);
  font-size: var(--ripro-font-size);
  min-height: var(--ripro-input-height);
}
body.ripro-style-center .pay-select-head {
  border-radius: var(--ripro-radius);
  background: var(--ripro-danger-soft);
  color: var(--ripro-on-danger-soft);
}
body.ripro-style-center .navbar .action-hover-menu .hover-info {
  background: var(--ripro-subtle);
  color: var(--ripro-text);
  animation: none;
}
body.ripro-style-center .navbar .action-hover-menu .hover-info::before,
body.ripro-style-center .navbar .action-hover-menu .hover-info::after,
body.ripro-style-center .navbar .action-hover-menu .hover-info-shine,
body.ripro-style-center .navbar .action-hover-menu .balance-qiandao > a::before {
  display: none;
}
body.ripro-style-center .navbar .action-hover-menu .hover-warp :is(.abstop-item a, .balance-qiandao > a, .hover-item .hover-link > a, .hover-item .hover-link > a > i) {
  background: var(--ripro-subtle);
  color: var(--ripro-text);
  border-color: var(--ripro-border);
  box-shadow: none;
  text-shadow: none;
  font-size: var(--ripro-small-size);
  transition-duration: var(--ripro-duration);
}
body.ripro-style-center .navbar .action-hover-menu .hover-warp :is(.abstop-item a, .balance-qiandao > a, .hover-item .hover-link > a):hover {
  background: var(--ripro-primary-soft);
  color: var(--ripro-on-primary-soft);
  transform: none;
}
body.ripro-style-center .navbar .action-hover-menu .hover-item .hover-link > a > span {
  color: var(--ripro-text);
}
body.ripro-style-center .navbar .action-hover-menu .hover-item .hover-link > a:hover > span {
  color: var(--ripro-on-primary-soft);
}
body.ripro-style-center .navbar .action-hover-menu .hover-item .hover-link > a > i {
  background: var(--ripro-primary-soft);
  color: var(--ripro-on-primary-soft);
}
body.ripro-style-center .navbar .action-hover-menu hr {
  opacity: 1;
  background: var(--ripro-border);
}
body.ripro-style-center .ri-video-warp .prices-info {
  background: var(--ripro-surface);
}
body.ripro-style-center .ri-video-warp .prices-info::before {
  border-bottom-color: var(--ripro-surface);
}
body.ripro-style-center .ri-video-warp .prices-info .price-item {
  text-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  body.ripro-style-center { --ripro-duration: 0ms; --ripro-hover-lift: 0px; }
}

body.ripro-style-center .off-canvas .logo-wrapper {
  margin-inline: auto;
  justify-content: center;
}

.ripro-article-tags-card { box-shadow:none; border-radius:0; background-image:none; }
.ripro-article-tags-card .ripro-article-tags-heading { margin:0 0 12px; font-size:var(--ripro-font-size,16px); font-weight:600; color:var(--ripro-text); }
.ripro-article-tags-card .entry-tags { display:flex; flex-wrap:wrap; gap:var(--ripro-article-tags-gap,8px); }
.ripro-article-tags-card .entry-tags>a { margin:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; border-radius:0; line-height:1.5; background:var(--ripro-subtle); color:var(--ripro-text); font-size:inherit; }
.ripro-article-tags-card .entry-tags>a:hover,
.ripro-article-tags-card .entry-tags>a:focus-visible { background:var(--ripro-subtle); color:var(--ripro-text); }

/* Ticket images use the shared style center and device-specific module values. */
.ripro-ticket-images,.ripro-ticket-upload .ticket-image-preview{display:flex;flex-wrap:wrap;gap:var(--ripro-ticket-image-gap,8px)}
.ripro-ticket-images img,.ripro-ticket-upload .ticket-image-preview img{width:var(--ripro-ticket-image-width,120px);height:var(--ripro-ticket-image-width,120px);max-width:100%;object-fit:contain;border-radius:0}
.ripro-ticket-upload .ticket-image-preview>div{display:flex;flex-direction:column;max-width:100%;gap:var(--ripro-ticket-image-gap,8px)}