.prepito-brand{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#080808;line-height:1;isolation:isolate}.prepito-word{position:relative;display:inline-block;flex-shrink:0;font:700 24px/1 BDO,Arial,sans-serif;letter-spacing:0;white-space:nowrap;width:4.24em;height:1.2em;overflow:hidden;text-indent:-9999px}.prepito-word:before{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:url("/pyqs/assets/prepito-wordmark.svg") center/contain no-repeat;mask:url("/pyqs/assets/prepito-wordmark.svg") center/contain no-repeat}.prepito-cat{order:-1;display:block;width:27px;height:42px;object-fit:contain;flex-shrink:0;pointer-events:none}.pyq-nav>a:has(.prepito-brand){display:inline-flex;align-items:center;text-decoration:none;min-height:44px;flex-shrink:0}.catalog-nav .prepito-brand{margin-top:0}@media(max-width:520px){.prepito-word{font-size:22px;letter-spacing:-.72px}.prepito-cat{width:25px;height:39px}.prepito-brand{gap:5px}}
.nav-links .nav-coming-soon{display:inline-block;position:relative;cursor:default}.nav-status-tag{position:absolute;top:-13px;right:-8px;display:block;padding:3px 5px;border:1px solid var(--brand-border);border-radius:5px;background:var(--brand-light);color:var(--brand-accent);font:600 9px/1 Inter,Arial,sans-serif;letter-spacing:.1px;white-space:nowrap}
@media(max-width:520px){.pyq-nav{padding:0 12px;gap:10px}.pyq-nav .nav-links{gap:8px}.pyq-nav .menu-icon{margin-left:0}.pyq-nav .account-menu summary{max-width:116px}.pyq-nav .account-name{max-width:48px}}@media(max-width:360px){.pyq-nav .account-name{display:none}}

/* Approved mobile-only navy glass navigation. Native modal owns focus/inertness. */
dialog.prepito-mobile-menu{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:10px;border:0;background:transparent;color:color-mix(in srgb, var(--brand-light) 45%, white);overflow:hidden;box-sizing:border-box;font:400 16px/1.5 Inter,Arial,sans-serif;overscroll-behavior:contain}
dialog.prepito-mobile-menu::backdrop{background:color-mix(in srgb,var(--brand-primary) 0%,transparent);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .3s ease,backdrop-filter .3s ease}
dialog.prepito-mobile-menu.is-visible::backdrop{background:color-mix(in srgb,var(--brand-primary) 28%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.prepito-mobile-menu .pmm-panel{box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:100%;padding:24px 22px 18px;border:1px solid color-mix(in srgb, var(--brand-border) 20.00%, transparent);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-secondary) 92%,transparent),color-mix(in srgb,var(--brand-primary) 90%,transparent));backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);box-shadow:0 18px 70px color-mix(in srgb, var(--brand-primary) 40.00%, transparent),inset 0 1px 0 #ffffff16;opacity:0;transform:translateX(28px);transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s ease;overflow:hidden}
.prepito-mobile-menu.is-visible .pmm-panel{opacity:1;transform:translateX(0)}
.prepito-mobile-menu *{box-sizing:border-box}
.prepito-mobile-menu .pmm-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid color-mix(in srgb, var(--brand-border) 16.86%, transparent);flex-shrink:0}
.prepito-mobile-menu .prepito-brand{color:white;text-decoration:none;gap:6px}
.prepito-mobile-menu .prepito-cat{filter:invert(1);width:25px;height:39px}
.prepito-mobile-menu .prepito-word{font-size:24px}
.prepito-mobile-menu button{font-family:Inter,Arial,sans-serif;cursor:pointer}
.prepito-mobile-menu svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.prepito-mobile-menu .pmm-close{border:1px solid color-mix(in srgb, var(--brand-border) 16.86%, transparent);background:color-mix(in srgb, var(--brand-light) 4.71%, transparent);color:color-mix(in srgb, var(--brand-light) 45%, white);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;padding:0;flex-shrink:0}
.prepito-mobile-menu .pmm-links{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--brand-border) 30.20%, transparent) transparent}
.prepito-mobile-menu .pmm-caption{color:var(--brand-border);text-transform:uppercase;letter-spacing:1.35px;font-size:11px;font-weight:600;margin:0 10px 12px}
.prepito-mobile-menu .pmm-link,.prepito-mobile-menu .pmm-tests summary{display:flex;align-items:center;gap:14px;padding:9px 10px;margin:3px 0;min-height:57px;color:color-mix(in srgb, var(--brand-light) 45%, white);text-decoration:none;font-size:17px;font-weight:500;border:0;border-radius:13px;line-height:1.4;transition:background .16s ease,transform .16s ease}
.prepito-mobile-menu .pmm-link[aria-current]{background:color-mix(in srgb, var(--brand-border) 16.86%, transparent);font-weight:600}
.prepito-mobile-menu .pmm-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb, var(--brand-border) 8.24%, transparent);color:var(--brand-light);flex-shrink:0}
.prepito-mobile-menu .pmm-practice{margin-top:20px;padding-top:20px;border-top:1px solid color-mix(in srgb, var(--brand-border) 16.86%, transparent)}
.prepito-mobile-menu .pmm-tests summary{list-style:none;cursor:pointer}
.prepito-mobile-menu .pmm-tests summary::-webkit-details-marker{display:none}
.prepito-mobile-menu .pmm-tests summary>svg{margin-left:auto;width:19px;height:19px;transition:transform .2s ease}
.prepito-mobile-menu .pmm-tests:not([open]) summary>svg{transform:rotate(-90deg)}
.prepito-mobile-menu .pmm-test-links{margin:4px 0 0 29px;padding-left:20px;border-left:1px solid color-mix(in srgb, var(--brand-border) 20.78%, transparent)}
.prepito-mobile-menu .pmm-test-links .pmm-link{font-size:14px;min-height:48px;padding:10px 8px;margin:0}
.prepito-mobile-menu .pmm-test-links .pmm-icon{display:none}
.prepito-mobile-menu .pmm-footer{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid color-mix(in srgb, var(--brand-border) 16.86%, transparent);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0px)}
.prepito-mobile-menu .pmm-avatar{display:grid;place-items:center;overflow:hidden;width:38px;height:38px;background:color-mix(in srgb, var(--brand-border) 20.00%, transparent);border-radius:50%;font-size:13px;flex-shrink:0}
.prepito-mobile-menu .pmm-avatar img{height:100%;width:100%;object-fit:cover}
.prepito-mobile-menu .pmm-name{font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.prepito-mobile-menu .pmm-logout{display:flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb, var(--brand-border) 25.10%, transparent);background:transparent;color:var(--brand-light);padding:9px 10px;border-radius:11px;font-size:12px;min-height:44px}
.prepito-mobile-menu .pmm-logout svg{height:17px;width:17px}
.prepito-mobile-menu .pmm-start{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border-radius:12px;background:color-mix(in srgb, var(--brand-border) 16.86%, transparent);color:color-mix(in srgb, var(--brand-light) 45%, white);font-size:15px;font-weight:600;text-decoration:none}
.prepito-mobile-menu a:focus-visible,.prepito-mobile-menu button:focus-visible,.prepito-mobile-menu summary:focus-visible{outline:2px solid var(--brand-border);outline-offset:2px}
@media(hover:hover){.prepito-mobile-menu .pmm-link:hover,.prepito-mobile-menu .pmm-tests summary:hover,.prepito-mobile-menu .pmm-close:hover,.prepito-mobile-menu .pmm-logout:hover{background:color-mix(in srgb, var(--brand-border) 13.33%, transparent)}}
.prepito-mobile-menu .pmm-link:active,.prepito-mobile-menu .pmm-close:active{transform:scale(.98)}
@media(max-width:800px){.pyq-nav .tests-nav-menu{display:none}.pyq-nav .menu-icon{display:grid;place-items:center;width:44px;height:44px;padding:0;margin-left:0;cursor:pointer}}
@media(max-width:360px){.prepito-mobile-menu .pmm-panel{padding:20px 16px 14px}.prepito-mobile-menu .pmm-link,.prepito-mobile-menu .pmm-tests summary{font-size:16px}}
@media(min-width:801px){dialog.prepito-mobile-menu{padding:16px}.prepito-mobile-menu .pmm-panel{width:min(480px,calc(100vw - 32px));margin-left:auto}}
@media(prefers-reduced-motion:reduce){dialog.prepito-mobile-menu::backdrop,.prepito-mobile-menu .pmm-panel,.prepito-mobile-menu .pmm-link,.prepito-mobile-menu .pmm-tests summary,.prepito-mobile-menu .pmm-tests summary>svg{transition:none}}