.header-actions .quiz-nav{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:7px 12px;border:1px solid currentColor;border-radius:30px;font-size:12px;font-weight:700;white-space:nowrap;color:var(--ink,#20211e)}
.quiz-nav span{color:var(--accent,#253de9);font-size:21px}.quiz-nav:hover{background:#dff27e;color:#20211e}.quiz-nav:focus-visible{outline:3px solid #253de9;outline-offset:3px}
.social-nav{position:relative;flex-shrink:0}.social-nav>summary{list-style:none;cursor:pointer;user-select:none}.social-nav>summary::-webkit-details-marker{display:none}.social-nav[open]>.quiz-nav{background:#dff27e;color:#20211e}.quiz-nav .social-chevron{font-size:16px;transition:transform .18s}.social-nav[open] .social-chevron{transform:rotate(180deg)}
.social-dropdown{position:absolute;z-index:100;top:100%;left:0;width:250px;max-width:calc(100vw - 40px);padding-top:9px;animation:social-reveal .16s ease-out}.social-dropdown>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 18px;border:1px solid var(--ink,#20211e);border-top:3px solid #253de9;background:var(--bg,#f5f3eb);color:var(--ink,#20211e);box-shadow:5px 5px 0 #20211e18;text-decoration:none}.social-dropdown strong{display:block;font-size:14px}.social-dropdown small{display:block;font-size:11px;margin-top:6px;line-height:1.5}.social-dropdown>a>span:last-child{font-size:24px;color:#253de9}.social-dropdown>a:hover,.social-dropdown>a:focus-visible{background:#dff27e;color:#20211e}.social-dropdown>a:focus-visible{outline:2px solid #253de9;outline-offset:2px}.social-dropdown>a[aria-current=page]{border-left:4px solid #253de9}
@keyframes social-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.social-dropdown{animation:none}.quiz-nav .social-chevron{transition:none}}
.social-dropdown>a+a{border-top:0}
/* A wrapping toolbar needs an automatic height, including on small tablets. */
@media(max-width:1350px){.site-header .topbar{height:auto;min-height:78px;padding-block:14px}.site-header .header-actions{min-width:0}}
@media(max-width:700px){
  .site-header .topbar{min-height:65px;align-items:center}
  .site-header .header-actions{position:relative;flex:1 1 100%;width:100%;justify-content:flex-start}
  .header-actions .social-nav{position:static}
  .header-actions .social-dropdown{left:0;right:auto;top:100%;width:min(300px,100%);max-width:100%;box-sizing:border-box}
  .header-actions .social-dropdown>a{min-width:0;box-shadow:3px 3px 0 #20211e18}
  .social-dropdown>a>span:first-child{min-width:0;overflow-wrap:anywhere}
  .header-actions .quiz-nav,.header-actions .login-link,.header-actions .icon-btn,.header-actions .menu-toggle{min-height:44px}
  .header-actions .login-link{display:inline-flex;align-items:center;white-space:normal}
  .header-actions .icon-btn{min-width:40px;flex-shrink:0}
}
@media(max-width:1100px){.site-header .topbar{flex-wrap:wrap;gap:12px}.site-header .header-actions{flex-wrap:wrap;gap:10px;max-width:100%}}
@media(max-width:600px){.site-header .header-actions{justify-content:flex-start;flex:1 1 100%}.header-actions .quiz-nav{font-size:11px;padding:6px 10px}}
.header-actions .podcast-nav{flex-shrink:0;text-decoration:none;min-height:44px}.podcast-nav[aria-current=page]{background:#dff27e;color:#20211e}.podcast-nav .podcast-nav-wave{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:23px;height:22px;color:var(--accent,#253de9)}.podcast-nav-wave i{display:block;width:3px;height:9px;border-radius:3px;background:currentColor;transform-origin:center;animation:podcast-nav-pulse 1.2s ease-in-out 3}.podcast-nav-wave i:nth-child(2){height:19px;animation-delay:.12s}.podcast-nav-wave i:nth-child(3){height:14px;animation-delay:.24s}.podcast-nav-wave i:nth-child(4){height:7px;animation-delay:.36s}.podcast-nav .podcast-nav-arrow{font-size:17px}.podcast-nav:hover .podcast-nav-wave i{animation:podcast-nav-hover .8s ease-in-out 2}@keyframes podcast-nav-pulse{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.4)}}@keyframes podcast-nav-hover{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.5)}}@media(max-width:1350px){.site-header .topbar{flex-wrap:wrap;gap:12px}.site-header .header-actions{flex-wrap:wrap;gap:10px;max-width:100%}}@media(prefers-reduced-motion:reduce){.podcast-nav-wave i,.podcast-nav:hover .podcast-nav-wave i{animation:none}}