/*
 * The Schools Challenge: Entry Forms & Rules page.
 * Load after screenNEW.css and home.css.
 * Page-content override only; header, navigation and footer are untouched.
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');

body#results > #container {
  --tsc-navy:#192b6d;
  --tsc-blue:#2f5caa;
  --tsc-sky:#91c5ed;
  --tsc-pale:#edf6fc;
  --tsc-paper:#fff;
  --tsc-ink:#172243;
  --tsc-muted:#5e6981;
  --tsc-line:rgba(25,43,109,.16);
  --tsc-serif:'Playfair Display',Georgia,serif;
  --tsc-sans:'DM Sans',Arial,sans-serif;
  box-sizing:border-box;
  width:min(1000px,calc(100% - 2*clamp(18px,4vw,56px)))!important;
  max-width:1000px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:clamp(42px,6vw,70px) 0 clamp(54px,8vw,86px)!important;
  background:transparent!important;
  color:var(--tsc-ink);
  font:400 16px/1.7 var(--tsc-sans);
  -webkit-font-smoothing:antialiased;
}

body#results > #container::before {
  content:'';
  position:fixed;
  z-index:-2;
  inset:0;
  background:linear-gradient(180deg,var(--tsc-pale) 0,#fff 720px);
}

body#results > #container *,
body#results > #container *::before,
body#results > #container *::after { box-sizing:border-box; }

body#results > #container .contentfullwidth {
  position:relative;
  float:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

body#results > #container a { color:var(--tsc-blue);font-weight:600;text-underline-offset:4px; }
body#results > #container h1,
body#results > #container h2 { color:var(--tsc-navy);font-family:var(--tsc-serif)!important;font-weight:500!important;letter-spacing:-.02em; }

body#results > #container .contentfullwidth > h1.centeredonsmallscreen {
  max-width:720px;
  margin:0 auto clamp(38px,5vw,58px)!important;
  padding:0!important;
  color:var(--tsc-navy)!important;
  font-size:clamp(2.4rem,5vw,4.1rem)!important;
  line-height:1.08!important;
  text-align:center!important;
}

/* Results shortcut */
body#results > #container .contentfullwidth > a:first-child {
  position:relative;
  z-index:3;
  top:auto;
  right:auto;
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 0 22px auto!important;
  color:#fff!important;
  text-decoration:none!important;
}

body#results > #container .buttonfloatright {
  float:none!important;
  width:auto!important;
  min-width:155px;
  margin:0!important;
  padding:11px 17px!important;
  border:1px solid var(--tsc-blue)!important;
  border-radius:0!important;
  background:var(--tsc-blue)!important;
  color:#fff!important;
  font:600 12px/1.35 var(--tsc-sans)!important;
  letter-spacing:.04em;
  text-align:center!important;
  text-transform:uppercase;
  box-shadow:0 7px 18px rgba(25,43,109,.15);
  transition:background .18s ease,transform .18s ease;
}

body#results > #container .contentfullwidth > a:first-child:hover .buttonfloatright { background:var(--tsc-navy)!important;transform:translateY(-2px); }

body#results > #container .contentfullwidth > .clearallclass:first-of-type { display:none!important; }
body#results > #container .contentfullwidth > br { display:none!important; }
body#results > #container .contentfullwidth > a[id] { display:block;clear:both;position:relative;top:-15px;height:0;visibility:hidden; }

/* Event-card headings */
body#results > #container .contentfullwidth > h2:not(.indent270) {
  clear:both!important;
  width:100%!important;
  margin:0!important;
  padding:clamp(21px,3vw,28px) clamp(22px,3.5vw,34px)!important;
  border:0!important;
  border-top:5px solid var(--tsc-navy)!important;
  background:#fff!important;
  color:var(--tsc-navy)!important;
  font-size:clamp(1.7rem,3vw,2.4rem)!important;
  line-height:1.16!important;
  text-align:left!important;
}

body#results > #container .contentfullwidth > h2:not(.indent270) br { display:none!important; }

body#results > #container .verticalimageblockleft {
  float:left!important;
  width:285px!important;
  min-height:235px;
  margin:0!important;
  padding:0 0 26px 30px!important;
  background:#fff!important;
}

body#results > #container .verticalimageblockleft:has(img[src*="WinterSeries"]) { min-height:340px; }

body#results > #container .verticalimageblockleft img {
  display:block!important;
  width:100%!important;
  max-width:250px!important;
  height:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover;
  box-shadow:0 8px 22px rgba(25,43,109,.13);
}

body#results > #container .contentfullwidth > p.indent270,
body#results > #container .contentfullwidth > h2.indent270,
body#results > #container .contentfullwidth > ul.indent270 {
  width:auto!important;
  margin-left:285px!important;
  margin-right:0!important;
  padding-left:28px!important;
  padding-right:clamp(22px,3.5vw,34px)!important;
  background:#fff!important;
}

body#results > #container .contentfullwidth > h2.indent270 {
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:2px!important;
  padding-bottom:12px!important;
  color:var(--tsc-navy)!important;
  font-size:clamp(1.3rem,2vw,1.6rem)!important;
  line-height:1.25!important;
  text-align:left!important;
}

body#results > #container .contentfullwidth > p.indent270 {
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:17px!important;
  color:var(--tsc-muted)!important;
  font:400 15px/1.72 var(--tsc-sans)!important;
  text-align:left!important;
}

body#results > #container .contentfullwidth > ul.indent270 {
  min-height:185px;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:24px!important;
  list-style:none!important;
}

body#results > #container .contentfullwidth > p.indent270 + h2.indent270 + ul.indent270 { min-height:220px; }

body#results > #container ul.indent270 li {
  position:relative;
  margin:0!important;
  padding:9px 0 9px 22px!important;
  border-bottom:1px solid var(--tsc-line);
  color:var(--tsc-muted)!important;
  font:400 14px/1.55 var(--tsc-sans)!important;
  list-style:none!important;
}

body#results > #container ul.indent270 li::marker { content:''!important; }
body#results > #container ul.indent270 li::before {
  content:'•';
  position:absolute;
  left:2px;
  top:50%;
  color:var(--tsc-blue);
  font:900 1.3rem/1 var(--tsc-sans);
  transform:translateY(-50%);
}

/* Make document links unmistakably actionable. */
body#results > #container ul.complinks li a {
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  margin:3px 0!important;
  padding:9px 13px!important;
  border:1px solid var(--tsc-blue)!important;
  background:var(--tsc-blue)!important;
  color:#fff!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-decoration:none!important;
  transition:background .18s ease,transform .18s ease;
}

body#results > #container ul.complinks li a::after { content:'↗';font-size:.9em; }
body#results > #container ul.complinks li a:hover { background:var(--tsc-navy)!important;transform:translateY(-1px); }

/* Alternate the middle event using the pale TSC surface. */
body#results > #container h2:has(+ .verticalimageblockleft img[src*="April"]),
body#results > #container .verticalimageblockleft:has(img[src*="April"]),
body#results > #container .verticalimageblockleft:has(img[src*="April"]) + h2.indent270,
body#results > #container .verticalimageblockleft:has(img[src*="April"]) + h2.indent270 + ul.indent270 { background:var(--tsc-pale)!important; }

body#results > #container .thicklinedividerformsandrulespage {
  clear:both!important;
  width:100%!important;
  height:24px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}

@media (max-width:700px) {
  body#results > #container { width:calc(100% - 30px)!important;padding:36px 0 55px!important; }
  body#results > #container .contentfullwidth > h1.centeredonsmallscreen { padding-right:0!important;font-size:2.3rem!important; }
  body#results > #container .contentfullwidth > a:first-child { position:static;display:block;width:max-content;max-width:100%;margin:0 auto 25px!important; }
  body#results > #container .buttonfloatright { min-width:190px; }
  body#results > #container .contentfullwidth > h2:not(.indent270) { padding:22px 20px!important; }
  body#results > #container .verticalimageblockleft,
  body#results > #container .verticalimageblockleft:has(img[src*="WinterSeries"]) { float:none!important;width:100%!important;min-height:0!important;padding:0 20px 20px!important; }
  body#results > #container .verticalimageblockleft img { width:100%!important;max-width:420px!important;margin:0 auto!important; }
  body#results > #container .contentfullwidth > p.indent270,
  body#results > #container .contentfullwidth > h2.indent270,
  body#results > #container .contentfullwidth > ul.indent270 { width:100%!important;min-height:0!important;margin-left:0!important;padding-left:20px!important;padding-right:20px!important; }
  body#results > #container ul.complinks li a { width:100%;justify-content:space-between; }
}

@media (prefers-reduced-motion:reduce) {
  body#results > #container *,body#results > #container *::before,body#results > #container *::after { transition:none!important; }
}