:root {
  --color-bg-primary: #101114;
  --color-bg-secondary: #1A1D22;
  --color-card: #242830;
  --color-text-heading: #F5F4F1;
  --color-text-body: #B5BDC8;
  --color-accent-gold: #C9A44B;
  --color-accent-blue: #6F8FAF;
  --color-ribbon-bg: #C62828;
  --color-ribbon-text: #FFFFFF;
  --color-divider: #23262D;

  --font-heading: 'Montserrat', 'Arial', sans-serif;
  --font-body: 'Source Serif Pro', 'Georgia', serif;

  --text-xxl: clamp(2rem, 4vw, 3rem);
  --text-xl: clamp(1.75rem, 3vw, 2.25rem);
  --text-lg: 1.5rem;
  --text-md: 1.125rem;
  --text-base: 1rem;
  --text-sm: 0.875rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;

  --radius-card: 12px;
  --radius-button: 8px;
  --radius-image: 8px;

  --shadow-subtle: 0 2px 8px rgba(16,17,20,0.12);

  --container-max: 1160px;
  --container-pad: 2rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.6;
  color: var(--color-text-body);
  background: var(--color-bg-primary);
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video {
  max-width: 100%;
  display: block;
  border-radius: var(--radius-image);
}

a {
  color: var(--color-accent-blue);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--color-accent-gold);
}

ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
}

button {
  cursor: pointer;
}

:focus-visible {
  outline: 2px solid var(--color-accent-gold);
  outline-offset: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  color: var(--color-text-heading);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 var(--space-3);
  line-height: 1.2;
}

h1 { font-size: var(--text-xxl); }
h2 { font-size: var(--text-xl); }
h3 { font-size: var(--text-lg); }
h4 { font-size: var(--text-md); }
h5 { font-size: var(--text-base); }
h6 { font-size: var(--text-sm); }

p {
  margin: 0 0 var(--space-3);
}

blockquote {
  margin: 0 0 var(--space-4);
  padding-left: var(--space-3);
  border-left: 2px solid var(--color-accent-gold);
  color: var(--color-text-heading);
}

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

.section {
  padding-block: var(--space-6);
}

.surface-primary {
  background: var(--color-bg-primary);
}

.surface-secondary {
  background: var(--color-bg-secondary);
}

.card {
  background: var(--color-card);
  border: 1px solid var(--color-divider);
  border-radius: var(--radius-card);
  padding: var(--space-4);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-subtle);
}

.card > *:last-child {
  margin-bottom: 0;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 1.25rem;
  font-family: var(--font-heading);
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--radius-button);
  transition: all 0.2s ease;
}

.button-primary {
  background: var(--color-accent-gold);
  color: #101114 !important;
}

.button-primary:hover {
  filter: brightness(1.1);
  transform: scale(1.02);
}

.button-secondary {
  border: 1px solid var(--color-accent-blue);
  color: var(--color-accent-blue);
}

.button-secondary:hover {
  color: var(--color-accent-gold);
  border-color: var(--color-accent-gold);
}

.flex {
  display: flex;
  gap: var(--space-3);
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex > * {
  min-width: 0;
}

.nav-toggle {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.divider {
  height: 1px;
  background: var(--color-divider);
  width: 100%;
}

.ribbon-21 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--color-ribbon-bg);
  color: var(--color-ribbon-text);
  text-align: center;
  font-size: var(--text-sm);
  padding: 0.4rem 1rem;
  z-index: 1000;
}

main {
  display: block;
}

footer {
  background: var(--color-bg-secondary);
  padding: var(--space-6) 0;
}

@media (max-width: 900px) {
  :root {
    --container-pad: 1rem;
  }

  .section {
    padding-block: var(--space-5);
  }

  .card {
    padding: var(--space-3);
  }
}


:root{--ribbon-h:32px}
.site-header{position:sticky;top:var(--ribbon-h);z-index:999;background:var(--color-bg-primary);border-bottom:1px solid var(--color-divider)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:72px}
.brand{display:flex;align-items:center;gap:0.6rem;flex-shrink:0}
.brand-mark{height:40px;width:auto;display:block}
.brand-text{font-family:var(--font-heading);color:var(--color-text-heading);font-size:1.1rem;letter-spacing:0.04em}

.nav{display:flex}
.nav-list{display:flex;gap:var(--space-4);align-items:center;margin:0;padding:0}
.nav-list li{margin:0;padding:0}
.nav-list a{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-body);position:relative}
.nav-list a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--color-accent-gold);transition:width .2s}
.nav-list a:hover::after{width:100%}

.nav-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--color-text-heading)}

@media (max-width:900px){
  .brand-mark{height:32px}
  .brand-text{display:none}
  .nav{position:fixed;top:var(--ribbon-h);left:0;height:calc(100% - var(--ribbon-h));width:260px;background:var(--color-bg-secondary);transform:translateX(-100%);transition:transform .25s ease;padding:var(--space-5) var(--space-4);overflow-y:auto}
  .nav.open{transform:translateX(0)}
  .nav-list{flex-direction:column;align-items:flex-start;gap:var(--space-4)}
  .nav-toggle{display:flex}
}


.site-footer{border-top:1px solid var(--color-divider)}
.footer-inner{display:grid;gap:var(--space-5)}
.footer-brand p {max-width:480px}
.footer-nav ul{display:grid;gap:0.5rem}
.footer-nav a{font-size:var(--text-sm)}
.footer-copy{font-size:var(--text-sm);color:var(--color-text-body)}

.consent{position:fixed;bottom:0;left:0;width:100%;background:var(--color-bg-secondary);border-top:1px solid var(--color-divider);padding:var(--space-3);display:none}
.consent.visible{display:block}
.consent-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);max-width:var(--container-max);margin-inline:auto}
.consent-actions{display:flex;gap:var(--space-2)}

@media (max-width:900px){
  .consent-inner{flex-direction:column;align-items:flex-start}
}


.kontakt-main {}

.kontakt-hero-inner {
  display:flex;
  justify-content:center;
}
.kontakt-hero-text {
  max-width:640px;
  text-align:center;
}

.kontakt-typy-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-4);
}
.kontakt-card {
  display:flex;
  flex-direction:column;
  gap: var(--space-3);
}

.kontakt-form-wrap {
  display:flex;
  justify-content:center;
}
.kontakt-form-card {
  max-width:720px;
  width:100%;
  display:flex;
  flex-direction:column;
  gap: var(--space-4);
}
.kontakt-form {
  display:flex;
  flex-direction:column;
  gap: var(--space-3);
}
.kontakt-field {
  display:flex;
  flex-direction:column;
  gap: var(--space-2);
}
.kontakt-field input,
.kontakt-field textarea {
  background: var(--color-bg-primary);
  border:1px solid var(--color-divider);
  border-radius: var(--radius-button);
  padding:0.6rem 0.7rem;
}
.kontakt-field input:focus,
.kontakt-field textarea:focus {
  outline:2px solid var(--color-accent-gold);
}
.kontakt-actions {
  display:flex;
  align-items:center;
  gap: var(--space-3);
}
.kontakt-status {
  font-size: var(--text-sm);
}

.kontakt-ocakavani-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--space-5);
}
.kontakt-ocakavani-block {
  max-width:520px;
}

.kontakt-statement-inner {
  display:flex;
  justify-content:center;
}
.kontakt-statement-box {
  max-width:700px;
  text-align:center;
}

.kontakt-21-inner {
  display:flex;
  justify-content:center;
}
.kontakt-21-box {
  max-width:520px;
  text-align:center;
}

@media (max-width: 900px) {
  .kontakt-typy-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .kontakt-ocakavani-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .kontakt-typy-grid {
    grid-template-columns: 1fr;
  }
}


.zebricek-page .z-hero{position:relative;overflow:hidden}
.z-hero-bg{width:100%;height:70vh;object-fit:cover}
.z-hero-overlay{position:absolute;inset:0;background:rgba(16,17,20,0.6)}
.z-hero-inner{position:absolute;bottom:2rem;left:0;right:0}
.z-hero-text{max-width:520px}

.z-table-section .z-table-intro{max-width:700px;margin:0 auto var(--space-4);text-align:center}
.z-table-wrap {overflow-x:auto}
.z-table{width:100%;border-collapse:collapse}
.z-table th,.z-table td{padding:0.75rem;border-bottom:1px solid var(--color-divider);text-align:left}
.z-table tr.top {background:rgba(201,164,75,0.1)}
.z-table tr:hover{background:rgba(255,255,255,0.03)}

.z-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.z-player-card img{margin-bottom:var(--space-3)}

.z-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}

.z-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}

.z-editorial-inner{max-width:680px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

.z-notice .container{max-width:600px;text-align:center}

@media (max-width:900px){
.z-player-grid,.z-cat-grid,.z-method-grid{grid-template-columns:1fr}
.z-hero-bg{height:40vh}
.z-hero-text{text-align:center;margin:0 auto}
}


.cookies-page {}

.cookies-intro__text {
  max-width: 720px;
  margin-inline: auto;
}

.cookies-intro__text p {
  }

.cookies-highlight {
  color: var(--color-text-heading);
  border-left: 2px solid var(--color-accent-gold);
  padding-left: var(--space-3);
}

.cookies-section .cookies-block {
  max-width: 720px;
}

.cookies-types {
  max-width: 760px;
}

.cookies-type {
  max-width: 760px;
}

.cookies-type p {
  }

@media (max-width: 900px) {
  .cookies-intro__text,
  .cookies-section .cookies-block,
  .cookies-types,
  .cookies-type {
    max-width: 100%;
  }
}


.privacy-page {
  display: block;
}

.privacy-intro {
  max-width: 720px;
  margin-inline: auto;
  text-align: left;
}

.privacy-intro .highlight {
  color: var(--color-text-heading);
  border-left: 2px solid var(--color-accent-gold);
  padding-left: var(--space-3);
}

.privacy-section {
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.privacy-narrow {
  max-width: 720px;
}

.privacy-standard {
  max-width: 760px;
}

.privacy-wide {
  max-width: 820px;
}

.privacy-block {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.privacy-block.highlight {
  border-left: 2px solid var(--color-accent-gold);
  padding-left: var(--space-3);
}

@media (max-width: 900px) {
  .privacy-intro,
  .privacy-narrow,
  .privacy-standard,
  .privacy-wide {
    padding-inline: 0;
  }
}


.op-page {
}

.op-hero-inner {
  max-width: 720px;
}

.op-section-narrow .op-narrow {
  max-width: 720px;
}

.op-section-medium .op-medium {
  max-width: 860px;
}

.op-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.op-highlight {
  background: var(--color-bg-secondary);
  padding: var(--space-4);
  border: 1px solid var(--color-divider);
  border-radius: var(--radius-card);
}

.op-section-highlight .op-highlight-block {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-divider);
  border-radius: var(--radius-card);
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 900px;
}

.op-section-highlight .container {
  display: flex;
}

.op-highlight-block > * {
  min-width: 0;
}

@media (max-width: 900px) {
  .op-section-medium .op-medium,
  .op-section-narrow .op-narrow,
  .op-hero-inner {
    max-width: 100%;
  }

  .op-section-highlight .container {
    display: block;
  }
}


.hraci-page {} 

.hraci-hero {position:relative; overflow:hidden;}
.hraci-hero-img {width:100%; height:520px; object-fit:cover;}
.hraci-hero-overlay {position:absolute; bottom:2rem; left:2rem; max-width:480px; display:flex; flex-direction:column; gap:var(--space-3);}

.hraci-featured-grid {display:grid; grid-template-columns:60% 40%; gap:var(--space-5); align-items:center;}
.hraci-featured-text {display:flex; flex-direction:column; gap:var(--space-3);}
.hraci-stats {display:flex; gap:var(--space-4);}

.hraci-filter-bar {display:flex; gap:var(--space-3); justify-content:center;}
.hraci-filter-bar input, .hraci-filter-bar select {padding:0.6rem; border:1px solid var(--color-divider); background:var(--color-card); color:var(--color-text-body); border-radius:var(--radius-button);}

.hraci-cards {display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--space-5);} 
.hraci-card {display:flex; flex-direction:column; gap:var(--space-3);} 

.hraci-table-wrapper {overflow-x:auto;}
.hraci-table {width:100%; border-collapse:collapse;}
.hraci-table th, .hraci-table td {padding:0.75rem; border-bottom:1px solid var(--color-divider); text-align:left;}
.hraci-table tr:hover {background:var(--color-card);} 

.hraci-editorial-grid {display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--space-5);} 

.hraci-links-inner {text-align:center; max-width:600px; margin-inline:auto; display:flex; flex-direction:column; gap:var(--space-3);} 
.hraci-links-actions {display:flex; gap:var(--space-3); justify-content:center;} 

.hraci-about-inner {max-width:600px; margin-inline:auto; text-align:center;} 

.hraci-cta-inner {max-width:500px; margin-inline:auto; text-align:center; display:flex; flex-direction:column; gap:var(--space-3);} 

@media (max-width:1000px){
.hraci-featured-grid {grid-template-columns:1fr;} 
.hraci-cards {grid-template-columns:repeat(2, minmax(0,1fr));}
}

@media (max-width:600px){
.hraci-hero-overlay {position:static; padding:1rem;}
.hraci-hero-img {height:auto;}
.hraci-cards {grid-template-columns:1fr;} 
.hraci-editorial-grid {grid-template-columns:1fr;} 
.hraci-links-actions {flex-direction:column;} 
}


.kalendar-page .kal-hero{position:relative;padding:0;overflow:hidden}
.kal-hero-bg img{width:100%;height:80vh;object-fit:cover}
.kal-hero-inner{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center}
.kal-hero-text{max-width:520px}
.kal-hero-text h1{color:var(--color-accent-gold)}

.kal-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.kal-quick-card{min-width:0}

.kal-table{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}
.kal-day{border-top:1px solid var(--color-divider);padding-top:var(--space-3)}
.kal-date{color:var(--color-accent-gold);margin-bottom:var(--space-2)}
.kal-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--space-2) 0;border-bottom:1px solid var(--color-divider)}

.kal-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}

.kal-feature-row{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center;margin-top:var(--space-5)}
.kal-feature-row.reverse{grid-template-columns:40% 60%}
.kal-feature-image img{width:100%;height:auto}

.kal-venues-grid{display:grid;grid-template-columns:50% 50%;gap:var(--space-5);align-items:center}

.kal-how-text{max-width:680px;margin-inline:auto;text-align:center}

.kal-note-box{border:1px solid var(--color-divider);padding:var(--space-4)}

.kal-cta-inner{max-width:520px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:1100px){.kal-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
.kal-feature-row,.kal-feature-row.reverse{grid-template-columns:1fr}
.kal-venues-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
.kal-quick-grid{grid-template-columns:1fr}
.kal-cat-grid{grid-template-columns:1fr}
}


.novinky-hero-link{display:block;position:relative}
.novinky-hero-media img{width:100%;height:auto}
.novinky-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(16,17,20,0.85), rgba(16,17,20,0.2));display:flex;align-items:flex-end}
.novinky-hero-text{max-width:650px;padding:var(--space-5);}

.novinky-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.novinky-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.novinky-feature-card img{margin-bottom:var(--space-3)}

.novinky-categories-list{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}
.novinky-cat{padding:0.5rem 1rem;border:1px solid var(--color-accent-blue);border-radius:var(--radius-button)}
.novinky-cat.active{background:var(--color-accent-blue);color:#101114}

.novinky-feed-list{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-5)}

.novinky-visual-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}

.novinky-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);max-width:500px}

.novinky-disclaimer-box{max-width:700px;margin-inline:auto;border:1px solid var(--color-divider);padding:var(--space-4);text-align:center}

.novinky-cta-inner{text-align:center;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}
.novinky-cta-actions{display:flex;gap:var(--space-3)}

@media(max-width:1000px){
.novinky-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.novinky-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.novinky-visual-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
.novinky-quick-grid,.novinky-feature-grid{grid-template-columns:1fr}
}


.hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:end}
.hero-text{display:flex;flex-direction:column;gap:var(--space-3);max-width:520px}
.hero-cta{display:flex;gap:var(--space-3)}
.tournament-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.live-list{display:flex;flex-direction:column;gap:var(--space-2)}
.live-item{padding:var(--space-2);border-bottom:1px solid var(--color-divider)}
.live-item.active{color:var(--color-accent-gold)}
.articles-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-5)}
.article-list{display:flex;flex-direction:column;gap:var(--space-3)}
.ranking-table{display:flex;flex-direction:column}
.ranking-table .row{display:grid;grid-template-columns:60px 1fr 100px;padding:var(--space-2);border-bottom:1px solid var(--color-divider)}
.ranking-table .highlight{background:var(--color-card)}
.player-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-5);align-items:center}
.calendar-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.venue-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.interview{max-width:700px;margin-inline:auto;text-align:center}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);text-align:center}
.stat .num{font-size:var(--text-xl);color:var(--color-accent-gold)}
.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.disclaimer .container{max-width:600px;margin-inline:auto;text-align:center}
@media(max-width:900px){
.hero-grid{grid-template-columns:1fr}
.tournament-grid{grid-template-columns:1fr}
.live-grid{grid-template-columns:1fr}
.articles-grid{grid-template-columns:1fr}
.player-grid{grid-template-columns:1fr}
.calendar-grid{grid-template-columns:1fr}
.venue-cards{grid-template-columns:1fr}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.history-grid{grid-template-columns:1fr}
}


.live-hero-inner{display:grid;grid-template-columns:45% 55%;gap:var(--space-5);align-items:center}
.live-hero-text{display:flex;flex-direction:column;gap:var(--space-3)}
.live-hero-text h1 .accent{color:var(--color-accent-gold)}
.live-hero-summary{max-width:60ch}
.live-hero-media img{width:100%;height:auto}

.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.live-card{display:flex;flex-direction:column;gap:var(--space-2)}
.live-card .badge{color:var(--color-accent-gold);font-weight:bold}

.live-player-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.player-frame{width:100%;max-width:900px;aspect-ratio:16/9}
.player-frame iframe{width:100%;height:100%}
.player-desc{max-width:60ch}
.player-caption{max-width:60ch;font-size:var(--text-sm)}

.schedule-table{display:flex;flex-direction:column;gap:var(--space-2)}
.schedule-table .row{display:grid;grid-template-columns:1fr 2fr 1fr;padding:var(--space-2);border-bottom:1px solid var(--color-divider)}
.schedule-table .highlight{background:var(--color-card)}
.schedule-note{max-width:55ch}

.context-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5)}
.context-text{display:flex;flex-direction:column;gap:var(--space-3)}
.context-text p {max-width:60ch}

.how-inner{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}
.how-note{border:1px solid var(--color-divider);padding:var(--space-3)}

.links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.links-grid a{display:block}

.compliance-inner{max-width:60ch;margin-inline:auto;text-align:center}

.closing-inner{max-width:60ch;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}

@media(max-width:1000px){
.live-hero-inner{grid-template-columns:1fr}
.context-grid{grid-template-columns:1fr}
}

@media(max-width:900px){
.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
.live-grid{grid-template-columns:1fr}
.links-grid{grid-template-columns:1fr}
.schedule-table .row{grid-template-columns:1fr}
}


.thankyou-wrapper {
  display: flex;
  justify-content: center;
}

.thankyou-card {
  max-width: 640px;
  width: 100%;
}

.thankyou-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  text-align: center;
  margin-inline: auto;
}

.thankyou-lead {
  color: var(--color-text-heading);
}

.thankyou-actions {
  display: flex;
  justify-content: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-top: var(--space-3);
}

@media (max-width: 600px) {
  .thankyou-card {
    padding: var(--space-3);
  }
}