.championships-page { --championship-red: #df272d; --championship-blue: #076aad; --championship-cream: #fff9ed; }
.championships-page .championship-nav { border: 2px solid var(--championship-red); background: var(--championship-red); color: #fff; box-shadow: 0 8px 18px rgba(223,39,45,.22); }
.championships-page .championship-nav:hover, .championships-page .championship-nav:focus-visible { border-color: #b91c22; background: #b91c22; color: #fff; }
.championship-hero { display: grid; grid-template-columns: minmax(390px,.82fr) minmax(520px,1.18fr); align-items: center; gap: clamp(34px,5vw,76px); padding: clamp(36px,5vw,74px) clamp(20px,5vw,76px) clamp(62px,7vw,100px); background: radial-gradient(circle at 18% 12%, rgba(223,39,45,.08), transparent 31%), #fff; }
.championship-hero-copy { max-width: 760px; }
.championship-hero h1 { max-width: 760px; font-size: clamp(52px,6vw,88px); }
.championship-lead { max-width: 720px; color: var(--muted); font-size: clamp(19px,1.7vw,25px); line-height: 1.45; }
.championship-vitals { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 30px 0; }
.championship-vitals div { padding: 15px 17px; border: 1px solid #dfe5ec; border-left: 5px solid var(--championship-blue); border-radius: 10px; background: #fff; }
.championship-vitals div:nth-child(2) { border-left-color: var(--championship-red); }
.championship-vitals div:nth-child(3) { border-left-color: #f28a00; }
.championship-vitals div:nth-child(4) { border-left-color: #15995a; }
.championship-vitals dt { color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.championship-vitals dd { margin: 3px 0 0; font-size: 18px; font-weight: 900; }
.championship-poster { margin: 0; overflow: hidden; border: 1px solid #e5e8ee; border-radius: 22px; background: #fff; box-shadow: 0 28px 70px rgba(22,35,49,.17); transform: rotate(.35deg); }
.championship-poster img { width: 100%; }
.championship-poster figcaption { padding: 11px 15px; color: var(--muted); font-size: 13px; font-weight: 800; text-align: center; }
.button.championship-signup { min-height: 58px; padding: 16px 27px; border-color: var(--championship-red); background: var(--championship-red); color: #fff; font-size: 18px; box-shadow: 0 12px 26px rgba(223,39,45,.2); }
.button.championship-signup:hover, .button.championship-signup:focus-visible { border-color: #b91c22; background: #b91c22; }
.championship-countdown { display: flex; align-items: center; justify-content: center; gap: clamp(28px,6vw,92px); padding: 25px clamp(20px,5vw,76px); color: #fff; background: #12334a; }
.championship-countdown > p { display: flex; align-items: center; gap: 10px; margin: 0; font-size: clamp(16px,2vw,23px); font-weight: 900; }
.championship-countdown > p span { color: #ef4045; }
.championship-countdown > div { display: flex; gap: clamp(24px,5vw,70px); }
.championship-countdown > div div { display: grid; justify-items: center; }
.championship-countdown strong { font-size: clamp(35px,5vw,60px); line-height: 1; }
.championship-countdown div span { margin-top: 4px; color: #cfe1ec; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.championship-section, .championship-schools, .championship-signup-section, .championship-contact { scroll-margin-top: 110px; padding: clamp(70px,8vw,112px) clamp(20px,5vw,76px); }
.championship-heading { max-width: 940px; margin-bottom: 42px; }
.championship-heading h2, .championship-schools h2, .championship-signup-section h2, .championship-contact h2 { font-size: clamp(40px,5.6vw,76px); }
.championship-heading > p:last-child, .championship-schools-copy > p:last-child, .championship-signup-copy > p { color: var(--muted); font-size: clamp(18px,1.8vw,23px); line-height: 1.5; }
.championship-highlights { background: #fff; }
.championship-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.championship-card-grid article { min-height: 270px; padding: 27px; border: 1px solid var(--line); border-top: 7px solid var(--championship-blue); border-radius: 10px; background: #fff; }
.championship-card-grid article:nth-child(4n+2) { border-top-color: var(--championship-red); }
.championship-card-grid article:nth-child(4n+3) { border-top-color: #f2cd00; }
.championship-card-grid article:nth-child(4n+4) { border-top-color: #15995a; }
.championship-card-grid article > span { display: block; margin-bottom: 22px; color: var(--muted); font-size: 13px; font-weight: 950; }
.championship-card-grid h3 { font-size: 24px; }
.championship-card-grid p { color: var(--muted); font-size: 16px; line-height: 1.55; }
.championship-schedule { background: #eef8ff; }
.schedule-list { max-width: 1050px; margin: 0; padding: 0; list-style: none; }
.schedule-list li { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 28px; padding: 20px 22px; border-top: 1px solid #cbdce8; }
.schedule-list li:last-child { border-bottom: 1px solid #cbdce8; }
.schedule-list time { color: var(--championship-blue); font-size: 17px; font-weight: 950; }
.schedule-list strong, .schedule-list span { display: block; }
.schedule-list strong { font-size: 19px; }
.schedule-list span { margin-top: 3px; color: var(--muted); }
.schedule-list .schedule-break { background: #fff9e4; }
.schedule-list .schedule-final { color: #fff; background: var(--championship-red); border-color: var(--championship-red); }
.schedule-list .schedule-final time, .schedule-list .schedule-final span { color: #fff; }
.championship-schools { display: grid; grid-template-columns: minmax(320px,.85fr) minmax(330px,.55fr); gap: clamp(30px,6vw,80px); background: #fff8e7; }
.championship-school-counter { align-self: center; padding: clamp(28px,4vw,48px); border: 1px solid rgba(223,39,45,.18); border-radius: 26px; background: #fff; box-shadow: 0 22px 60px rgba(80,48,20,.1); }
.championship-school-counter > strong { display: inline-block; color: var(--championship-red); font-size: clamp(86px,11vw,150px); line-height: .8; letter-spacing: -.06em; }
.championship-school-counter > span { margin-left: 12px; color: var(--muted); font-size: clamp(18px,2vw,26px); font-weight: 900; }
.championship-school-progress { height: 13px; margin-top: 30px; overflow: hidden; border-radius: 999px; background: #f0e3ce; }
.championship-school-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--championship-red),#f28a00); transition: width .6s ease; }
.championship-school-counter small { display: block; margin-top: 12px; color: var(--muted); }
.championship-school-list { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.championship-school-list article { display: grid; grid-template-columns: 54px 1fr; align-items: center; gap: 13px; min-height: 66px; padding: 13px 17px; border: 1px solid #eadcc4; border-radius: 10px; background: rgba(255,255,255,.85); }
.championship-school-list article span { color: var(--championship-red); font-size: 13px; font-weight: 950; }
.championship-school-empty { grid-column: 1/-1; margin: 0; padding: 25px; border: 1px dashed #d8c4a5; border-radius: 10px; color: var(--muted); text-align: center; }
.championship-gallery { background: #fff; }
.championship-photo-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.championship-photo-grid figure { margin: 0; overflow: hidden; border-radius: 12px; background: #12334a; box-shadow: 0 16px 38px rgba(18,51,74,.14); }
.championship-photo-grid img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.championship-photo-grid figcaption { padding: 15px 17px; color: #fff; font-weight: 850; }
.championship-regulations { background: #f7f9fc; }
.championship-document-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: -15px 0 28px; }
.championship-document-frame { height: min(76vh,820px); overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 20px 55px rgba(30,42,57,.1); }
.championship-document-frame iframe, .championship-form-frame iframe { width: 100%; height: 100%; border: 0; }
.championship-signup-section { display: grid; grid-template-columns: minmax(330px,.72fr) minmax(480px,1.28fr); gap: clamp(34px,6vw,80px); align-items: start; background: linear-gradient(135deg,#fff7f7,#fff 55%); }
.championship-signup-copy { position: sticky; top: 125px; }
.championship-signup-copy ul { display: grid; gap: 9px; margin: 26px 0; padding-left: 23px; font-size: 17px; font-weight: 800; }
.championship-form-frame { height: 910px; overflow: hidden; border: 1px solid #efd0d2; border-radius: 16px; background: #fff; box-shadow: 0 22px 60px rgba(116,35,39,.1); }
.championship-contact { color: #fff; background: #12334a; text-align: center; }
.championship-contact .eyebrow { color: #79c8f6; }
.championship-contact h2 { max-width: 900px; margin-inline: auto; }
.championship-contact > p:last-child { max-width: 840px; margin: 0 auto; color: #d7e5ee; font-size: 19px; }
.championship-contact a { color: #fff; font-weight: 950; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width:1100px) { .championship-hero { grid-template-columns: 1fr; } .championship-poster { max-width: 900px; } .championship-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .championship-signup-section { grid-template-columns: 1fr; } .championship-signup-copy { position: static; } }
@media (max-width:780px) { .js .championships-page .main-nav { grid-template-columns: 1fr; } .championship-hero { padding-top: 28px; } .championship-hero h1 { font-size: clamp(45px,14vw,66px); } .championship-vitals, .championship-card-grid, .championship-schools, .championship-school-list, .championship-photo-grid { grid-template-columns: 1fr; } .championship-countdown { display: grid; justify-items: center; gap: 18px; } .schedule-list li { grid-template-columns: 1fr; gap: 5px; padding-inline: 10px; } .championship-form-frame { height: 1050px; } .championship-document-frame { height: 680px; } }
@media (max-width:480px) { .championship-countdown > div { gap: 20px; } .championship-countdown strong { font-size: 34px; } .championship-card-grid article { min-height: 0; } .championship-school-counter > strong { font-size: 84px; } }

/* Championship edition: the poster's colours, bold type and playful tiles. */
.championships-page { background:#faf8f3; --ink:#18191b; --muted:#606267; }
.championships-page .site-header { min-height:86px; padding:14px 4vw; background:#faf8f3f5; }
.championships-page .brand img { width:148px; }
.championships-page .main-nav { font-size:12px; gap:3px; }
.championships-page .breadcrumbs { font-size:11px; text-transform:uppercase; letter-spacing:.08em; padding:22px 5vw 0; }
.championship-hero { position:relative; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:4vw; padding:44px 5vw 80px; background:radial-gradient(ellipse at 90% 60%,#f5dbca 0,transparent 52%); }
.championship-hero .eyebrow { color:#a32d2d; letter-spacing:.12em; font-size:11px; }
.championship-hero h1 { font-size:clamp(54px,5.7vw,88px); font-weight:950; line-height:.98; letter-spacing:-.055em; margin:22px 0; }
.championship-hero h1 span { color:#d52a32; }
.championship-lead { max-width:510px; font-size:18px; line-height:1.6; }
.qwirkle-marks { display:flex; gap:11px; margin:20px 0 10px; }
.qwirkle-marks i { display:grid; place-items:center; width:32px; height:32px; font-style:normal; font-size:31px; color:#d52a32; }
.qwirkle-marks i:nth-child(2) {color:#ed8219}.qwirkle-marks i:nth-child(3){color:#e7be00}.qwirkle-marks i:nth-child(4){color:#00834f}.qwirkle-marks i:nth-child(5){color:#0089c5}.qwirkle-marks i:nth-child(6){color:#6551a6}
.championship-vitals { gap:0; border-block:1px solid #dedbd5; margin:26px 0; }
.championship-vitals div { border:0!important; background:transparent; border-radius:0; padding:14px 0; }
.championship-vitals dt { font-size:10px; letter-spacing:.08em; }.championship-vitals dd{font-size:16px;}
.championship-poster { transform:rotate(-2deg); border:8px solid white; border-radius:6px; box-shadow:14px 22px 0 #df272d,0 30px 60px #49281c25; overflow:visible; position:relative; margin-bottom:30px; }
.championship-poster::before { content:'6 XI'; position:absolute; z-index:1; right:-15px; top:-48px; width:100px; height:100px; display:grid; place-items:center; border-radius:50%; background:#f2cb20; color:#171717; font-weight:950; font-size:29px; transform:rotate(12deg); border:5px solid #faf8f3; }
.championship-poster figcaption { background:#fff; padding:18px 12px 10px; display:flex; justify-content:space-between; gap:12px; color:#262626; font-size:12px; }.championship-poster figcaption span{color:#d52a32;letter-spacing:.1em;font-size:10px;}
.championships-page .button { border-radius:8px; font-size:14px; min-height:50px; padding:14px 20px; box-shadow:none; }
.championships-page .championship-signup::after { content:'↗'; font-size:20px; margin-left:15px; }
.championship-countdown { background:#1c1d20; justify-content:space-between; padding:30px 8vw; border-bottom:6px solid #f2cb20; }
.championship-countdown strong { font-size:56px; letter-spacing:-.04em; }.championship-countdown >p{font-size:18px;}
.championship-section,.championship-schools,.championship-signup-section,.championship-contact{padding:85px 7vw;}
.championship-heading {max-width:770px;margin-bottom:36px;}.championship-heading h2,.championship-schools h2,.championship-signup-section h2,.championship-contact h2{font-size:clamp(35px,4.3vw,62px);font-weight:900;letter-spacing:-.045em;line-height:1.05;}
.championship-heading>p:last-child,.championship-schools-copy>p:last-child,.championship-signup-copy>p{font-size:18px;line-height:1.6;}
.championship-highlights{background:#faf8f3;}.championship-card-grid{gap:0;border:1px solid #dedbd5;border-radius:12px;overflow:hidden;}.championship-card-grid article{min-height:230px;border:0;border-right:1px solid #dedbd5;border-bottom:1px solid #dedbd5;border-radius:0;background:transparent;padding:26px;}.championship-card-grid article>span{color:#d52a32;margin-bottom:20px;}.championship-card-grid h3{font-size:20px;letter-spacing:-.03em;}.championship-card-grid p{font-size:15px;}.championship-card-grid article:nth-child(2),.championship-card-grid article:nth-child(7){background:#fff1cf;}
.championship-schedule{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:#153c50;color:#fff;}.championship-schedule .eyebrow{color:#8bd5ee;}.schedule-list li{grid-template-columns:125px 1fr;gap:15px;border-color:#ffffff25;padding:17px 12px;}.schedule-list time{color:#f6d848;font-size:14px;}.schedule-list strong{font-size:16px;}.schedule-list span{font-size:13px;color:#d1e0e7;}.schedule-list .schedule-break{background:#ffffff0b;}.schedule-list .schedule-final{border-radius:8px;background:#d92c34;}
.championship-schools{background:#f6d447;grid-template-columns:1fr .8fr;gap:40px 8vw;}.championship-schools .eyebrow{color:#614f09;}.championship-school-counter{border:0;border-radius:12px;box-shadow:8px 8px 0 #1c1d20;background:#fffdf3;padding:35px;}.championship-school-counter>strong{font-size:100px;color:#1c1d20;}.championship-school-counter>span{font-size:16px;}.championship-school-empty{border-color:#967b2d;color:#51451f;}
.championship-gallery{background:#faf8f3;}.championship-photo-grid{grid-template-columns:1.25fr 1fr;gap:22px;}.championship-photo-grid figure{border:8px solid #fff;border-radius:4px;background:#fff;box-shadow:0 9px 30px #33271415;}.championship-photo-grid figure:first-child{grid-row:span 2;transform:rotate(-1.5deg);}.championship-photo-grid figure:first-child img{height:calc(100% - 50px);object-fit:cover;}.championship-photo-grid figure:nth-child(2){transform:rotate(1deg);}.championship-photo-grid figure:nth-child(3){transform:rotate(-.7deg);}.championship-photo-grid figure:not(:first-child) img{aspect-ratio:2/1;}.championship-photo-grid figcaption{color:#292929;font-size:13px;padding:15px 10px;}
.championship-regulations{background:#f0eee9;}.championship-document-frame{height:480px;border-radius:8px;box-shadow:none;}.championship-signup-section{background:#fff;gap:6vw;}.championship-form-frame{box-shadow:none;border-radius:12px;}.championship-signup-copy .eyebrow{color:#d52a32;}.championship-contact{background:#d62b33;}.championship-contact .eyebrow{color:#ffe2a0;}.championship-contact>p:last-child{color:#fff0f0;}.championships-page .site-footer{background:#1c1d20;color:#eee;font-size:12px;}
@media(max-width:1100px){.championship-hero{grid-template-columns:1fr 1fr;}.championship-hero h1{font-size:54px;}.championship-schedule{grid-template-columns:1fr;gap:15px;}.championship-signup-section{grid-template-columns:1fr;}.championship-poster::before{width:76px;height:76px;font-size:23px;top:-38px;}}
@media(max-width:780px){.championship-hero{grid-template-columns:1fr;padding:30px 6vw 58px;gap:40px;}.championship-hero h1{font-size:clamp(48px,12vw,72px);}.championship-poster{margin:0 12px 16px 0;}.championship-vitals{grid-template-columns:1fr 1fr;}.championship-countdown{justify-content:center;padding:26px;}.championship-countdown strong{font-size:42px;}.championship-section,.championship-schools,.championship-signup-section,.championship-contact{padding:55px 6vw;}.championship-card-grid{grid-template-columns:1fr 1fr;}.championship-card-grid article{padding:19px;min-height:0;}.championship-card-grid h3{font-size:18px;}.championship-card-grid p{font-size:14px;}.championship-schools,.championship-photo-grid{grid-template-columns:1fr;}.championship-photo-grid figure:first-child{grid-row:auto;}.championship-photo-grid figure:first-child img{height:auto;}.championship-photo-grid figure:not(:first-child) img{aspect-ratio:4/3;}.schedule-list li{grid-template-columns:112px 1fr;}.championships-page .brand img{width:132px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.championship-school-progress i{transition:none}}