/** Shared screen layout; original content, assets and shortcode markup stay intact. */
:root {
    --pv-content-width: 1200px;
    --pv-navy: #101b6a;
    --pv-blue: #008cd3;
}

body {
    font-family: 'Myriad Pro Regular', 'Trebuchet MS', Helvetica, sans-serif!important;
    color: #253345;
    line-height: 1.5;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
body#mainpage { scroll-behavior: smooth; font-family: 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif!important; }

.cover,
.container-footer__wrap,
footer > .container-fluid {
    width: 100%;
    max-width: var(--pv-content-width);
    margin-inline: auto;
    padding-inline: 24px;
}

#cover { min-height: 100vh; flex: 1 0 auto; display: flex; flex-direction: column; }
#cover > footer, body > footer { margin-top: auto; }
main, div#main, .is_account-cover { line-height: 1.5; }
main { font-size: 18px; padding-top: 0; }
.is_account-cover {
    font-size: 18px;
    background: rgba(255, 255, 255, .95);
}

body:not(#mainpage) .hide-element {
    font: 22px/1.1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif;
}

.pv-reset-form .form-row + .form-row { margin-top: 12px; }
.pv-reset-form input[type='password'] { width: 100%; }
.pv-reset-form .indicator { margin: 24px 0 12px; text-align: center; }
.pv-reset-form #password-strength { display: block; width: 100%!important; box-sizing: border-box; font-size: 18px; }
.pv-reset-form .indicator-hint { margin: 0; color: #526173; font-size: 16px; line-height: 1.35; }
.pv-reset-form .login-submit { margin: 24px 0 0; text-align: center; }
.pv-reset-form .login-submit input { margin: 0; }

.is_account-cover :is(.pv-important, .aleet-info) {
    margin: 2em 0 0 20px;
    color: #222;
    font: 22px/1.1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif;
}

.pv-standards-details > div {
    color: #222;
    font: 22px/1.1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif;
}

.pv-standards-app h3 {
    font: 22px/1.1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif;
}

h1, h2, h3, h4, h5,
.welcome p#line1, .welcome p#line2, .welcome p#line3 {
    font-family: 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif;
}

.welcome p#line2 { font-size: 45px; line-height: 1; margin-top: 4px; }

.header__navbar {
    height: 64px;
    padding-inline: max(24px, calc((100% - var(--pv-content-width)) / 2 + 24px));
    background: linear-gradient(to bottom, #173763, #0a182a);
    border-bottom-width: 3px;
    box-shadow: none;
}
.header__social { margin: 0; padding: 0; }
.header__social li { padding-right: 14px; }
.header__social li:last-child { padding-right: 0; }

#slideshow img {
    width: 100%;
    height: clamp(180px, 24vw, 360px);
    object-fit: cover;
    object-position: center;
}
#slideshow { position: relative; display: block; min-height: clamp(180px, 24vw, 360px); }
#slideshow:not(.owl-loaded) > div:not(:first-child) { display: none; }
#slideshow .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    text-align: center;
}
#slideshow .owl-dot {
    width: 24px;
    height: 24px;
    padding: 6px!important;
}
#slideshow .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    opacity: .6;
}
#slideshow .owl-dot.active span { opacity: 1; }

.navbar-custom {
    min-height: 52px;
    justify-content: center;
    background: linear-gradient(to bottom, #173763, #0a182a);
    border-bottom-width: 3px;
}
#cover > nav.navbar-custom { position: sticky; top: 0; }
#nav > .navbar-nav { flex-wrap: wrap; justify-content: center; }
#nav { max-width: var(--pv-content-width); margin-inline: auto; }
#nav > div, #nav > ul { margin-inline: auto; }
#nav ul { margin: 0 auto; padding: 0; text-align: center; }
#nav li a {
    margin: 0;
    padding: 10px 20px 5px;
    margin-right: -2px;
    border-left: 1px solid #bbb;
    border-right: 1px solid #333;
    color: #fff!important;
    font: 15px/1.4 'Myriad Pro Regular', 'Trebuchet MS', Helvetica, sans-serif;
    text-transform: uppercase;
}
#nav li:first-child a { border-left: 0; }
#nav a:hover, #nav a:focus-visible { background: #234d78; }
#nav a, #nav a:hover, #nav a:focus { text-decoration: none; box-shadow: none; }

.welcome {
    padding: 36px 24px 40px;
  /*  background: rgba(255, 255, 255, .75*/);
}
.welcome > p { max-width: var(--pv-content-width); margin-inline: auto; }
.welcome p#line1 { font-family: 'Myriad Pro Regular', 'Trebuchet MS', Helvetica, sans-serif; font-size: 45px; font-weight: 400; line-height: 1; }

.welcome p#line3 { font-size: 52px; line-height: 1.3; }
.welcome #add-tran { margin: 26px 0 22px; }
.welcome #add-tran a {
    display: inline;
    padding: 21px 30px 15px;
    font: 30px/1 'Myriad Pro Regular', 'Trebuchet MS', Helvetica, sans-serif;
    background: linear-gradient(to bottom, #0acc00, #00b503);
    border-bottom: 1px solid #008f00;
    border-radius: 0;
}
.welcome #add-tran a:hover,
.welcome #add-tran a:focus-visible { background-color: #ff5200; background-image: linear-gradient(#ff5200, #ea3c00); border-bottom: 1px solid #d31f00; color: #fff; cursor: pointer; }
@media (max-width: 480px) {
    .welcome #add-tran div a { font-size: 22px; }
}
.pv-back-to-top {
    position: fixed;
    z-index: 1000;
    right: 24px;
    bottom: 24px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #0863bd;
    color: #fff;
    font: 28px/1 Arial, sans-serif;
    cursor: pointer;
    box-shadow: none;
}
.pv-back-to-top:hover { background: #074f98; }
.pv-back-to-top:focus-visible { outline: 3px solid #00a6df; outline-offset: 3px; }

.intro { padding: 30px 0 80px; border-width: 2px 0; background: rgba(255, 255, 255, .9); font-family: 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif; }
.intro h1 {
    max-width: 968px;
    box-sizing: border-box;
    margin: .9em auto 0;
    padding: 20px 0 20px 104px;
    text-align: left;
    font-size: 46px;
    line-height: 1;
}
.intro h1::before {
    content: url('../images/mark.png');
    width: 100%;
    position: absolute;
    top: 4px;
    left: 0;
}
.intro h2 {
    max-width: 920px;
    box-sizing: border-box;
    margin: 0 auto 2em;
    padding: 0 0 10px 82px;
    text-align: left;
    font-size: 24px;
    line-height: 1.4;
    border-bottom: 1px solid #616161;
}
.intro p, .intro li { font-size: 22px; line-height: 1.1; color: #283440; }
.intro p { margin: .5em 0; }
.intro li { margin: 0; }
@media (min-width: 769px) {
    .intro img { max-width: 100%; height: auto; border-color: #d0dde5; }
    .intro .cover > img { display: block; margin: 24px auto; }
    .intro .cover { display: flow-root; }
    .intro .cover > p, .intro .cover > ul { max-width: 920px; margin-inline: auto; }
    .intro .cover > img { width: 100%; max-width: 920px; }
    .intro .cover > div > img { display: block; margin: 24px auto; }
}
.wide-img img { width: 100%; }
#mainpage main div#main { padding-bottom: 0; }
#counter { padding: 116px 0 156px; }
#counter p { font-size: 46px; line-height: 1.3; }
#counter p.desc { font-size: 28px; }
#digits { width: 920px; max-width: 100%; margin: 0 auto; }
#digits > div { display: flex; justify-content: center; align-items: center; }
#digits img { min-width: 0; max-width: none; object-fit: contain; }
#digits p { margin: 0; font-size: 60px; line-height: 1; color: #101b6a; text-align: right; }
#digits p:first-child { text-align: left; }

#header { margin: 0 -20px 2rem; padding: 60px 0 30px; border-color: #040308; }
#header #under-header h2 { font-size: 22px; line-height: 1.1; }
.is_account-cover img { max-width: 100%; height: auto; }
.is_account-cover input:not([type='checkbox']):not([type='radio']),
.is_account-cover select, .is_account-cover textarea { max-width: 100%; }
.pv-form-row { min-width: 0; }
.pv-form-row > * { min-width: 0; }

/** Shared account controls keep the compact form layout and native input behavior. */
.is_account-cover { --pv-control-height: 40px; }
.is_account-cover form.plavruk-form { font: 22px/1.3 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif; }
.is_account-cover form.plavruk-form p.label { font-size: 24px; }
.is_account-cover form :is(input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']), select, textarea) {
    box-sizing: border-box;
    max-width: 94%;
    min-height: var(--pv-control-height);
    padding: 7px 12px;
    border: 1px solid #9eafc2;
    border-radius: 5px;
    background: #fff;
    color: #162c49;
    font: 20px/1.2 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif!important;
    text-align: left;
    box-shadow: none;
}
.is_account-cover form textarea { min-height: 96px; resize: vertical; }
.is_account-cover form :is(input, select, textarea):focus-visible { border-color: #085bb6; outline: 2px solid #008cd3; outline-offset: 2px; }
.is_account-cover form :is(input, select, textarea):disabled { background: #edf2f7!important; color: #64748b!important; cursor: not-allowed; }
.is_account-cover form input[readonly] { background: #f2f6fa!important; border: 1px solid #9eafc2!important; border-radius: 5px!important; }
.is_account-cover form :is(input[type='checkbox'], input[type='radio']) { accent-color: #085bb6; }
body:not(#mainpage) :is(input[type='submit'], input[type='button'], form button, p.submit a, #tran-selector div a) {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    min-height: 0;
    margin: 22px 0;
    padding: 7px 25px 5px;
    border: 0;
    border-bottom: 1px solid #008f00;
    border-radius: 0;
    background: #0acc00 linear-gradient(to bottom, #0acc00, #00b503);
    color: #fff;
    font: 22px/1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif!important;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: normal;
    box-shadow: none;
    transition: none;
    cursor: pointer;
}
body:not(#mainpage) :is(input[type='submit'], input[type='button'], form button, p.submit a, #tran-selector div a):not(:disabled):is(:hover, :focus-visible) { background: #ff5200 linear-gradient(to bottom, #ff5200, #ea3c00); border-bottom-color: #d31f00; color: #fff; text-decoration: none; }
body:not(#mainpage) :is(input[type='submit'], input[type='button'], form button, p.submit a, #tran-selector div a):disabled { background: #64748b; border-color: #64748b; color: #fff; cursor: not-allowed; }

.cover .pv-standards-scroll { margin: 24px 0 36px; border: 1px solid #ccdbe6; border-radius: 6px; overflow-x: auto; }
.pv-standards-table { font: 22px/1.1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif; font-variant-numeric: tabular-nums; }
.pv-standards-table th, .pv-standards-table td { padding: 12px 8px; border-color: #dbe4ec; }
.pv-standards-table thead { background: #eaf3fa; color: var(--pv-navy); }
.pv-standards-table tbody tr:nth-child(even) { background: #f5f9fc; }
.pv-standards-table tbody tr:hover { background: #eaf3fa; }

footer.page-footer { clear: both; padding: 20px 0 30px; background: linear-gradient(#173763, #0a182a); }
footer.page-footer > .container-fluid { max-width: 840px; padding-inline: 0; }
footer.page-footer .container-footer__wrap { max-width: 840px; padding-inline: 0; }
.footer-first__container, .footer-center__container, .footer-Last__container { max-width: 225px!important; }
.wrap-footer_first { margin-left: 39px; text-align: left; }
.wrap-footer_center { margin-left: 37px; text-align: left; }
.wrap-footer_last { margin-left: 42px; text-align: left; }
footer.page-footer h5.text-footer { margin: 0; color: #fff; font: 400 25px/1.2 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif; }
footer.page-footer li { margin: 5px 0; font: 19px/1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif; }
footer.page-footer a { color: #dce9f5!important; line-height: 1; }
.footer-copyright { margin-top: -7px; padding: 11px 0; background: transparent; box-shadow: none; color: #c7d6e5; font: 16px/1.2 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif; }
@media (max-width: 767px) {
    body#mainpage #slideshow { min-height: 0; }
    body#mainpage #slideshow img { height: auto; }
    footer.page-footer > .container-fluid { padding-inline: 16px; }
    .footer-first__container, .footer-center__container, .footer-Last__container { max-width: 100%!important; }
    .wrap-footer_first, .wrap-footer_center, .wrap-footer_last { margin-left: 0; text-align: center; }
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid #008cd3;
    outline-offset: 3px;
}

@media (min-width: 768px) and (max-width: 1399px) {
    .navbar-custom a#logo { display: block!important; position: static; width: 100%; margin-bottom: 8px; }
}

@media (min-width: 768px) {
    body:not(#mainpage) #cover > .navbar-custom { min-height: 0; padding: 4px 0; }
    body:not(#mainpage) .navbar-custom #nav { width: 100%; max-width: var(--pv-content-width); min-height: 0; }
    body:not(#mainpage) #nav li a { padding: 8px 19.52px; font: 15px/normal 'Myriad Pro Regular', 'Trebuchet MS', Helvetica, sans-serif; }
    body:not(#mainpage) .navbar-custom a#logo { position: absolute; top: 8px; left: 20px; width: auto; margin: 0; }
    body:not(#mainpage) #logo img { height: 29px; }
}

@media (min-width: 768px) and (max-width: 1399px) {
    body:not(#mainpage) .navbar-custom a#logo { display: none!important; }
}

@media (min-width: 768px) {
    .welcome { padding: 97px 20px 178px; }
    .welcome #add-tran { margin: 75px 0 63px; }
    .header__navbar { height: 67px; border-bottom-width: 5px; }
    .navbar-custom { border-bottom-width: 5px; }
    .navbar-custom .navbar-collapse { min-height: 65px; }
    #slideshow { min-height: 0; }
    #slideshow img { height: auto; }
    #settings_form { font-family: 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif; font-size: 22px; line-height: 1.2; }
    #settings_form p.label { margin-top: 16px!important; margin-bottom: 6px; }
    #settings_form > p.label:first-child { margin-top: 40px!important; }
    #settings_form select, #settings_form #base_time { margin-top: 0!important; height: 40px; }
    #settings_form .pv-choice-list { grid-template-columns: 1fr; gap: 0; max-width: 240px; margin: 8px 0 18px; }
    #settings_form .pv-choice { min-height: 26px; margin: 0; color: #162c49; }
    #settings_form .pv-choice img { max-height: 28px; }
    #settings_form .submit { margin: 32px 0 40px; }
    #profileform .pv-form-grid { max-width: 640px; margin-left: 0; }
    #profileform .pv-form-row { grid-template-columns: 180px 285px; gap: 12px; }
    #profileform .pv-form-row > label { margin: 6px 0 0; text-align: left; }
    #profileform .pv-form-row input:not([type='checkbox']):not([type='radio']),
    #profileform .pv-form-row select,
    #profileform #password-strength { width: 285px!important; max-width: 285px; box-sizing: border-box; display: block; font-size: 16px; white-space: nowrap; padding-inline: 4px; }
}

.pv-mobile-logo { display: none; }

@media (max-width: 767px) {
    body#mainpage #cover > .nav__header { display: none; }
    body#mainpage #cover > nav.navbar-custom { order: 1; }
    body#mainpage #cover > #slideshow {
        order: 2;
        border-bottom: 0;
    }
    body#mainpage #cover > #slideshow::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -30px;
        left: 0;
        height: 30px;
        box-sizing: border-box;
        background: linear-gradient(to bottom, #173763, #0a182a);
        border-bottom: 3px solid var(--pv-blue);
    }
    body#mainpage #cover > main { order: 3; }
    body#mainpage #cover > .pv-back-to-top { order: 4; }
    body#mainpage #cover > footer { order: 5; }
    .is_account-cover { --pv-control-height: 44px; }
    .cover, .container-footer__wrap, footer > .container-fluid { padding-inline: 16px; }
    .header__navbar { height: auto; min-height: 60px; padding: 10px 16px; }
    .navbar-custom { display: flex; flex-wrap: wrap; align-items: center; padding: 4px 16px; }
    .navbar-custom a#logo { position: static; margin: 6px 0; width: auto; }
    .pv-mobile-logo { display: block; margin: 6px 0; }
    .pv-mobile-logo img { height: 29px; width: auto; }
    .navbar-custom button.navbar-toggler { margin: 0 0 0 auto; min-width: 44px; min-height: 44px; border: 0; background: transparent!important; color: white; font-size: 18px; }
    .navbar-custom .navbar-toggler-icon { filter: invert(1); }
    #nav { flex-basis: 100%; max-height: 65vh; overflow-y: auto; }
    #nav li { display: block; }
    #nav li a { width: 100%; min-height: 44px; border: 0; padding: 12px 16px; font-size: 14px; }
    .welcome { padding: 28px 16px 30px; }
    .welcome p#line1 { max-width: 420px; font-size: 32px; }
    .welcome p#line2 { font-size: 24px; }
    .welcome p#line3 { font-size: 26px; }
    .welcome #add-tran a { max-width: 100%; padding: 15px; font-size: 30px; }
    .pv-back-to-top { right: 16px; bottom: 16px; width: 42px; height: 42px; font-size: 24px; }
    .intro { padding: 32px 0; }
    .intro h1 { width: auto; margin: 0; padding: 54px 0 20px; text-align: center; font-size: 32px; }
    .intro h1::before { width: 48px; height: 48px; top: 0; left: calc(50% - 24px); }
    .intro h2 { width: auto; margin: 0 0 24px; padding: 0 0 20px; text-align: center; font-size: 22px; }
    .intro p, .intro li { font-size: 17px; line-height: 1.6; }
    .intro p { margin: 0 0 18px; }
    .intro li { margin: 6px 0; }
    .intro p img { float: none; display: block; margin: 16px auto; }
    div#digits { display: block; }
    #counter { padding: 32px 0; }
    #counter p { font-size: 28px; }
    #counter p.desc { font-size: 18px; }
    #digits p { font-size: 24px; }
    #digits { width: 100%; }
    #digits img { max-width: 10%; }
    .is_account-cover { padding: 0 16px 32px!important; }
    #profileform { margin-top: 2rem !important; }
    #profileform .pv-form-grid { width: min(100%, 360px); max-width: none; margin: 0 auto; gap: 18px; }
    #profileform .pv-form-row { grid-template-columns: 1fr; gap: 6px; }
    #profileform .pv-form-row > label { margin: 0; text-align: left; }
    #profileform .pv-form-row > div { width: 100%; }
    #profileform .pv-form-row input:not([type='checkbox']):not([type='radio']),
    #profileform .pv-form-row select,
    #profileform #password-strength { width: 100%!important; max-width: none; box-sizing: border-box; }
    #profileform #password-strength { margin: 0; }
    #profileform p.submit { width: min(100%, 360px); margin: 24px auto 0; }
    .is_account-cover:has(#settings_form) #under-header { justify-content: center; text-align: center; }
    .is_account-cover:has(#achievements_form) #under-header { justify-content: center; text-align: center; }
    #settings_form { width: min(100%, 360px); margin: 0 auto; text-align: center; }
    #settings_form p.label { text-align: center; }
    #settings_form .pv-settings-section { padding: 16px 14px 18px; margin-bottom: 14px; border: 1px solid #d8e5ed; border-radius: 12px; background: rgba(255, 255, 255, .96); box-shadow: 0 4px 14px rgba(37, 70, 96, .08); text-align: left; }
    #settings_form .pv-settings-section p.label { margin: 0 0 7px!important; text-align: left; color: #162c49; }
    #settings_form .pv-settings-section p.label:not(:first-child) { margin-top: 16px!important; }
    #settings_form .pv-settings-section select,
    #settings_form .pv-settings-section #base_time { display: block; width: 100%; max-width: none; box-sizing: border-box; margin: 0!important; }
    #settings_form .pv-settings-extra { color: #52606d; }
    #settings_form .pv-settings-extra .pv-choice-list { max-width: none; }
    #settings_form .pv-choice-list { margin-right: auto; margin-left: auto; text-align: left; }
    #settings_form .submit { margin: 20px 0 0; text-align: center; }
    #achievements_form { display: block; width: min(100%, 360px); margin: 0 auto; padding-top: 18px; }
    #achievements_form > .pv-record-fields,
    #achievements_form > .pv-weight-fields { width: 100%; }
    #achievements_form h2 { margin: 0 0 22px; text-align: left; }
    #achievements_form .pv-form-row { width: 100%; grid-template-columns: 1fr; gap: 6px; margin-bottom: 14px; }
    #achievements_form .pv-form-row > label { text-align: left; margin: 0; }
    #achievements_form .pv-form-row input,
    #achievements_form .pv-form-row select,
    #achievements_form .pv-form-row textarea { width: 100%; max-width: none; box-sizing: border-box; }
    #achievements_form .pv-record-notes textarea { height: 80px; min-height: 80px; }
    #achievements_form .submit { text-align: center; margin: 24px 0 0; }
    .is_account-cover form :is(input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']), select, textarea) { min-height: 44px; }
    #header { margin: 0; padding: 24px 0; }
    #header h1 { font-size: 40px; padding: 92px 0 0; margin: 0 0 12px; text-align: center; background-size: auto; background-position: center top; overflow-wrap: anywhere; }
    #header h2 { font-size: 26px; line-height: 1.3; }
    #under-header { position: static; padding: 0; flex-wrap: wrap; gap: 8px; }
    #under-header h2 { white-space: normal; margin: 0;  }
    body:not(#mainpage) #header h1 {
        min-height: 84px;
        margin: 0 0 8px;
        padding: 16px 0 0 120px;
        background-position: left top;
        text-align: left;
    }
    body:not(#mainpage) #under-header {
        justify-content: flex-start;
        margin-top: -1em;
        padding: 0 0 0 120px;
        text-align: left;
    }
    body:not(#mainpage) #under-header h2 { text-align: left; }
    #print { left: auto; top: auto; text-align: center; }
    .form-v5-content { width: calc(100% - 32px); margin: 110px 16px 40px; }
    .form-v5-content .form-detail { padding: 24px; }

}

/** Account data shares one layout on desktop and stacked cells on phones. */
.pv-data-list { margin: 24px 0; font: 22px/1.1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif; color: #253345; }
.pv-data-row { display: grid; gap: 5px; padding: 0; border: 0; border-radius: 0; margin-bottom: 5px; background: transparent; align-items: center; }
.pv-workout-list .pv-data-row { grid-template-columns: 180px 160px minmax(0, 1fr); }
.pv-record-list .pv-data-row { grid-template-columns: 110px 130px 180px 100px 95px minmax(130px, 1fr) 28px; }
.pv-weight-list .pv-data-row { grid-template-columns: 1fr 1fr 32px; }
.pv-data-row > div { min-width: 0; overflow-wrap: anywhere; }
.pv-data-row > div:not(.pv-data-action) {
    padding: 10px 12px;
    border: 1px solid #cbdce8;
    border-radius: 6px;
    background: linear-gradient(180deg, #f8fcff 0%, #e2f1f9 100%);
    box-shadow: 0 2px 3px rgba(25, 55, 80, .22);
}
.pv-data-head { background: transparent; color: #0085cf; font-weight: bold; }
.pv-data-head > div:not(.pv-data-action) {
    padding: 0 12px 7px;
    border: 0;
    border-bottom: 1px solid #cbd4dc;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font: 700 22px/1.1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif;
    white-space: normal;
    text-transform: uppercase;
}
.pv-data-head a { display: inline-flex; margin-right: 8px; vertical-align: middle; }
.pv-data-head img { width: 24px; height: 24px; object-fit: contain; }
.pv-data-row.pv-data-empty { grid-template-columns: 1fr; }
.pv-data-row a { color: #0756ad; }
.pv-achievement-form { display: grid; grid-template-columns: minmax(0, 560px) 460px; justify-content: start; gap: 24px; padding-top: 24px; }
.pv-achievement-form > div { min-width: 0; }
.pv-achievement-form h2 { margin: 0 0 20px; }
.pv-achievement-form .pv-record-notes { padding: 0; width: auto; }
.pv-achievement-form .pv-form-row { grid-template-columns: 160px 285px; margin-bottom: 10px; gap: 12px; align-items: center; }
.pv-achievement-form .pv-form-row > label { text-align: left; margin: 0; }
.pv-achievement-form textarea { display: block; width: 285px; max-width: 100%; min-height: 80px; height: 80px; margin-top: 0; }

@media (min-width: 768px) {
    .pv-data-list .pv-data-row:not(.pv-data-head) > div:not(.pv-data-action) { min-height: 48px; display: flex; align-items: center; }
    .pv-data-list .pv-data-row:not(.pv-data-head) > .pv-data-action { height: 48px; display: flex; align-items: center; justify-content: center; }
}
.is_account-cover #tabsR { height: auto; min-height: 0; padding: 8px; border: 1px solid #c9d8e6; border-radius: 6px; background: rgba(255, 255, 255, .78); }
#tabsR > .ui-tabs-nav { display: flex; gap: 6px; padding: 0; border: 0; border-bottom: 1px solid #c9d8e6; background: transparent; }
#tabsR > .ui-tabs-nav li { margin: 0; border: 0; border-radius: 6px 6px 0 0; background: #eaf3fa; }
#tabsR > .ui-tabs-nav li.ui-tabs-active { background: #085bb6; box-shadow: none; }
#tabsR .ui-tabs-nav a { display: block; padding: 10px 24px!important; color: #0756ad; font: 22px/1.2 'Myriad Pro Condensed', 'Trebuchet MS', sans-serif!important; text-decoration: none; }
#tabsR > .ui-tabs-nav li.ui-tabs-active a { color: #fff; }
.is_account-cover #tabsR .ui-tabs-panel { padding: 0; }
#tabsR .plavruk-results { width: 100%; max-height: 430px; margin: 0; padding: 8px 4px 4px; overflow-y: auto; overflow-x: hidden; scrollbar-color: #6e8190 #eaf3fa; scrollbar-width: thin; }
@media (max-width: 991px) {
    .pv-achievement-form { grid-template-columns: 1fr; }
    .pv-record-list .pv-data-row { gap: 8px; grid-template-columns: 85px 1fr 80px 70px 75px minmax(70px, 1fr) 24px; }
}
@media (max-width: 767px) {
    .is_account-cover #tabsR { padding: 6px; }
    #tabsR .plavruk-results { max-height: 58vh; }
    .pv-data-list .pv-data-row { grid-template-columns: 1fr; gap: 6px; padding: 0; }
    .pv-workout-list .pv-data-row:not(.pv-data-head) { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 2px solid rgba(0, 140, 211, .24); }
    .pv-workout-list .pv-data-row:not(.pv-data-head):last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
    .pv-data-row > div:not(.pv-data-action) { padding: 9px 10px; }
    .pv-data-list .pv-data-head { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
    .pv-data-list .pv-data-head:has(a) { position: static; width: auto; height: auto; padding: 14px; margin: 0 0 10px; clip-path: none; grid-template-columns: 1fr 1fr; }
    .pv-data-head:has(a) > div:not(:has(a)) { display: none; }
    .pv-data-row:not(.pv-data-head) > div[data-label] { display: grid; grid-template-columns: minmax(90px, .8fr) minmax(0, 1.2fr); gap: 12px; }
    .pv-data-row:not(.pv-data-head) > div[data-label]::before { content: attr(data-label); color: #0756ad; }
    .pv-achievement-form .pv-form-row { grid-template-columns: 1fr; gap: 6px; }
    .pv-achievement-form .pv-form-row input, .pv-achievement-form .pv-form-row select { width: 100%; }
}

/** Standards explorer: scoped to preserve the other shortcode forms and tables. */
.is_account-cover.pv-standards-shell { background: rgba(248, 251, 254, .94); box-shadow: none; }
#header.pv-standards-page { border: 0; padding: 60px 0 30px; }
#header.pv-standards-page > h1 { margin-bottom: 32px; }
.pv-standards-app { color: #162c49; }
.pv-standards-app [hidden] { display: none!important; }
.cover .pv-standards-app div { overflow: visible; }
.pv-standard-tabs { display: flex; border-bottom: 1px solid #c9d8e6; padding: 0 24px; background: white; border-radius: 8px 8px 0 0; }
.pv-standard-tabs button { min-height: 60px; padding: 16px 28px; border: 0; border-bottom: 3px solid transparent; background: none; color: #33445d; font: inherit; cursor: pointer; }
.pv-standard-tabs button[aria-pressed='true'] { color: #0756ad; border-bottom-color: #0862c3; font-weight: bold; }
.pv-standard-filters { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 28px; padding: 24px; background: white; border-bottom: 1px solid #d4e0ea; }
.pv-standard-filters fieldset { min-width: 0; border: 0; margin: 0; padding: 0; }
.pv-standard-filters legend, .pv-standard-select > span { display: block; width: auto; margin: 0 0 8px; padding: 0; font-size: 16px; line-height: 1.4; }
.pv-segments { display: flex; }
.pv-segments label { position: relative; flex: 1; min-width: 0; margin: 0; cursor: pointer; }
.pv-segments input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pv-segments span { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 12px; border: 1px solid #9eafc2; font-size: 16px; }
.pv-segments label:first-child span { border-radius: 5px 0 0 5px; }
.pv-segments label:last-child span { border-radius: 0 5px 5px 0; }
.pv-segments input:checked + span { background: #085bb6; border-color: #085bb6; color: white; }
.pv-segments input:focus-visible + span { outline: 3px solid #008cd3; outline-offset: 3px; }
.pv-standard-select { display: block; margin: 0; }
.pv-standard-select select { width: 100%; min-height: 44px; border: 1px solid #9eafc2; border-radius: 5px; background: white; color: #162c49; padding: 8px 12px; font: 16px/1.4 'Myriad Pro Regular', Arial, sans-serif; }
.pv-standard-distance { display: none; }
.pv-standard-results { padding: 24px; background: white; border-radius: 0 0 8px 8px; box-shadow: 0 5px 12px #16365312; }
#header .pv-standard-results h2 { margin: 0 0 4px; font-size: 32px; line-height: 1.15; color: #102d59; }
.pv-standard-context { margin: 0 0 16px; color: #0756ad; font-size: 16px; }
.cover .pv-standard-comparison { overflow-x: auto; border: 1px solid #c9d8e6; border-radius: 5px; }
.pv-standard-table { width: 100%; border-collapse: collapse; font: 22px/1.1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif; font-variant-numeric: tabular-nums; color: #162c49; }
.pv-standard-table th, .pv-standard-table td { padding: 12px 8px; border: 1px solid #d8e2ec; text-align: center; white-space: nowrap; }
.pv-standard-table thead { background: #edf3f9; }
.pv-standard-table tbody tr:nth-child(even) { background: #f7fafd; }
.pv-standard-table tbody tr:hover { background: #eaf3fc; }
.pv-standard-caption { font-size: 14px; color: #435b79; margin: 14px 0 0; }
.pv-standard-mobile { display: none; }
.pv-source-cards { display: none; }
.pv-standards-details { background: white; border: 1px solid #d4e0ea; border-radius: 6px; margin-top: 16px; padding: 0 24px; }
.pv-standards-details summary { cursor: pointer; padding: 18px 0; font-size: 17px; }
#header .pv-standards-details summary h3 { display: inline; color: inherit; font: inherit; }
.pv-standards-details > div { line-height: 1.65; margin-bottom: 20px; }
.pv-standards-details h2 { padding-top: 16px; }
.pv-water-panel > h2, .pv-water-panel > h3 { padding: 20px 24px 0; }
.pv-water-panel > div:not(.pv-standards-details) { padding: 0 24px; }
.pv-water-panel { background: white; border-radius: 0 0 8px 8px; padding-bottom: 16px; }

@media (max-width: 767px) {
    .is_account-cover.pv-standards-shell { padding-inline: 12px!important; }
    #header.pv-standards-page { padding-top: 24px; }
    .pv-standard-tabs { padding: 0 12px; }
    .pv-standard-tabs button { flex: 1; padding: 14px 8px; min-height: 48px; font-size: 16px; }
    .pv-standard-filters { grid-template-columns: 1fr; gap: 16px; padding: 16px; }
    .pv-standard-distance { display: block; }
    .pv-standard-desktop { display: none; }
    .pv-standard-mobile { display: block; }
    .pv-standard-results { margin-top: 12px; padding: 16px; border: 1px solid #d4e0ea; border-radius: 6px; }
    #header .pv-standard-results h2 { font-size: 26px; }
    .pv-standard-mobile h3 { font: 16px/1.3 'Myriad Pro Regular', Arial, sans-serif; margin: 0; padding: 10px; color: #0756ad; background: #edf3f9; border: 1px solid #d8e2ec; }
    .pv-standard-mobile dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; font-size: 18px; font-variant-numeric: tabular-nums; }
    .pv-standard-mobile dt, .pv-standard-mobile dd { padding: 8px 10px; margin: 0; border-bottom: 1px solid #d8e2ec; }
    .pv-standard-mobile dt { font-weight: normal; }
    .pv-standard-mobile dd { text-align: right; font-weight: bold; }
    .pv-standards-details { padding-inline: 16px; }
    .pv-water-panel > h2, .pv-water-panel > h3 { padding-inline: 16px; }
    .pv-water-panel > div:not(.pv-standards-details) { padding-inline: 16px; }
    .pv-standards-app .pv-source-desktop { display: none; }
    .pv-source-cards { display: block; min-width: 0; overflow-wrap: anywhere; }
    .pv-source-cards > dl { padding: 16px; margin: 16px 0; border: 1px solid #d4e0ea; border-radius: 6px; background: #f7fafd; }
    .pv-source-cards dt { color: #0756ad; font-size: 15px; font-weight: normal; }
    .pv-source-cards dd { margin: 4px 0 16px; font-size: 17px; line-height: 1.5; }
    .pv-source-cards dd:last-child { margin-bottom: 0; }
    .pv-source-cards .pv-standards-details { padding-inline: 12px; }
    .pv-source-cards .pv-standards-details dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .pv-source-cards .pv-standards-details dt, .pv-source-cards .pv-standards-details dd { padding: 8px 0; margin: 0; border-bottom: 1px solid #d4e0ea; }
    .pv-source-cards .pv-standards-details dd { text-align: right; }
}

/** Table typography matches the original achievements page, including mobile data cards. */
.is_account-cover table,
.is_account-cover :is(.pv-standard-mobile, .pv-source-cards) {
    font: 22px/1.1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif;
}
.is_account-cover table :is(th, td),
.is_account-cover :is(.pv-standard-mobile, .pv-source-cards) :is(dl, dt, dd) {
    font-family: 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.1!important;
}

/* Original mobile content metrics verified against plavruk.ru; exclude the header and footer. */
@media screen and (max-width: 768px) {
    body#mainpage main { font: 22px/1.1 'Myriad Pro Condensed', 'Trebuchet MS', Helvetica, sans-serif; color: #222; }
    body#mainpage main .cover { max-width: none; padding-inline: 15px; }
    body#mainpage main .pv-reveal { opacity: 1; transform: none; transition: none; }
    body#mainpage main a { transition: none; }

    body#mainpage main .welcome { margin-top: 34.8px; padding: 44px 15px; background: rgba(255, 255, 255, .5); }
    body#mainpage main .welcome p { max-width: none; margin: 0; }
    body#mainpage main .welcome p#line1,
    body#mainpage main .welcome p#line2 { font-size: 39px; line-height: 1.1; }
    body#mainpage main .welcome p#line3 { font-size: 42px; line-height: 1.1; }
    body#mainpage main .welcome #add-tran { margin: 72px 0; }
    body#mainpage main .welcome #add-tran a { max-width: none; padding: 15px; font-size: 30px; background-color: #0acc00; }
    body#mainpage main .welcome #add-tran a:hover { background-color: #ff5200; background-image: linear-gradient(#ff5200, #ea3c00); border-bottom-color: #d31f00; }

    body#mainpage main .intro { padding: 30px 0 80px; border-width: 3px 0; background: rgba(255, 255, 255, .8); }
    body#mainpage main .intro h1 { max-width: none; padding: 50px 0 0; margin: 0; text-align: center; font-size: 46px; }
    body#mainpage main .intro h1::before { top: -25px; left: 0; width: 100%; height: auto; }
    body#mainpage main .intro h2 { max-width: none; margin: 0; padding: 15px 0; text-align: center; font-size: 24px; line-height: 1.1; }
    body#mainpage main .intro p,
    body#mainpage main .intro li { font-size: 22px; line-height: 1.1; color: #444; }
    body#mainpage main .intro p { margin: .5em 0; }
    body#mainpage main .intro li { margin: 0; }
    body#mainpage main .intro p img { float: left; margin: 2px 14px 6px 0; }

    body#mainpage main #counter { padding: 25px 0; background: rgba(255, 255, 255, .5); }
    body#mainpage main #counter p { font-size: 46px; line-height: 1.1; }
    body#mainpage main #counter p.desc { font-size: 28px; }
    body#mainpage main #digits { width: auto; max-width: none; margin: 0; }
    body#mainpage main #digits > div { display: block; }
    body#mainpage main #digits img { min-width: auto; max-width: 100%; object-fit: fill; }
    body#mainpage main #digits p { font-size: 60px; line-height: 1; }
}

@media screen and (max-width: 480px) {
    body#mainpage main .welcome #add-tran a { font-size: 22px; }
}

@media screen and (max-width: 520px) {
    body#mainpage main #digits { display: none; }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    body#mainpage main .cover { max-width: 540px; }
}

@media screen and (width: 768px) {
    body#mainpage main .cover { max-width: 720px; }
}