.wjpit-tabs { width: 100%; margin-top: 24px; border: 1px solid rgba(74,55,43,.14); background: #fff; }
.wjpit-tab-list { display: flex; min-width: 0; overflow-x: auto; border-bottom: 1px solid rgba(74,55,43,.14); background: #fff8f8; scrollbar-width: none; }
.wjpit-tab-list::-webkit-scrollbar { display: none; }
.wjpit-tab-list button { position: relative; min-width: 105px; min-height: 50px; flex: 1 0 auto; padding: 11px 13px; border: 0; background: transparent; color: #776c6f; cursor: pointer; font-size: 11px; font-weight: 800; letter-spacing: .02em; }
.wjpit-tab-list button::after { position: absolute; right: 18px; bottom: -1px; left: 18px; height: 3px; background: transparent; content: ''; }
.wjpit-tab-list button.is-active { color: #8b001b; }
.wjpit-tab-list button.is-active::after { background: #8b001b; }
.wjpit-tab-list button:focus-visible { z-index: 1; outline: 2px solid #8b001b; outline-offset: -3px; }
.wjpit-tab-panels { padding: 22px 20px 25px; }
.wjpit-tab-panel { max-width: 920px; color: #5f5558; font-size: 13px; line-height: 1.85; }
.wjpit-tab-panel > :first-child { margin-top: 0; }
.wjpit-tab-panel > :last-child { margin-bottom: 0; }
.wjpit-tab-panel ul, .wjpit-tab-panel ol { padding-left: 22px; }
.wjpit-tab-panel li + li { margin-top: 6px; }
@media (max-width:600px) {
  .wjpit-tabs { margin-top: 22px; }
  .wjpit-tab-list button { min-width: 118px; min-height: 48px; padding: 10px 15px; font-size: 11px; }
  .wjpit-tab-list button::after { right: 12px; left: 12px; }
  .wjpit-tab-panels { padding: 20px 16px 24px; }
  .wjpit-tab-panel { font-size: 12px; line-height: 1.75; }
}