/* Pro Android service navigation and document layout. No game-card selectors. */
.pa26-service-entry {position: relative;}
.pa26-service-details {position: relative;}
.pa26-service-trigger {display: flex; align-items: center; justify-content: center; min-width: 48px; min-height: 44px; margin: 0 4px; padding: 8px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; color: #fff; cursor: pointer; list-style: none; background: rgba(255,255,255,.07);}
.pa26-service-trigger::-webkit-details-marker {display: none;}
.pa26-service-trigger:hover, .pa26-service-details[open] > .pa26-service-trigger {background: rgba(255,255,255,.16);}
.pa26-service-trigger:focus-visible, .pa26-service-popover a:focus-visible, .pa26-service-footer a:focus-visible, .pa26-service-page a:focus-visible {outline: 2px solid var(--blue); outline-offset: 3px;}
.pa26-service-dots {font-size: 18px; line-height: 1; letter-spacing: 3px; transform: translateX(1px);}
.pa26-service-label {display: none;}
.pa26-service-popover {position: absolute; z-index: 1005; top: calc(100% + 10px); right: 0; width: 286px; padding: 12px; border: 1px solid var(--bdc); border-radius: 14px; background: var(--bg); color: #23384c; box-shadow: var(--bsh);}
.pa26-service-details:not([open]) > .pa26-service-popover {display: none;}
.pa26-service-popover a {display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 9px 12px; border-radius: 7px; font-size: 14px; line-height: 1.55; color: inherit; overflow-wrap: anywhere;}
.pa26-service-popover a:hover {background: var(--bg-darker);}
.pa26-service-popover .pa26-service-primary {margin-bottom: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--bdc); border-radius: 0; color: #23841b; font-weight: 650;}
.pa26-dt-is-active .pa26-service-popover {color: #eef4fa;}
.pa26-dt-is-active .pa26-service-popover .pa26-service-primary {color: #7ee16a;}
.pa26-service-footer {display: flex; flex: 1 1 100%; flex-wrap: wrap; gap: 12px 24px; width: 100%;}
.pa26-service-footer a {color: var(--tt-dark-fade); font-size: 13px; line-height: 1.55; text-decoration: underline; text-decoration-color: rgba(255,255,255,.3); text-underline-offset: 4px;}
.pa26-service-footer a:hover {color: #fff; text-decoration-color: currentColor;}
.pa26-service-layout {display: block; width: 100%; min-width: 0;}
.pa26-service-page {width: 100%; max-width: 900px; margin: 0 auto; padding: clamp(20px, 4vw, 40px); border: 1px solid var(--bdc); border-radius: 16px; background: var(--bg); color: var(--tt); overflow-wrap: anywhere;}
.pa26-service-page .pa26-service-title {margin: 0 0 26px; font-size: clamp(24px, 3vw, 34px); line-height: 1.25;}
.pa26-service-copy, .pa26-service-lead {font-size: 15px; line-height: 1.75;}
.pa26-service-copy h2 {margin: 30px 0 12px; font-size: 21px; line-height: 1.35;}
.pa26-service-copy p, .pa26-service-copy ul, .pa26-service-copy ol {margin: 0 0 18px;}
.pa26-service-copy ul, .pa26-service-copy ol {padding-left: 24px;}
.pa26-service-copy li {padding-left: 0;}
.pa26-service-copy a, .pa26-service-lead a, .pa26-service-privacy-note a {color: var(--blue); text-decoration: underline; text-underline-offset: 3px;}
.pa26-service-lead {margin: 0 0 28px; color: var(--tt-fade-2);}
.pa26-service-feedback .form {width: 100%; max-width: none; margin: 0;}
.pa26-service-feedback .form__row {min-width: 0;}
.pa26-service-feedback .form__input, .pa26-service-feedback .form__textarea {width: 100%; max-width: 100%;}
.pa26-service-feedback .form__label {display: block; margin-bottom: 8px;}
.pa26-service-feedback .form__sec-code {flex-wrap: wrap; gap: 12px;}
.pa26-service-privacy-note {margin: 24px 0 0; font-size: 13px; line-height: 1.65; color: var(--tt-fade-2);}
.pa26-mobile-menu__content .pa26-service-entry {display: block; padding: 12px 16px;}
.pa26-mobile-menu__content .pa26-service-trigger {justify-content: space-between; width: 100%; margin: 0; border-color: var(--bdc); color: var(--tt); background: var(--bg-darker);}
.pa26-mobile-menu__content .pa26-service-label {display: inline; font-size: 13px; font-weight: 600;}
.pa26-mobile-menu__content .pa26-service-popover {position: static; width: 100%; margin-top: 8px; box-shadow: none; padding: 8px 0;}
@media screen and (max-width: 600px) {
 .pa26-service-footer {display: grid; grid-template-columns: 1fr; gap: 12px;}
 .pa26-service-page {border-radius: 12px;}
 .pa26-service-page .pa26-service-title {margin-bottom: 20px;}
 .pa26-service-copy h2 {font-size: 19px;}
}