/* Canonical Crit Pick header. Keep this component scoped to its own surface. */
body:has(.cp-site-header){padding-top:0!important}
.cp-site-header,.cp-site-header *,.cp-site-search,.cp-site-search *{box-sizing:border-box}
.cp-site-header{position:relative;z-index:9000;border-bottom:1px solid #2a2d35;background:#16181d;color:#c9cbd1;font:500 15px/1.5 Inter,system-ui,sans-serif}
.cp-site-header__inner{width:min(1320px,calc(100% - 72px));min-height:80px;margin-inline:auto;display:flex;align-items:center;gap:30px}
.cp-site-header a{color:#a3a5af;text-decoration:none!important;letter-spacing:normal;text-transform:none;white-space:nowrap}
.cp-site-header a:hover{color:#eceae4}
.cp-site-header__brand{display:block;flex:none}.cp-site-header__brand img{display:block;width:156px;height:auto;max-width:none;object-fit:contain}
.cp-site-header__nav{display:flex;align-items:center;gap:22px;min-width:0}.cp-site-header__nav a{font:500 14px/1.5 Inter,system-ui,sans-serif}
.cp-site-header__account{display:flex;align-items:center;gap:18px;margin-left:auto;flex:none}
.cp-site-header button{appearance:none;border:0;background:none;color:inherit;box-shadow:none;cursor:pointer;font:inherit;letter-spacing:normal;text-transform:none;min-height:44px;padding:8px 0}
.cp-site-header__search svg{display:none;width:21px;height:21px}.cp-site-header__follows{color:#ffb22e!important}.cp-site-header__menu{display:none;align-items:center;gap:10px!important;padding:8px 12px!important;border:1px solid #2a2d35!important;border-radius:10px;background:#1d2027!important;color:#eceae4!important}
.cp-site-header [hidden],.cp-site-search [hidden]{display:none!important}
.cp-site-header :is(a,button):focus-visible,.cp-site-search :is(a,button,input):focus-visible{outline:3px solid #ffb22e;outline-offset:4px}
.cp-site-search{position:fixed;inset:0;margin:auto;width:min(680px,calc(100% - 32px));max-height:85dvh;padding:26px;border:1px solid #45423b;border-top:3px solid #ffb22e;border-radius:16px;background:#1b1e25;color:#eceae4;box-shadow:0 24px 80px #0009;font:400 15px/1.6 Inter,system-ui,sans-serif;z-index:10000}
.cp-site-search::backdrop{background:#080a0dd9}.cp-site-search__top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.cp-site-search h2{margin:0;font:700 27px/1.2 'Space Grotesk',Inter,sans-serif;color:#eceae4}.cp-site-search button{width:42px;height:42px;border:1px solid #454851;border-radius:9px;background:#252832;color:#eceae4;cursor:pointer;font:24px/1 Inter,sans-serif}.cp-site-search label{display:block;font-size:13px;margin-bottom:7px;color:#c9cbd1}.cp-site-search input{display:block;width:100%;min-height:48px;border:1px solid #62646b;border-radius:9px;padding:10px 13px;background:#16181d;color:#eceae4;font:16px/1.4 Inter,system-ui,sans-serif}.cp-site-search p{margin:14px 0;color:#a3a5af;font-size:13px}.cp-site-search ul{list-style:none;margin:0 0 16px;padding:0}.cp-site-search li{margin:0;border-bottom:1px solid #353944}.cp-site-search li a{display:block;padding:12px 2px;color:#eceae4;text-decoration:none;font-size:15px}.cp-site-search li a:hover{color:#ffb22e}.cp-site-search>a{color:#ffb22e;font-size:13px}
.cp-site-header-skip{position:fixed;left:12px;top:10px;z-index:11000;transform:translateY(-180%);padding:10px 15px;background:#ffb22e;color:#16181d;border-radius:8px;font:600 14px/1.5 Inter,sans-serif}.cp-site-header-skip:focus{transform:none}
@media(max-width:1100px){.cp-site-header__inner{width:calc(100% - 36px);min-height:73px;gap:0;flex-wrap:wrap;padding:14px 0}.cp-site-header__brand img{width:134px}.cp-site-header__account{gap:10px}.cp-site-header__signin{display:none}.cp-site-header__search{width:32px;display:grid;place-items:center}.cp-site-header__search span{display:none}.cp-site-header__search svg{display:block}.cp-site-header__menu{display:inline-flex}.cp-site-header__nav{order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;margin-top:12px}.cp-site-header__nav a{display:block;min-height:44px;padding:12px 0;border-top:1px solid #2a2d35;font-size:15px}.cp-site-header__follows{font-size:14px}}
@media(prefers-reduced-motion:reduce){.cp-site-header *,.cp-site-search *{scroll-behavior:auto!important;transition:none!important}}

body:has(.cp-site-header){margin:0!important;background:#16181d!important;color:#c9cbd1;min-height:100vh}
.cp-quiz-page .gh-main{width:min(1140px,calc(100% - 48px));margin:28px auto 60px}.cp-quiz-page #wf-quiz-page{margin:0 auto!important}