@layer components{.yby__badge{display: inline-block; margin-left: 6px; padding: 2px 6px; font-size: 0.625rem; font-weight: var(--fw-bold); letter-spacing: var(--ls-label); background: var(--red); color: #fff; vertical-align: 2px;}}
@layer components{.lane{position: relative; display: flex; flex-direction: column; gap: 6px; min-height: 220px; padding: var(--sp-5); background: var(--graphite); color: #fff; cursor: pointer; overflow: hidden; transition: transform .15s;}}
@layer components{.lane:hover{transform: translateY(-3px);}}
@layer components{.lane input{position: absolute; opacity: 0;}}
@layer components{.lane:has(input:checked){background: linear-gradient(135deg, var(--red-deep), var(--red)); box-shadow: 0 16px 40px rgba(206,26,39,.35);}}
@layer components{.lane:has(input:focus-visible){outline: 3px solid #ce1a27;}}
@layer components{.chx-head{margin-bottom: var(--sp-5); padding-bottom: 12px; border-bottom: 4px solid var(--graphite);}}
@layer components{.chx-head h2{margin: 8px 0 0; font-family: var(--font-display); font-weight: var(--fw-black); font-size: clamp(2.25rem, 5vw, 4.25rem); line-height: .9; letter-spacing: var(--ls-tight); text-transform: uppercase; color: var(--graphite);}}
@layer components{.chx-head p{margin: 10px 0 0; font-family: var(--font-serif); font-size: 1.0625rem; color: var(--gray-body);}}
@layer components{.chx-note{margin: var(--sp-4) 0 0; font-family: var(--font-serif); font-size: 1rem; color: var(--gray-body);}}
@layer components{.chx-note a{color: var(--red); font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}}
@layer components{.trophy__inner{padding-block: var(--sp-7) var(--sp-7);}}
@layer components{.trophy__lead{margin-top: var(--sp-5);}}
@layer components{.trophy__title{margin: 14px 0 0; font-family: var(--font-display); font-weight: var(--fw-black); font-size: clamp(3.5rem, 11vw, 10.5rem); line-height: .82; letter-spacing: var(--ls-tight); text-transform: uppercase; text-shadow: 0 8px 50px rgba(0,0,0,.6);}}
@layer components{.trophy__intro{margin: var(--sp-4) 0 0; max-width: 42rem; font-family: var(--font-serif); font-size: clamp(1.125rem, 1.7vw, 1.4375rem); line-height: 1.45; color: rgba(255,255,255,.92);}}
@layer components{.banner__k{font-family: var(--font-display); font-size: 0.625rem; font-weight: var(--fw-black); letter-spacing: var(--ls-label); text-transform: uppercase; color: rgba(255,255,255,.85);}}
@layer components{.banner__year{font-family: var(--font-display); font-weight: var(--fw-black); font-size: clamp(2.75rem, 4.4vw, 3.75rem); line-height: .82; letter-spacing: -.02em;}}
@layer components{.banner__label{font-family: var(--font-display); font-weight: var(--fw-black); font-size: .9375rem; line-height: 1.02; letter-spacing: .02em; text-transform: uppercase;}}
@layer components{.banner__score{margin-top: 2px; padding: 2px 8px; background: #fff; color: var(--red); font-family: var(--font-display); font-weight: var(--fw-black); font-size: .9375rem; letter-spacing: .02em;}}
@layer components{.trophy__strip{background: rgba(0,0,0,.5); border-top: 1px solid rgba(255,255,255,.12);}}
@layer components{.trophy__strip .container{display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-7); padding-block: var(--sp-4);}}
@layer components{.trophy__strip .container > div{display: flex; flex-direction: column; gap: 2px;}}
@layer components{.trophy__strip b{font-family: var(--font-display); font-weight: var(--fw-black); font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1; letter-spacing: var(--ls-tight);}}
@layer components{.trophy__strip span{font-family: var(--font-display); font-size: var(--fs-micro); font-weight: var(--fw-semi); letter-spacing: var(--ls-label); text-transform: uppercase; color: rgba(255,255,255,.72);}}
@layer components{@media (max-width: 767px){.trophy__inner{padding-block: var(--sp-6);}}}
@layer components{.sline__head{display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--sp-3) var(--sp-5); margin-bottom: var(--sp-5);}}
@layer components{.sline__title{margin: 12px 0 0; font-family: var(--font-display); font-weight: var(--fw-black); font-size: clamp(2rem, 4.4vw, 3.75rem); line-height: .9; letter-spacing: var(--ls-tight); text-transform: uppercase;}}
@layer components{.sline__legend{display: flex; flex-wrap: wrap; gap: 6px var(--sp-4); margin: 0; font-family: var(--font-display); font-size: var(--fs-micro); font-weight: var(--fw-semi); letter-spacing: var(--ls-label); text-transform: uppercase; color: rgba(255,255,255,.75);}}
@layer components{.sline__legend span{display: inline-flex; align-items: center; gap: 6px;}}
@layer components{.sline__legend i{display: inline-block; width: 12px; height: 12px; background: #fff;}}
@layer components{.sline__legend i.is-l{background: rgba(255,255,255,.28);}}
@layer components{.sline__legend i.is-p{background: transparent; outline: 2px solid #fff; outline-offset: -2px;}}
@layer components{.sline__legend i.is-t{background: var(--red);}}
@layer components{.sline__legend i.is-me{background: transparent; box-shadow: inset 0 -4px 0 var(--red); outline: 1px solid rgba(255,255,255,.4); outline-offset: -1px;}}
@layer components{.yby-hero__title{font-size: clamp(3.5rem, 10vw, 9rem);}}
@layer components{.yby-banners{margin-top: var(--sp-6);}}
@layer components{.banner--runner{background: linear-gradient(180deg, #f3f4f6 0%, #c9cdd3 100%); color: var(--graphite); box-shadow: inset 0 0 0 3px var(--graphite), inset 0 0 0 5px #e1e4e8;}}
@layer components{.banner--runner::before{background: #fff;}}
@layer components{.banner--runner .banner__k{color: var(--graphite);}}
@layer components{.banner--runner .banner__score{background: var(--graphite); color: #fff;}}
@layer components{.banner--runner:hover,.banner--runner:focus-visible{color: var(--graphite);}}
@layer components{.yby-banners .banner{width: clamp(140px, 13vw, 184px);}}
@layer components{.yby-banners .banner__label{font-size: .8125rem;}}
@layer components{.ygrid{background: linear-gradient(180deg, #15181c, var(--graphite)); color: #fff; padding-block: var(--sp-7);}}
@layer components{.ygrid__legend i{width: 14px; height: 14px;}}
@layer components{.ygrid__legend i + i{margin-left: -4px;}}
@layer components{.ygrid__legend .t1{background: #3a4048;}}
@layer components{.ygrid__legend .t2{background: #59616b;}}
@layer components{.ygrid__legend .t3{background: #858d97;}}
@layer components{.ygrid__legend .t4{background: #bcc2ca;}}
@layer components{.ygrid__legend .t5{background: #fff;}}
@layer components{.ygrid__legend .is-champ{background: var(--red);}}
@layer components{.ygrid__legend .is-runner{background: #fff; box-shadow: inset 0 0 0 3px var(--red);}}
@layer components{.ygrid__rows{display: grid; gap: 6px;}}
@layer components{.ygrid__row{display: grid; grid-template-columns: 4.5rem repeat(10, minmax(0, 1fr)); gap: 6px; align-items: stretch;}}
@layer components{.ygrid__row > b{align-self: center; font-family: var(--font-display); font-weight: var(--fw-black); font-size: clamp(1rem, 1.6vw, 1.5rem); letter-spacing: var(--ls-tight); color: rgba(255,255,255,.75);}}
@layer components{.ycell{position: relative; display: grid; place-items: center; height: clamp(38px, 4.4vw, 60px); background: #3a4048; color: rgba(255,255,255,.85); font-family: var(--font-display); font-weight: var(--fw-black); font-size: clamp(.75rem, 1.2vw, 1.0625rem); transition: transform 150ms var(--ease, ease);}}
@layer components{.ycell i{font-style: normal;}}
@layer components{.ycell.is-none{background: transparent; outline: 1px dashed rgba(255,255,255,.12); outline-offset: -1px;}}
@layer components{.ycell.t0{background: #2f343a; color: rgba(255,255,255,.5);}}
@layer components{.ycell.t2{background: #59616b;}}
@layer components{.ycell.t3{background: #858d97; color: #2f343b;}}
@layer components{.ycell.t4{background: #bcc2ca; color: #2f343b;}}
@layer components{.ycell.t5{background: #fff; color: #2f343b;}}
@layer components{.ycell.is-champ{background: var(--red); color: #fff; box-shadow: inset 0 0 0 2px #fff;}}
@layer components{.ycell.is-runner{background: #fff; color: var(--red); box-shadow: inset 0 0 0 4px var(--red);}}
@layer components{.ycell.is-state{background: var(--graphite); color: #fff; box-shadow: inset 0 0 0 3px var(--red);}}
@layer components{.ygrid__legend .is-state{background: var(--graphite); box-shadow: inset 0 0 0 3px var(--red);}}
@layer components{.yby__badge--state{background: var(--graphite); color: #fff; box-shadow: inset 0 0 0 2px var(--red);}}
@layer components{.yby__badge--region{background: var(--red); color: #fff;}}
@layer components{a.ycell:hover,a.ycell:focus-visible{transform: scale(1.12); z-index: 3; outline: 2px solid #fff; outline-offset: 0;}}
@layer components{.ycell__tip{position: absolute; z-index: 5; left: 50%; bottom: calc(100% + 8px); translate: -50% 0; display: none; flex-direction: column; gap: 2px; min-width: 150px; padding: 10px 12px; background: #fff; color: var(--graphite); border-top: 4px solid var(--red); font-family: var(--font-display); font-size: var(--fs-small); font-weight: var(--fw-bold); letter-spacing: var(--ls-ui); text-transform: uppercase; text-align: left; white-space: nowrap; box-shadow: 0 14px 30px -12px rgba(0,0,0,.6); pointer-events: none;}}
@layer components{.ycell__tip b{font-weight: var(--fw-black); font-size: 1.375rem; line-height: 1;}}
@layer components{.ycell__tip em{font-style: normal; font-size: .6875rem; color: var(--gray-meta); letter-spacing: var(--ls-label);}}
@layer components{.ycell__tip u{text-decoration: none; font-size: .6875rem; font-weight: var(--fw-black); letter-spacing: var(--ls-label); color: var(--red);}}
@layer components{a.ycell:hover .ycell__tip,a.ycell:focus-visible .ycell__tip{display: flex;}}
@layer components{.ygrid__row a.ycell:nth-child(-n/**/+3) .ycell__tip{left: 0; translate: 0 0;}}
@layer components{.ygrid__row a.ycell:nth-last-child(-n/**/+2) .ycell__tip{left: auto; right: 0; translate: 0 0;}}
@layer components{@media (max-width: 767px){.ygrid__row{grid-template-columns: 3rem repeat(10, minmax(0, 1fr)); gap: 3px;}}}
@layer components{@media (max-width: 767px){.ycell i{display: none;}}}
@layer components{.yby-filters{display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: var(--sp-3);}}
@layer components{.yby-filters .chip{cursor: pointer;}}
@layer components{.yby--v2 thead th{position: sticky; top: 0; z-index: 2; background: var(--graphite); color: #fff; cursor: pointer;}}
@layer components{.yby--v2 td{padding-block: 10px;}}
@layer components{.yby--v2 tr.is-champion td{background: #fff5f5;}}
@layer components{.yby--v2 tr.is-champion td:first-child{box-shadow: inset 6px 0 0 var(--red);}}
@layer components{.yby--v2 tr.is-runner td{background: var(--silver-3);}}
@layer components{.yby--v2 tr.is-runner td:first-child{box-shadow: inset 6px 0 0 var(--graphite);}}
@layer components{.yby--v2 tr:hover td{background: var(--silver-2);}}
@layer components{.yby--v2 td:first-child{padding-left: 18px;}}
@layer components{.yby__badge{text-decoration: none; padding: 3px 8px;}}
@layer components{a.yby__badge:hover{background: var(--graphite); color: #fff;}}
@layer components{.yby__badge--runner{background: #fff; color: var(--graphite); box-shadow: inset 0 0 0 2px var(--graphite);}}
@layer components{a.yby__badge--runner:hover{background: var(--graphite); color: #fff;}}
@layer components{.yby__pct{display: inline-block; vertical-align: middle; width: 54px; height: 6px; margin-right: 8px; background: var(--silver);}}
@layer components{.yby__pct i{display: block; height: 100%; background: var(--graphite);}}
@layer components{.is-champion .yby__pct i{background: var(--red);}}
@layer components{@media (prefers-reduced-motion: reduce){.ycell{transition: none;}}}
@layer components{@media (prefers-reduced-motion: reduce){a.ycell:hover{transform: none;}}}
@layer components{.ycell.is-perfect::after{content: ""; position: absolute; top: 5px; right: 5px; width: 9px; height: 9px; background: #15181c; rotate: 45deg;}}
@layer components{.ycell.is-champ.is-perfect::after{background: #fff;}}
@layer components{.ygrid__legend .is-perfect{background: #fff; position: relative;}}
@layer components{.ygrid__legend .is-perfect::after{content: ""; position: absolute; top: 2px; right: 2px; width: 5px; height: 5px; background: #15181c; rotate: 45deg;}}
@layer components{.yby__badge--perfect{background: #fff; color: var(--graphite); box-shadow: inset 0 0 0 1px var(--silver-line);}}
@layer components{.yby-banners--runners{margin-top: var(--sp-5); padding-top: 12px; border-top-width: 3px; border-top-color: rgba(255,255,255,.55); gap: 10px; align-items: flex-start;}}
@layer components{.yby-banners--runners .banner{width: clamp(104px, 9vw, 128px); min-height: 0; padding: 12px 8px 34px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 20px), 0 100%);}}
@layer components{.yby-banners--runners .banner::before{top: -12px; height: 12px;}}
@layer components{.yby-banners--runners .banner__year{font-size: clamp(1.75rem, 2.8vw, 2.375rem);}}
@layer components{.yby-banners--runners .banner__k{font-size: .5625rem;}}
@layer components{.yby-banners--runners .banner__label{font-size: .75rem;}}
@layer components{.yby-banners__h{display: flex; flex-direction: column; justify-content: center; gap: 4px; min-width: 150px; padding-right: var(--sp-3); color: #fff;}}
@layer components{.yby-banners__h b{font-family: var(--font-display); font-weight: var(--fw-black); font-size: 3rem; line-height: .8;}}
@layer components{.yby-banners__h span{max-width: 10rem; font-family: var(--font-display); font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: var(--ls-label); text-transform: uppercase; color: rgba(255,255,255,.75);}}
@layer components{.yby--v2 td:first-child a.yby__badge{color: #fff;}}
@layer components{.yby--v2 td:first-child a.yby__badge--runner{color: var(--graphite);}}
@layer components{.yby--v2 td:first-child a.yby__badge--runner:hover,.yby--v2 td:first-child a.yby__badge:hover{color: #fff;}}
@layer components{.yby--v2 tr.is-champion td{background: linear-gradient(180deg, #181b1f, var(--graphite)); color: #fff; border-top: 4px solid var(--red); padding-block: 14px; vertical-align: middle; font-size: 1.125rem;}}
@layer components{.yby--v2 tr.is-champion td:first-child{box-shadow: none; padding-left: 14px; font-size: inherit;}}
@layer components{.yby--v2 tr.is-champion + tr td{border-top-color: transparent;}}
@layer components{.yby--v2 tr.is-champion:hover td{background: linear-gradient(180deg, #181b1f, var(--graphite));}}
@layer components{.yby--v2 tr.is-champion td a{color: #fff;}}
@layer components{.yby--v2 tr.is-champion .yby__pct{background: rgba(255,255,255,.22);}}
@layer components{.yby--v2 tr.is-champion .yby__pct i{background: var(--red);}}
@layer components{.yby-champ{display: flex; align-items: center; gap: 18px; white-space: normal;}}
@layer components{.yby-champ__photo{position: relative; flex: none; display: block; width: clamp(150px, 15vw, 230px); aspect-ratio: 16 / 10; overflow: hidden; background: #0e1012; outline: 2px solid rgba(255,255,255,.85); outline-offset: -2px;}}
@layer components{.yby-champ__photo img:not(.yby-champ__mark){position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 25%; filter: grayscale(1) contrast(1.06); transition: filter 300ms var(--ease, ease), transform 500ms var(--ease, ease);}}
@layer components{.yby--v2 tr.is-champion:hover .yby-champ__photo img:not(.yby-champ__mark){filter: none; transform: scale(1.04);}}
@layer components{.yby-champ__mark{position: absolute; inset: 0; margin: auto; width: 56%; opacity: .16;}}
@layer components{.yby-champ__id{display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0;}}
@layer components{.yby-champ__tag{padding: 4px 14px 3px 9px; background: var(--red); color: #fff; font-family: var(--font-display); font-size: .6875rem; font-weight: var(--fw-black); letter-spacing: var(--ls-label); text-transform: uppercase; clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%);}}
@layer components{.yby--v2 tr.is-champion td:first-child a.yby-champ__year{font-family: var(--font-display); font-weight: var(--fw-black); font-size: clamp(2.5rem, 4.4vw, 4rem); line-height: .8; letter-spacing: -.02em; color: #fff; text-decoration: none;}}
@layer components{.yby--v2 tr.is-champion td:first-child a.yby-champ__year:hover{color: #fff; text-decoration: underline; text-decoration-thickness: 4px; text-underline-offset: 5px; text-decoration-color: var(--red);}}
@layer components{.yby--v2 tr.is-champion td:first-child a.yby-champ__label{display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-display); font-size: var(--fs-small); font-weight: var(--fw-bold); letter-spacing: var(--ls-ui); text-transform: uppercase; color: rgba(255,255,255,.85); text-decoration: underline; text-underline-offset: 3px;}}
@layer components{.yby-champ__label .icon{width: 14px; height: 14px;}}
@layer components{.yby-champ__final{display: flex; flex-direction: column; gap: 4px; white-space: normal; text-decoration: none;}}
@layer components{.yby-champ__final b{font-family: var(--font-display); font-weight: var(--fw-black); font-size: clamp(2rem, 3.4vw, 3rem); line-height: .85; letter-spacing: -.02em; color: #fff;}}
@layer components{.yby-champ__final i{font-style: normal; color: rgba(255,255,255,.55);}}
@layer components{.yby-champ__final span{font-family: var(--font-display); font-size: var(--fs-micro); font-weight: var(--fw-bold); letter-spacing: var(--ls-label); text-transform: uppercase; color: rgba(255,255,255,.8);}}
@layer components{.yby-champ__final:hover b{text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px; text-decoration-color: var(--red);}}
@layer components{.yby--v2 tr.is-runner td{padding-block: 14px; border-top: 3px solid var(--graphite);}}
@layer components{.yby--v2 tr.is-runner td:first-child a:first-child{font-size: 1.5rem;}}
@layer components{@media (max-width: 899px){.yby-champ{gap: 12px;}}}
@layer components{@media (max-width: 899px){.yby-champ__photo{width: 110px;}}}
@layer components{@media (prefers-reduced-motion: reduce){.yby-champ__photo img{transition: none;}}}
.ybq-tabs{background: #0e1013; border-bottom: 4px solid var(--red);}
.ybq-tabs__in{display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none;}
.ybq-tabs__in a{flex: none; padding: 16px 18px 14px; font-family: var(--font-display); font-weight: 900; font-size: .92rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.72); text-decoration: none; border-bottom: 4px solid transparent; margin-bottom: -4px; transition: color .15s, background .15s;}
.ybq-tabs__in a:hover{color: #fff; background: rgba(255,255,255,.06);}
.ybq-tabs__in a.is-on{color: #fff; background: var(--red); border-bottom-color: var(--red);}
.ybq-head{margin-bottom: 22px;}
.ybq-head h2{margin: 6px 0 0; font-family: var(--font-display); font-weight: 900; font-size: clamp(2rem, 4vw, 3.2rem); line-height: .95; text-transform: uppercase; color: var(--graphite);}
.ybq-head p{margin: 8px 0 0; max-width: 760px; font-family: var(--font-serif); color: var(--ink2, #4a4f56);}
.ybq-head--dark h2{color: #fff;}
.ybq-key{display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 12px 0 0; font-family: var(--font-display); font-weight: 800; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.75);}
.ybq-key i{display: inline-block; width: 12px; height: 18px; margin-right: 3px; vertical-align: -4px; background: #3a4048;}
.ybq-key i.t1{background: #3a4048;}
.ybq-key i.t3{background: #8a9099;}
.ybq-key i.t5{background: #f3f4f6;}
.ybq-key i.is-champ{background: var(--red);}
.ybq-key i.is-runner{background: #fff; box-shadow: inset 0 0 0 3px var(--red);}
.ybq-key--light{margin: 0 0 12px; color: #6b6f75;}
.ybq-key--light i{width: 22px; height: 14px; vertical-align: -2px; background: #fff; border: 1px solid #dfe2e6;}
.ybq-key--light i.is-champ{background: var(--red); border-color: var(--red);}
.ybq-key--light i.is-runner{background: #fff; border: 3px solid var(--red); box-shadow: none;}
.ybq-key--light i.is-win{background: #fbe3e5; border-color: #f3c3c7;}
.ybq-lanes{background: linear-gradient(180deg, #15181c, var(--graphite)); color: #fff; padding: clamp(40px, 5vw, 64px) 0;}
.ybq-lanes__scroll{overflow-x: auto;}
.ybq-lanes__inner{min-width: 860px; display: grid; gap: 10px;}
.ybq-lane{display: grid; grid-template-columns: 190px 1fr; align-items: center; gap: 16px;}
.ybq-lane__name{display: flex; flex-direction: column; gap: 2px; padding: 8px 12px; background: rgba(255,255,255,.05); border-left: 4px solid var(--red); text-decoration: none; color: #fff;}
.ybq-lane__name:hover{background: rgba(255,255,255,.1); color: #fff;}
.ybq-lane__name b{font-family: var(--font-display); font-weight: 900; font-size: .95rem; letter-spacing: .08em; text-transform: uppercase;}
.ybq-lane__name span{font-family: var(--font-display); font-weight: 800; font-size: .78rem; letter-spacing: .1em; color: rgba(255,255,255,.65);}
.ybq-lane__track{position: relative; height: 42px; background: rgba(255,255,255,.04); outline: 1px solid rgba(255,255,255,.06);}
.ybq-tick{position: absolute; top: 4px; bottom: 4px; min-width: 3px; background: #3a4048; box-shadow: inset -1px 0 0 rgba(0,0,0,.35); transition: transform .12s;}
.ybq-tick.t0{background: #2a2e34;}
.ybq-tick.t1{background: #4a4f56;}
.ybq-tick.t2{background: #6b6f75;}
.ybq-tick.t3{background: #8a9099;}
.ybq-tick.t4{background: #c9ccd1;}
.ybq-tick.t5{background: #f3f4f6;}
.ybq-tick.is-champ{top: 0; bottom: 0; background: var(--red); box-shadow: 0 0 12px rgba(206,26,39,.8); z-index: 2;}
.ybq-tick.is-runner{top: 0; bottom: 0; background: #fff; box-shadow: inset 0 0 0 2px var(--red); z-index: 2;}
.ybq-tick:hover,.ybq-tick:focus-visible{transform: scaleY(1.25); z-index: 3; outline: 2px solid #fff;}
.ybq-axis{display: grid; grid-template-columns: 190px 1fr; gap: 16px; margin-top: 4px;}
.ybq-axis > div{position: relative; height: 18px; border-top: 1px solid rgba(255,255,255,.18);}
.ybq-axis i{position: absolute; top: 4px; translate: -50% 0; font-style: normal; font-family: var(--font-display); font-weight: 800; font-size: .7rem; letter-spacing: .08em; color: rgba(255,255,255,.55);}
.ybq-progs{background: #f3f4f6; padding: clamp(40px, 5vw, 64px) 0;}
.ybq-cards{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px;}
.ybq-card{display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 16px; background: #fff; border-top: 5px solid var(--red); box-shadow: 0 12px 26px rgba(28,31,35,.08); text-decoration: none; color: var(--graphite); transition: transform .2s, box-shadow .2s;}
.ybq-card:hover{transform: translateY(-4px); box-shadow: 0 0 0 2px var(--red), 0 20px 36px rgba(28,31,35,.14); color: var(--graphite);}
.ybq-card__top{display: flex; justify-content: space-between; align-items: baseline; gap: 10px;}
.ybq-card__name{font-family: var(--font-display); font-weight: 900; font-size: 1.15rem; letter-spacing: .06em; text-transform: uppercase;}
.ybq-card__span{font-family: var(--font-display); font-weight: 800; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: #8a9099;}
.ybq-card__rec{font-family: var(--font-display); font-weight: 900; font-size: clamp(2.2rem, 3.4vw, 2.9rem); line-height: .9; letter-spacing: -.01em; color: var(--red);}
.ybq-card__bar{display: block; height: 8px; background: #e6e8eb;}
.ybq-card__bar i{display: block; height: 100%; background: var(--graphite);}
.ybq-card__nums{display: flex; flex-wrap: wrap; gap: 4px 16px; font-family: var(--font-display); font-weight: 800; font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: #6b6f75;}
.ybq-card__nums b{font-size: 1rem; color: var(--graphite);}
.ybq-card__flags{display: flex; flex-wrap: wrap; gap: 4px;}
.ybq-card__flags em{font-style: normal; padding: 3px 8px 8px; font-family: var(--font-display); font-weight: 900; font-size: .78rem; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 78%, 0 100%);}
.ybq-card__flags em.is-champ{background: var(--red); color: #fff;}
.ybq-card__flags em.is-runner{background: #d5d8dc; color: var(--graphite);}
.ybq-card__best{font-family: var(--font-serif); font-size: .9rem; color: #5b6169;}
.ybq-card__best b{font-family: var(--font-display); font-weight: 900; color: var(--graphite);}
.ybq-card__go{margin-top: auto; font-family: var(--font-display); font-weight: 900; font-size: .82rem; letter-spacing: .14em; text-transform: uppercase; color: var(--red);}
.ybq-board{background: #fff; padding: clamp(40px, 5vw, 64px) 0;}
.ybq-wrap{overflow-x: auto; border: 1px solid #e3e6ea; box-shadow: 0 16px 34px rgba(28,31,35,.08); max-height: 78vh; overflow-y: auto;}
.ybq-table{width: 100%; border-collapse: separate; border-spacing: 0; font-family: var(--font-display); text-transform: uppercase;}
.ybq-table thead th{position: sticky; top: 0; z-index: 4; padding: 14px 12px; background: var(--graphite); color: #fff; text-align: center; font-weight: 900; font-size: .8rem; letter-spacing: .12em; white-space: nowrap; border-bottom: 4px solid var(--red);}
.ybq-table thead th a{color: #fff; text-decoration: none;}
.ybq-table thead th a:hover{color: #ce1a27;}
.ybq-table thead th:first-child{left: 0; z-index: 5; text-align: left;}
.ybq-table .ybq-table__allh{background: var(--red);}
.ybq-table td,.ybq-table .ybq-year{padding: 0; border-bottom: 1px solid #eef0f2; border-right: 1px solid #f3f4f6; text-align: center; white-space: nowrap;}
.ybq-table tbody tr:hover td,.ybq-table tbody tr:hover .ybq-year{background-color: #f6f7f8;}
.ybq-year{position: sticky; left: 0; z-index: 2; padding: 0 16px !important; background: #fff; text-align: left !important; font-weight: 900; font-size: 1.2rem; color: var(--graphite); border-right: 3px solid #e3e6ea !important;}
.ybq-table td a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 48px; padding: 6px 10px; color: var(--graphite); text-decoration: none;}
.ybq-table td a b{font-weight: 900; font-size: 1.05rem;}
.ybq-table td a em{font-style: normal; font-weight: 900; font-size: .6rem; letter-spacing: .14em;}
.ybq-table td a:hover{background: var(--graphite); color: #fff;}
.ybq-table td.is-win a{background: #fbe3e5;}
.ybq-table td.is-champ a{background: var(--red); color: #fff; box-shadow: inset 0 0 0 2px #fff;}
.ybq-table td.is-runner a{background: #f3f4f6; color: var(--red); box-shadow: inset 0 0 0 3px var(--red);}
.ybq-table td.is-champ a:hover,.ybq-table td.is-runner a:hover{background: #a8141f; color: #fff;}
.ybq-none span{display: inline-block; width: 14px; height: 2px; background: #dfe2e6; vertical-align: middle;}
.ybq-nr{font-size: .7rem; letter-spacing: .1em; color: #8a9099;}
.ybq-all{padding: 6px 14px !important; background: #f6f7f8; border-left: 3px solid #e3e6ea !important;}
.ybq-all b{display: block; font-weight: 900; font-size: 1.05rem; color: #6b6f75;}
.ybq-all.is-win b{color: var(--red);}
.ybq-all__bar{display: block; width: 70px; height: 4px; margin: 4px auto 0; background: #e3e6ea;}
.ybq-all__bar i{display: block; height: 100%; background: var(--red);}
.ybq-dec th{position: sticky; left: 0; padding: 0; background: #1c1f23; text-align: left;}
.ybq-dec th span{display: flex; align-items: baseline; gap: 14px; padding: 10px 16px; color: #fff;}
.ybq-dec th b{font-weight: 900; font-size: 1.5rem; line-height: 1;}
.ybq-dec th em{font-style: normal; font-weight: 800; font-size: .76rem; letter-spacing: .12em; color: rgba(255,255,255,.7);}
@media (max-width: 760px){.ybq-cards{grid-template-columns: 1fr;}}
@media (max-width: 760px){.ybq-table td a{min-height: 42px; padding: 4px 8px;}}
@media (max-width: 760px){.ybq-wrap{max-height: none;}}
@media (prefers-reduced-motion: reduce){.ybq-card,.ybq-tick{transition: none;}}
.ybq-head h2{font-style: italic; font-size: clamp(2.2rem, 4.4vw, 3.6rem); letter-spacing: -.01em; color: #4a4f56;}
.ybq-head h2::after{content: ""; display: block; width: 90px; height: 6px; margin-top: 10px; background: var(--red); transform: skewX(-20deg);}
.ybq-head .archive-kicker,.ybq-head .chx-tag{font-style: italic;}
.ybq-tabs{background: #fff; border-bottom: 4px solid var(--red);}
.ybq-tabs__in{gap: 8px; padding-top: 14px; padding-bottom: 14px; flex-wrap: wrap; overflow: visible;}
.ybq-tabs__in a{padding: 9px 18px; margin: 0; border: 2px solid #c9ccd1; border-bottom: 2px solid #c9ccd1; transform: skewX(-12deg); background: #fff; color: #4a4f56; font-style: italic; font-size: .86rem;}
.ybq-tabs__in a:hover{border-color: var(--red); color: var(--red); background: #fff;}
.ybq-tabs__in a.is-on{background: var(--red); border-color: var(--red); color: #fff; box-shadow: 0 0 0 3px rgba(206,26,39,.18), 0 8px 18px rgba(206,26,39,.3);}
.ybq-lanes{background: linear-gradient(180deg, #eef0f2, #f6f7f8); color: #4a4f56;}
.ybq-head--dark h2{color: #4a4f56;}
.ybq-key{color: #6b6f75;}
.ybq-key i.t1{background: #e3e6ea;}
.ybq-key i.t3{background: #b0b5bb;}
.ybq-key i.t5{background: #4a4f56;}
.ybq-key i.is-runner{background: #fff; box-shadow: inset 0 0 0 3px var(--red);}
.ybq-lanes__scroll{overflow: visible;}
.ybq-lanes__inner{min-width: 0; gap: 12px;}
.ybq-lane{grid-template-columns: 200px 1fr;}
.ybq-lane__name{transform: skewX(-10deg); background: radial-gradient(120% 120% at 15% 0%, #e8303c 0%, var(--red) 55%, #b3141f 100%); border-left: 0; color: #fff; box-shadow: 0 8px 18px rgba(206,26,39,.22);}
.ybq-lane__name > *{transform: skewX(10deg);}
.ybq-lane__name:hover{background: #a8141f; color: #fff;}
.ybq-lane__name b{font-style: italic;}
.ybq-lane__name span{color: rgba(255,255,255,.85); font-style: italic;}
.ybq-lane__track{height: 46px; background: #fff; outline: 0; box-shadow: 0 8px 18px rgba(60,64,70,.08); transform: skewX(-10deg);}
.ybq-tick{box-shadow: inset -1px 0 0 rgba(255,255,255,.7);}
.ybq-tick.t0{background: #f3f4f6;}
.ybq-tick.t1{background: #e3e6ea;}
.ybq-tick.t2{background: #c9ccd1;}
.ybq-tick.t3{background: #a3a8ae;}
.ybq-tick.t4{background: #6b6f75;}
.ybq-tick.t5{background: #4a4f56;}
.ybq-tick.is-champ{box-shadow: 0 0 12px rgba(206,26,39,.6);}
.ybq-tick:hover,.ybq-tick:focus-visible{outline-color: var(--red);}
.ybq-axis{grid-template-columns: 200px 1fr;}
.ybq-axis > div{border-top-color: #c9ccd1;}
.ybq-axis i{color: #6b6f75; font-style: italic;}
.ybq-progs{background: #fff;}
.ybq-cards{gap: 18px;}
.ybq-card{transform: skewX(-5deg); border: 3px solid transparent; border-top: 5px solid var(--red); box-shadow: 0 14px 30px rgba(60,64,70,.12); transition: transform .2s, border-color .2s, box-shadow .2s;}
.ybq-card > *{transform: skewX(5deg);}
.ybq-card:hover{transform: skewX(-5deg) scale(1.03); border-color: var(--red); box-shadow: 0 0 0 3px rgba(206,26,39,.15), 0 0 34px rgba(206,26,39,.22), 0 20px 40px rgba(60,64,70,.18);}
.ybq-card__name,.ybq-card__rec,.ybq-card__go,.ybq-card__best b{font-style: italic;}
.ybq-card__rec{font-size: clamp(2.4rem, 3.6vw, 3.1rem);}
.ybq-card__bar{transform: skewX(-20deg);}
.ybq-card__bar i{background: var(--red);}
.ybq-card__nums b{color: #4a4f56;}
.ybq-card__go{align-self: flex-start; padding: 6px 12px; background: var(--red); color: #fff; transform: skewX(-12deg);}
.ybq-board{background: linear-gradient(180deg, #eef0f2, #f6f7f8);}
.ybq-wrap{max-height: none; overflow: visible; border: 0; background: #fff; box-shadow: 0 16px 34px rgba(60,64,70,.12);}
.ybq-table thead th{position: static; background: radial-gradient(120% 220% at 15% 0%, #e8303c 0%, var(--red) 55%, #b3141f 100%); border-bottom: 4px solid #7f0d16; font-style: italic;}
.ybq-table thead th a:hover{color: #fff; text-decoration: underline; text-underline-offset: 3px;}
.ybq-table .ybq-table__allh{background: #8f101a;}
.ybq-year{position: static; font-style: italic; color: var(--red);}
.ybq-table td a b,.ybq-all b{font-style: italic;}
.ybq-table td.is-runner a{background: #fff;}
.ybq-dec th{position: static; background: transparent; padding: 18px 0 8px;}
.ybq-dec th span{display: inline-flex; padding: 8px 18px; transform: skewX(-12deg); background: #4a4f56;}
.ybq-dec th span > *{transform: skewX(12deg);}
.ybq-dec th b{font-style: italic;}
.ybq-tabs__in::-webkit-scrollbar{display: none;}
@media (max-width: 900px){.ybq-wrap{overflow-x: auto;}}
@media (max-width: 900px){.ybq-lanes__scroll{overflow-x: auto;}}
@media (max-width: 900px){.ybq-lanes__inner{min-width: 760px;}}
@media (max-width: 760px){.ybq-card,.ybq-card:hover,.ybq-card > *,.ybq-lane__name,.ybq-lane__name > *,.ybq-lane__track,.ybq-tabs__in a{transform: none;}}
@media (max-width: 760px){.ybq-lane,.ybq-axis{grid-template-columns: 150px 1fr;}}
.ybq-table td.is-win a{background: transparent; color: var(--red); box-shadow: inset 0 -3px 0 var(--red);}
.ybq-key--light i.is-win{background: #fff; border-color: #dfe2e6; box-shadow: inset 0 -3px 0 var(--red);}
.ybq-table thead th a:hover{color: #fff;}
.ybq-all__pct{display: block; margin-top: 2px; font-family: var(--font-display); font-size: .8rem; font-weight: 800; letter-spacing: .06em; color: #6b6f75;}