.sgcw21d {
  --sgcw21d-primary: #177a2f;
  --sgcw21d-dark: #123e20;
  --sgcw21d-soft: #f3f8f3;
  --sgcw21d-line: #dce8dd;
  --sgcw21d-muted: #637168;
  position: relative;
  max-width: 1180px;
  margin: 34px auto;
  overflow: hidden;
  color: #18261c;
  background: #fff;
  border: 1px solid var(--sgcw21d-line);
  border-radius: 30px;
  box-shadow: 0 25px 80px rgba(14, 54, 25, .11);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.55;
}
.sgcw21d *, .sgcw21d *::before, .sgcw21d *::after { box-sizing: border-box; }
.sgcw21d h2, .sgcw21d h3, .sgcw21d h4, .sgcw21d p { overflow-wrap: anywhere; }
.sgcw21d a { color: var(--sgcw21d-primary); }
.sgcw21d__hero { position: relative; min-height: 365px; overflow: hidden; color: #fff; background: linear-gradient(132deg, #0c3319 0%, var(--sgcw21d-primary) 63%, #5b9f45 100%); }
.sgcw21d__hero::after { content: ""; position: absolute; right: -90px; bottom: -130px; width: 390px; height: 390px; border: 58px solid rgba(255,255,255,.07); border-radius: 50%; }
.sgcw21d__hero-pattern { position: absolute; inset: 0; opacity: .16; background-image: radial-gradient(circle at center, #fff 1.2px, transparent 1.4px); background-size: 22px 22px; mask-image: linear-gradient(90deg, transparent, #000 65%); }
.sgcw21d__hero-inner { position: relative; z-index: 2; display: flex; align-items: center; gap: clamp(25px, 5vw, 65px); min-height: 365px; padding: clamp(42px, 7vw, 78px); }
.sgcw21d__logo { flex: 0 0 auto; width: clamp(105px, 14vw, 160px); height: auto; filter: drop-shadow(0 14px 23px rgba(0,0,0,.19)); }
.sgcw21d__hero-copy { max-width: 750px; }
.sgcw21d__eyebrow, .sgcw21d__kicker { margin: 0 0 11px; color: #bde8c6; font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.sgcw21d__hero h2 { max-width: 830px; margin: 0; color: #fff; font-size: clamp(42px, 6vw, 76px); font-weight: 950; letter-spacing: -.055em; line-height: .98; }
.sgcw21d__lead { margin: 22px 0 0; color: rgba(255,255,255,.9); font-size: clamp(18px, 2.2vw, 25px); font-weight: 750; }
.sgcw21d__meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 27px; }
.sgcw21d__meta span { padding: 9px 14px; color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 13px; font-weight: 750; backdrop-filter: blur(7px); }
.sgcw21d__body { padding: clamp(28px, 5vw, 58px); }
.sgcw21d__intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.sgcw21d__intro > div { max-width: 760px; }
.sgcw21d__intro p:not(.sgcw21d__kicker) { margin: 0; color: var(--sgcw21d-muted); font-size: 16px; }
.sgcw21d__intro .sgcw21d__kicker, .sgcw21d__section-head .sgcw21d__kicker, .sgcw21d__home-highlight .sgcw21d__kicker { color: var(--sgcw21d-primary); }
.sgcw21d__print { flex: 0 0 auto; padding: 12px 17px; color: var(--sgcw21d-primary); background: #fff; border: 1px solid var(--sgcw21d-line); border-radius: 999px; cursor: pointer; font: inherit; font-size: 12px; font-weight: 900; transition: transform .2s ease, box-shadow .2s ease; }
.sgcw21d__print:hover { transform: translateY(-2px); box-shadow: 0 9px 25px rgba(17,91,40,.11); }
.sgcw21d__stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 13px; margin-bottom: 50px; }
.sgcw21d__stats article { min-height: 126px; padding: 23px; background: var(--sgcw21d-soft); border: 1px solid var(--sgcw21d-line); border-radius: 21px; }
.sgcw21d__stats strong { display: block; margin-bottom: 8px; color: var(--sgcw21d-primary); font-size: 31px; font-weight: 950; letter-spacing: -.04em; line-height: 1; }
.sgcw21d__stats span { color: var(--sgcw21d-muted); font-size: 12px; font-weight: 800; }
.sgcw21d__champions { margin-bottom: 55px; }
.sgcw21d__section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 20px; }
.sgcw21d__section-head h3 { margin: 0; font-size: clamp(27px, 3vw, 38px); font-weight: 950; letter-spacing: -.035em; line-height: 1.1; }
.sgcw21d__section-head > span { padding: 7px 11px; color: var(--sgcw21d-muted); background: var(--sgcw21d-soft); border-radius: 999px; font-size: 11px; font-weight: 850; }
.sgcw21d__champion-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.sgcw21d__champion { grid-column: span 2; display: flex; align-items: center; gap: 15px; min-height: 140px; padding: 20px; background: #fff; border: 1px solid var(--sgcw21d-line); border-radius: 22px; box-shadow: 0 9px 28px rgba(15,58,27,.055); }
.sgcw21d__champion:nth-child(4), .sgcw21d__champion:nth-child(5) { grid-column: span 3; }
.sgcw21d__champion--home { background: linear-gradient(145deg, #f7fff6, #eff9ee); border-color: color-mix(in srgb, var(--sgcw21d-primary) 35%, #dce8dd); }
.sgcw21d__medal { display: grid; flex: 0 0 49px; width: 49px; height: 49px; place-items: center; color: #765600; background: linear-gradient(145deg,#fff9bd,#efcd4e); border: 5px solid #fff7cf; border-radius: 50%; box-shadow: 0 7px 17px rgba(145,105,0,.18); font-size: 20px; font-weight: 950; }
.sgcw21d__champion p { margin: 0 0 5px; color: var(--sgcw21d-primary); font-size: 10px; font-weight: 950; letter-spacing: .09em; text-transform: uppercase; }
.sgcw21d__champion h4 { margin: 0 0 7px; font-size: 16px; font-weight: 900; line-height: 1.3; }
.sgcw21d__champion span { color: var(--sgcw21d-muted); font-size: 11px; font-weight: 700; }
.sgcw21d__results { margin-top: 5px; }
.sgcw21d__status { display: inline-flex; align-items: center; gap: 8px; color: #2b6c39; font-size: 11px; font-weight: 850; }
.sgcw21d__status i { width: 9px; height: 9px; background: #4fc26c; border-radius: 50%; box-shadow: 0 0 0 5px rgba(79,194,108,.12); }
.sgcw21d__category-tabs { display: flex; gap: 9px; margin-bottom: 15px; padding: 5px; overflow-x: auto; background: var(--sgcw21d-soft); border: 1px solid var(--sgcw21d-line); border-radius: 18px; scrollbar-width: thin; }
.sgcw21d__category-tab { display: inline-flex; flex: 1 0 auto; align-items: center; justify-content: center; gap: 8px; min-height: 47px; padding: 9px 16px; color: #506257; background: transparent; border: 0; border-radius: 13px; cursor: pointer; font: inherit; font-size: 12px; font-weight: 850; transition: background .2s ease, color .2s ease, box-shadow .2s ease; }
.sgcw21d__category-tab span { display: grid; min-width: 31px; height: 25px; padding: 0 6px; place-items: center; color: var(--sgcw21d-primary); background: rgba(23,122,47,.09); border-radius: 8px; font-size: 9px; font-weight: 950; }
.sgcw21d__category-tab.is-active { color: #173a20; background: #fff; box-shadow: 0 4px 17px rgba(15,58,27,.08); }
.sgcw21d__document-panel[hidden] { display: none !important; }
.sgcw21d__viewer { position: relative; min-height: 760px; overflow: hidden; background: #f1f4f1; border: 1px solid var(--sgcw21d-line); border-radius: 22px; box-shadow: 0 12px 35px rgba(14,54,25,.065); }
.sgcw21d__viewer-bar { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 61px; padding: 11px 16px; color: #fff; background: linear-gradient(135deg, var(--sgcw21d-dark), var(--sgcw21d-primary)); }
.sgcw21d__viewer-bar > div { display: flex; align-items: center; gap: 11px; }
.sgcw21d__viewer-bar strong { display: grid; min-width: 39px; height: 35px; padding: 0 7px; place-items: center; color: var(--sgcw21d-primary); background: #fff; border-radius: 10px; font-size: 11px; font-weight: 950; }
.sgcw21d__viewer-bar span { font-size: 13px; font-weight: 850; }
.sgcw21d__viewer-bar a { color: #fff; font-size: 11px; font-weight: 850; text-decoration: none; }
.sgcw21d__viewer iframe { position: relative; z-index: 2; display: block; width: 100%; height: 760px; background: #fff; border: 0; opacity: 0; transition: opacity .25s ease; }
.sgcw21d__result-image { position: relative; z-index: 2; display: block; width: 100%; height: auto; min-height: 580px; object-fit: contain; background: #fff; opacity: 0; transition: opacity .25s ease; }
.sgcw21d__viewer.is-loaded iframe, .sgcw21d__viewer.is-loaded .sgcw21d__result-image { opacity: 1; }
.sgcw21d__loader { position: absolute; z-index: 1; inset: 61px 0 0; display: grid; place-content: center; justify-items: center; color: var(--sgcw21d-muted); background: #fff; }
.sgcw21d__loader span { width: 35px; height: 35px; border: 3px solid var(--sgcw21d-line); border-top-color: var(--sgcw21d-primary); border-radius: 50%; animation: sgcw21d-spin .8s linear infinite; }
.sgcw21d__loader p { margin: 12px 0 0; font-size: 12px; font-weight: 800; }
.sgcw21d__viewer.is-loaded .sgcw21d__loader { display: none; }
@keyframes sgcw21d-spin { to { transform: rotate(360deg); } }
.sgcw21d__empty { display: flex; align-items: center; gap: 20px; padding: 27px; color: var(--sgcw21d-muted); background: #fff9ea; border: 1px solid #f0dba4; border-radius: 20px; }
.sgcw21d__empty > span { font-size: 35px; }
.sgcw21d__empty div { flex: 1; }
.sgcw21d__empty h4 { margin: 0 0 4px; color: #3c3421; }
.sgcw21d__empty p { margin: 0; font-size: 13px; }
.sgcw21d__empty a { flex: 0 0 auto; font-size: 12px; font-weight: 900; }
.sgcw21d__home-highlight { display: flex; align-items: center; gap: 25px; margin-top: 45px; padding: clamp(25px, 4vw, 38px); color: #fff; background: linear-gradient(135deg, var(--sgcw21d-dark), var(--sgcw21d-primary)); border-radius: 25px; }
.sgcw21d__home-icon { display: grid; flex: 0 0 73px; width: 73px; height: 73px; place-items: center; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.18); border-radius: 21px; font-size: 35px; }
.sgcw21d__home-highlight .sgcw21d__kicker { color: #bde8c6; }
.sgcw21d__home-highlight h3 { margin: 0 0 8px; color: #fff; font-size: clamp(23px, 3vw, 34px); line-height: 1.15; }
.sgcw21d__home-highlight p:not(.sgcw21d__kicker) { margin: 0; color: rgba(255,255,255,.82); }
.sgcw21d__source-note { margin: 27px 3px 0; color: var(--sgcw21d-muted); font-size: 11px; }
.sgcw21d__source-note a { font-weight: 850; }
.sgcw21d--compact .sgcw21d__intro { margin-bottom: 27px; }

@media (max-width: 900px) {
  .sgcw21d__stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .sgcw21d__champion { grid-column: span 3; }
  .sgcw21d__champion:nth-child(5) { grid-column: 2 / span 4; }
}
@media (max-width: 700px) {
  .sgcw21d { border-radius: 21px; }
  .sgcw21d__hero-inner { align-items: flex-start; }
  .sgcw21d__logo { width: 92px; }
  .sgcw21d__intro, .sgcw21d__section-head { align-items: flex-start; flex-direction: column; }
  .sgcw21d__champion, .sgcw21d__champion:nth-child(4), .sgcw21d__champion:nth-child(5) { grid-column: 1 / -1; }
  .sgcw21d__viewer { min-height: 650px; }
  .sgcw21d__viewer iframe { height: 650px; }
  .sgcw21d__home-highlight { align-items: flex-start; }
  .sgcw21d__empty { align-items: flex-start; flex-wrap: wrap; }
}
@media (max-width: 520px) {
  .sgcw21d__hero-inner { flex-direction: column; }
  .sgcw21d__hero h2 { font-size: 40px; }
  .sgcw21d__stats { grid-template-columns: 1fr; }
  .sgcw21d__stats article { min-height: 105px; }
  .sgcw21d__category-tab { min-width: 125px; }
  .sgcw21d__viewer { min-height: 560px; border-radius: 16px; }
  .sgcw21d__viewer iframe { height: 560px; }
  .sgcw21d__viewer-bar span { display: none; }
  .sgcw21d__home-highlight { flex-direction: column; }
}
@media print {
  body * { visibility: hidden !important; }
  .sgcw21d, .sgcw21d * { visibility: visible !important; }
  .sgcw21d { position: absolute; inset: 0 auto auto 0; width: 100%; margin: 0; border: 0; box-shadow: none; }
  .sgcw21d__print, .sgcw21d__category-tabs, .sgcw21d__viewer-bar, .sgcw21d__source-note { display: none !important; }
  .sgcw21d__document-panel[hidden] { display: none !important; }
  .sgcw21d__hero { min-height: auto; color: #000; background: #fff; }
  .sgcw21d__hero-inner { min-height: auto; padding: 25px; }
  .sgcw21d__hero h2, .sgcw21d__lead, .sgcw21d__eyebrow, .sgcw21d__meta { color: #000; }
  .sgcw21d__viewer, .sgcw21d__viewer iframe { height: 900px; border: 0; box-shadow: none; }
}