:root {
  --vl-primary: #ff6f3c;
  --vl-secondary: #2bb9ad;
  --vl-accent: #ffd166;
  --vl-ink: #1b2a41;
  --vl-page: #f6f9fc;
  --vl-soft: #edf6fb;
}

body {
  font-family: "Nunito", "Segoe UI", sans-serif;
  color: var(--vl-ink);
  background:
    radial-gradient(circle at 88% 0%, rgba(43, 185, 173, 0.12) 0, rgba(43, 185, 173, 0) 26%),
    linear-gradient(180deg, #fbfdff 0%, var(--vl-page) 100%);
  min-height: 100vh;
}

.vl-home-page {
  background:
    radial-gradient(circle at 82% 3%, rgba(43, 185, 173, 0.15) 0, rgba(43, 185, 173, 0) 27%),
    linear-gradient(180deg, #f8fcff 0%, var(--vl-page) 100%);
}

.vl-home-page > header {
  background:
    radial-gradient(circle at 8% 20%, rgba(255, 209, 102, 0.24) 0, rgba(255, 209, 102, 0) 28%),
    radial-gradient(circle at 82% 25%, rgba(43, 185, 173, 0.16) 0, rgba(43, 185, 173, 0) 30%),
    linear-gradient(135deg, #f4fbff 0%, #fff8f1 100%);
  border-bottom: 1px solid rgba(43, 185, 173, 0.12);
}

h1,
h2,
h3,
h4,
.brand-font {
  font-family: "Baloo 2", "Trebuchet MS", sans-serif;
}

.hero-title {
  font-size: clamp(2rem, 7vw, 3.4rem);
  line-height: 1.1;
}

.home-hero {
  position: relative;
  overflow: hidden;
}

.home-hero::before,
.home-hero::after {
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.home-hero::before {
  top: -6rem;
  right: -7rem;
  width: 20rem;
  height: 20rem;
  background: rgba(255, 209, 102, 0.24);
}

.home-hero::after {
  bottom: -8rem;
  left: 40%;
  width: 13rem;
  height: 13rem;
  background: rgba(255, 111, 60, 0.08);
}

.home-hero .container { position: relative; z-index: 1; }

.hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.42rem 0.85rem;
  border-radius: 999px;
  background: #fff3c8;
  color: #a86d00;
  font-size: 0.83rem;
  font-weight: 800;
}

.hero-title {
  max-width: 12ch;
  font-size: clamp(2.55rem, 6.3vw, 4.6rem);
  letter-spacing: -0.035em;
}

.hero-title span { color: var(--vl-primary); }

.hero-copy {
  max-width: 38rem;
  color: #49627a;
  font-size: clamp(1rem, 2vw, 1.18rem);
  line-height: 1.62;
}

.hero-primary-cta,
.hero-secondary-cta {
  border-radius: 0.9rem;
  padding: 0.8rem 1.25rem;
  font-weight: 800;
}

.hero-primary-cta {
  border-color: var(--vl-primary);
  background: var(--vl-primary);
  box-shadow: 0 0.6rem 1rem rgba(255, 111, 60, 0.22);
}

.hero-primary-cta:hover,
.hero-primary-cta:focus { background: #e85d2c; border-color: #e85d2c; }

.hero-secondary-cta {
  border-color: #b7d9dd;
  color: #168d83;
  background: rgba(255, 255, 255, 0.58);
}

.hero-secondary-cta:hover,
.hero-secondary-cta:focus { border-color: #2bb9ad; color: #08776d; background: #e7fbf8; }

.hero-subjects { display: flex; flex-wrap: wrap; gap: 0.6rem; }

.hero-subjects span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.36rem 0.7rem;
  border: 1px solid rgba(30, 143, 131, 0.17);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
  color: #406178;
  font-size: 0.82rem;
  font-weight: 800;
}

.hero-subjects i { color: #e99c00; }

.learning-universe-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem; max-width: 47rem; }
.learning-universe-strip strong, .learning-universe-strip span { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.31rem 0.56rem; border-radius: 999px; font-size: 0.73rem; font-weight: 800; }
.learning-universe-strip strong { background: #fff0c1; color: #a66c00; }
.learning-universe-strip span { border: 1px solid rgba(79, 134, 171, 0.16); background: rgba(255, 255, 255, 0.62); color: #46677e; }
.learning-universe-strip span i { color: #e9892b; }
.learning-universe-strip span:nth-of-type(2) i { color: #a36bd1; }
.learning-universe-strip span:nth-of-type(3) i { color: #e19a00; }
.learning-universe-strip span:nth-of-type(4) i { color: #2eaa81; }
.learning-universe-strip span:nth-of-type(5) i { color: #468ed3; }
.learning-universe-strip.compact { gap: 0.35rem; }

.hero-universe-icon { position: absolute; z-index: 2; display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border: 2px solid rgba(255, 255, 255, 0.9); border-radius: 0.8rem; background: #fff; box-shadow: 0 0.45rem 0.9rem rgba(55, 97, 120, 0.12); font-size: 1.1rem; }
.hero-universe-brain { top: 8.5rem; left: 5%; color: #9d68cb; transform: rotate(-8deg); }
.hero-universe-maths { right: 13%; bottom: 7.4rem; color: #d79200; transform: rotate(9deg); }
.hero-universe-science { bottom: 1.7rem; left: 8%; color: #239473; transform: rotate(-8deg); }
.hero-universe-ai { top: 1rem; right: 2%; color: #478fd2; transform: rotate(9deg); }

.hero-art {
  position: relative;
  min-height: 25rem;
  isolation: isolate;
}

.hero-art::before {
  position: absolute;
  inset: 2.1rem 1.2rem 1.4rem 1.2rem;
  z-index: -2;
  border-radius: 44% 56% 53% 47% / 51% 40% 60% 49%;
  background: linear-gradient(145deg, #d9f7ef, #fdf1c8);
  content: "";
  transform: rotate(-4deg);
}

.hero-licensed-image {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

.hero-art-fallback { position: absolute; inset: 0; z-index: 1; overflow: hidden; }
.hero-cloud { position: absolute; width: 4.1rem; height: 1.55rem; border-radius: 4rem; background: rgba(255, 255, 255, 0.82); }
.hero-cloud::before, .hero-cloud::after { position: absolute; bottom: 0; border-radius: 50%; background: inherit; content: ""; }
.hero-cloud::before { left: 0.75rem; width: 1.55rem; height: 1.55rem; }
.hero-cloud::after { right: 0.6rem; width: 1.9rem; height: 1.9rem; }
.hero-cloud-one { top: 4rem; left: 15%; transform: scale(0.72); }
.hero-cloud-two { top: 7.2rem; right: 13%; transform: scale(0.52); }
.hero-sun { position: absolute; top: 2.3rem; right: 23%; color: #f4b400; font-size: 2.3rem; transform: rotate(12deg); }
.hero-pencil { position: absolute; top: 7.5rem; left: 10%; color: #ff7d4d; font-size: 1.9rem; transform: rotate(-35deg); }
.hero-book { position: absolute; top: 5.5rem; right: 7%; color: #4f9de6; font-size: 2rem; transform: rotate(14deg); }

.hero-desk {
  position: absolute;
  right: 8%;
  bottom: 2.1rem;
  left: 11%;
  height: 5.9rem;
  border-radius: 1rem 1rem 1.4rem 1.4rem;
  background: linear-gradient(180deg, #f5b14b 0 30%, #d67d30 31% 100%);
  box-shadow: inset 0 -0.55rem 0 rgba(123, 67, 25, 0.18);
}

.hero-desk::before, .hero-desk::after { position: absolute; bottom: -1.7rem; width: 1rem; height: 2.2rem; border-radius: 0 0 0.45rem 0.45rem; background: #a95a24; content: ""; }
.hero-desk::before { left: 1.2rem; transform: rotate(7deg); }
.hero-desk::after { right: 1.2rem; transform: rotate(-7deg); }
.hero-desk span { position: absolute; top: 0.85rem; width: 3.3rem; height: 2.4rem; border: 0.25rem solid #a4d5ff; border-radius: 0.35rem; background: #fdf9e8; transform: rotate(-4deg); }
.hero-desk span:nth-child(1) { left: 16%; }
.hero-desk span:nth-child(2) { left: 43%; top: 1.28rem; transform: rotate(5deg); }
.hero-desk span:nth-child(3) { right: 8%; top: 0.65rem; transform: rotate(9deg); }

.hero-child { position: absolute; bottom: 6.1rem; display: grid; place-items: center; width: 6.35rem; height: 8rem; border-radius: 48% 48% 26% 26%; color: #56402f; font-size: 3rem; }
.hero-child::before { position: absolute; top: -1.45rem; left: 1.25rem; width: 3.9rem; height: 3.5rem; border-radius: 60% 55% 48% 44%; background: #61432b; content: ""; }
.hero-child i { position: relative; z-index: 2; margin-top: -2.35rem; color: #f4b17b; }
.hero-child-one { left: 24%; background: #f26f60; transform: rotate(-3deg); }
.hero-child-two { right: 18%; height: 8.6rem; background: #4ba3db; transform: rotate(4deg); }
.hero-child-two::before { background: #33271f; }

.hero-stat {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.55rem 0.75rem;
  border: 2px solid #fff;
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 0.65rem 1.35rem rgba(35, 79, 108, 0.14);
  color: #31546e;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.15;
}
.hero-stat strong { display: block; color: #ff6f3c; font-family: "Baloo 2", sans-serif; font-size: 1.2rem; }
.hero-stat-top { top: 2.3rem; left: 0; }
.hero-stat-bottom { right: 0; bottom: 3.5rem; color: #317b72; }
.hero-stat-bottom i { color: #f0a300; font-size: 1.3rem; }
.hero-stat-bottom strong { color: #168c82; font-size: 0.95rem; }
.hero-squiggle { position: absolute; z-index: 4; color: #ff9f43; font-size: 1.8rem; font-weight: 800; }
.hero-squiggle-one { top: 1rem; left: 22%; transform: rotate(-15deg); }
.hero-squiggle-two { right: 5%; bottom: 0.5rem; color: #6eafd8; }

.worksheet-showcase { position: relative; overflow: hidden; background: linear-gradient(180deg, #fffdf7, #f5fbff); }
.worksheet-showcase::after { position: absolute; right: -8rem; bottom: -10rem; width: 20rem; height: 20rem; border-radius: 50%; background: rgba(43, 185, 173, 0.07); content: ""; }
.worksheet-showcase .container { position: relative; z-index: 1; }
.showcase-link { color: #168c82; font-weight: 800; text-decoration: none; }
.showcase-link:hover, .showcase-link:focus { color: #ff6f3c; }
.worksheet-carousel { padding: 0 2.9rem 1.7rem; }
.worksheet-showcase-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid #e6edf2; border-radius: 1.15rem; background: #fff; box-shadow: 0 0.55rem 1.4rem rgba(39, 80, 109, 0.1); color: #1b425f; text-decoration: none; transition: transform 0.18s ease, box-shadow 0.18s ease; }
.worksheet-showcase-card:hover, .worksheet-showcase-card:focus { color: #1b425f; box-shadow: 0 1rem 1.8rem rgba(39, 80, 109, 0.18); transform: translateY(-0.3rem) rotate(-0.45deg); }
.worksheet-showcase-card img { display: block; width: 100%; aspect-ratio: 1.35 / 1; object-fit: contain; background: #f9fbfc; }
.worksheet-showcase-card span { margin: 0.9rem 1rem 0.05rem; color: #168c82; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.worksheet-showcase-card strong { margin: 0 1rem 1rem; font-size: 1.08rem; }
.worksheet-carousel .carousel-indicators { bottom: -0.3rem; margin-bottom: 0; }
.worksheet-carousel .carousel-indicators button { width: 0.65rem; height: 0.65rem; margin: 0 0.28rem; border: 0; border-radius: 50%; background-color: #98bec9; }
.worksheet-carousel .carousel-indicators .active { background-color: #ff6f3c; }
.worksheet-carousel .carousel-control-prev, .worksheet-carousel .carousel-control-next { top: 45%; width: 2.45rem; height: 2.45rem; border-radius: 50%; background: #168c82; opacity: 1; transform: translateY(-50%); }
.worksheet-carousel .carousel-control-prev { left: -0.25rem; }
.worksheet-carousel .carousel-control-next { right: -0.25rem; }
.worksheet-carousel .carousel-control-prev-icon, .worksheet-carousel .carousel-control-next-icon { width: 1rem; height: 1rem; }

.card-lift {
  border: 0;
  background-color: #ffffff;
  box-shadow: 0 0.65rem 1.5rem rgba(27, 42, 65, 0.08);
}

.section-label {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.74rem;
  font-weight: 800;
}

.ad-slot {
  --ad-space-height: 6.25rem;
  display: grid;
  gap: 0.45rem;
  padding: 0.7rem;
  border: 1px solid rgba(49, 84, 110, 0.13);
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.66);
}

.ad-slot__label {
  justify-self: center;
  color: #6a7f91;
  font-size: 0.63rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.ad-slot__frame {
  display: grid;
  width: 100%;
  min-height: var(--ad-space-height);
  place-items: center;
  overflow: hidden;
  border-radius: 0.55rem;
  background: rgba(237, 246, 251, 0.5);
}

.ad-slot--rectangle { --ad-space-height: 15.625rem; }
.ad-slot--completion { --ad-space-height: 6.25rem; }

@media (min-width: 768px) {
  .ad-slot--billboard { --ad-space-height: 5.625rem; }
  .ad-slot--completion { --ad-space-height: 5.625rem; }
}

@media (min-width: 992px) {
  .ad-slot--billboard { --ad-space-height: 15.625rem; }
}

.vl-footer {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 12%, rgba(67, 196, 173, 0.17), transparent 26rem),
    radial-gradient(circle at 92% 6%, rgba(255, 183, 77, 0.14), transparent 24rem),
    #10243e !important;
  border-color: rgba(194, 220, 246, 0.18) !important;
  color: #eaf4ff;
}

.footer-brand {
  display: inline-flex;
  align-items: center;
  font-size: 1.45rem;
  color: #ffffff !important;
}

.vl-header-logo {
  display: block;
  width: min(14.5rem, 58vw);
  height: auto;
}

.vl-footer-logo {
  display: block;
  width: min(14.5rem, 70vw);
  height: auto;
}

.navbar {
  background: #10243e !important;
  border-color: rgba(194, 220, 246, 0.18) !important;
}

.navbar .nav-link {
  color: #d8e7f6;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
  color: #8ee4d2;
}

.navbar .navbar-toggler {
  border-color: rgba(230, 243, 255, 0.34);
}

.navbar .navbar-toggler-icon {
  filter: brightness(0) invert(1);
}

.footer-heading {
  font-family: "Nunito", "Segoe UI", sans-serif;
  color: #ffffff;
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.footer-subheading {
  margin: 1rem 0 0.35rem;
  color: #8ee4d2;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.vl-footer .text-secondary {
  max-width: 20rem;
  color: #b9cce0 !important;
  line-height: 1.65;
}

.footer-links li + li {
  margin-top: 0.5rem;
}

.footer-links a {
  color: #d8e7f6;
  font-size: 0.92rem;
  text-decoration: none;
  text-decoration-color: rgba(142, 228, 210, 0.55);
  text-underline-offset: 0.22em;
}

.footer-links a:hover,
.footer-links a:focus {
  color: #8ee4d2;
  text-decoration: underline;
}

.social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid rgba(230, 243, 255, 0.24);
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-size: 1rem;
  text-decoration: none;
  transition: transform 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.social-link:hover,
.social-link:focus {
  background: #8ee4d2;
  color: #10243e;
  transform: translateY(-2px);
}

.footer-social-desktop {
  display: none;
}

.vl-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border-top: 1px solid rgba(230, 243, 255, 0.16);
  color: #b9cce0;
}

.footer-global-message {
  display: block;
  max-width: 34rem;
  text-align: right;
}

.footer-love { white-space: nowrap; }
.footer-love .bi { color: #ff8f7a; }
.footer-country { display: inline-flex; align-items: center; white-space: nowrap; }
.footer-country img { width: 1.45em; height: auto; margin-inline: 0.1em; border-radius: 0.14em; box-shadow: 0 0.08em 0.2em rgba(0, 0, 0, 0.2); }

@media (min-width: 992px) {
  .vl-footer .row > :nth-child(1),
  .vl-footer .row > :nth-child(2),
  .vl-footer .row > :nth-child(3),
  .vl-footer .row > :nth-child(4) {
    width: 25%;
  }

  .vl-footer .row > :nth-child(5) {
    display: none;
  }

  .vl-footer .row > :not(:first-child) {
    border-left: 1px solid rgba(230, 243, 255, 0.13);
    padding-left: 1.5rem;
  }

  .vl-footer .footer-links li {
    break-inside: avoid;
  }

  .footer-social-desktop {
    display: block;
    margin-top: 1.35rem;
  }

  .footer-social-desktop .footer-heading {
    margin-bottom: 0.65rem;
  }
}

.placeholder-thumb {
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, rgba(255, 111, 60, 0.2), rgba(43, 185, 173, 0.25));
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--vl-primary);
  font-size: 2rem;
}

.page-art-icon {
  display: inline-flex;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.45rem;
  vertical-align: middle;
}

.page-art-icon img,
.vl-test-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.inline-art-icon {
  display: inline-flex;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.2rem;
  vertical-align: -0.22rem;
}

.inline-art-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.navbar-brand .bi {
  font-size: 0.82em;
}

.icon-heading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.4rem;
  border-radius: 0.7rem;
  background: rgba(255, 111, 60, 0.13);
  color: var(--vl-primary);
  font-size: 1rem;
  vertical-align: middle;
}

.audience-card {
  position: relative;
  overflow: hidden;
}

.home-finder {
  background: linear-gradient(135deg, #eef7ff 0%, #ffffff 58%, #f2fbf8 100%);
  border-radius: 1.25rem;
}

.grade-chip {
  display: inline-flex;
  align-items: center;
  min-height: 2.35rem;
  padding: 0.4rem 0.8rem;
  border: 1px solid #c9dcef;
  border-radius: 999px;
  background: #ffffff;
  color: #174b7c;
  font-size: 0.88rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.grade-chip:hover,
.grade-chip:focus {
  border-color: var(--vl-primary);
  background: #e8f3ff;
  color: var(--vl-primary);
  transform: translateY(-1px);
}

.subject-shortcut {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-height: 7.4rem;
  border: 1px solid #d8e5f1;
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.78);
  color: #244766;
  font-size: 0.84rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.subject-shortcut i {
  color: var(--vl-primary);
  font-size: 1.25rem;
}

.subject-shortcut img {
  width: 4.2rem;
  height: 4.2rem;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform 0.18s ease;
}

.subject-shortcut:hover img,
.subject-shortcut:focus img { transform: scale(1.1) rotate(-3deg); }

.subject-shortcut:hover,
.subject-shortcut:focus {
  color: #244766;
  box-shadow: 0 0.55rem 1.15rem rgba(31, 91, 143, 0.12);
  transform: translateY(-2px);
}

.home-steps {
  background: #f2fbf8;
  border-radius: 1rem;
}

.home-steps li {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}

.home-steps li + li {
  margin-top: 1.1rem;
}

.home-steps li > span {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  background: #1e8f83;
  color: #ffffff;
  font-weight: 800;
}

.home-steps small {
  display: block;
  margin-top: 0.15rem;
  color: #5c6b7a;
}

.home-faq {
  background: #ffffff;
  border-radius: 1.1rem;
}

.home-faq-list {
  display: grid;
  gap: 0.75rem;
}

.home-faq-item {
  padding: 1rem 1.15rem;
  border: 1px solid #dbe7f2;
  border-radius: 0.8rem;
  background: #fbfdff;
}

.home-faq-item summary {
  color: #183b5b;
  font-weight: 800;
  cursor: pointer;
}

.home-faq-item[open] {
  border-color: #b8d8f1;
  background: #edf7ff;
}

.home-faq-item p {
  margin: 0.75rem 0 0;
  color: #5c6b7a;
  line-height: 1.65;
}

.worksheet-facts {
  padding: 1rem;
  border: 1px solid #dbe7f2;
  border-radius: 0.85rem;
  background: #fbfdff;
}

.worksheet-facts dt {
  color: #5c6b7a;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.worksheet-facts dd {
  margin: 0.2rem 0 0;
  color: #183b5b;
  font-weight: 700;
}

.worksheet-tags {
  padding: 1rem;
  border: 1px solid #dbe7f2;
  border-radius: 0.85rem;
  background: #fbfdff;
}

.worksheet-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.65rem;
  border: 1px solid #c9dcef;
  border-radius: 999px;
  background: #ffffff;
  color: #244766;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: capitalize;
}

a.worksheet-tag {
  text-decoration: none;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

a.worksheet-tag:hover,
a.worksheet-tag:focus {
  border-color: #2bb9ad;
  background: #e8faf7;
  color: #137b72;
  transform: translateY(-1px);
}

.live-test-tags { padding: 0.75rem 1rem; }

.worksheet-preview {
  overflow: hidden;
  padding: 1rem;
  border: 1px solid #dbe7f2;
  border-radius: 0.85rem;
  background: #ffffff;
}

.worksheet-preview img {
  display: block;
  width: 100%;
  max-height: 48rem;
  object-fit: contain;
  background: #f8fbfe;
}

.worksheet-preview figcaption {
  padding: 0.7rem 0.9rem;
  color: #5c6b7a;
  font-size: 0.85rem;
}

.worksheet-action-panel {
  padding: 1.15rem;
  border: 1px solid #dbe7f2;
  border-radius: 0.9rem;
  background: #fbfdff;
}

.worksheet-action-panel .btn { font-weight: 800; }
.worksheet-action-panel #wsDownloads { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.worksheet-action-panel .btn-warning { border-color: #f6ae3a; background: #f6ae3a; color: #fff; }
.worksheet-action-panel .btn-warning:hover, .worksheet-action-panel .btn-warning:focus { border-color: #df9220; background: #df9220; color: #fff; }

.worksheet-share-section,
.worksheet-related-tags {
  margin-top: 1.2rem;
  padding-top: 1.15rem;
  border-top: 1px solid #e2ebf2;
}

.worksheet-share-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 50%;
  color: #fff;
  font-size: 1.25rem;
  text-decoration: none;
  transition: transform 0.15s ease, filter 0.15s ease;
}

.worksheet-share-link:hover,
.worksheet-share-link:focus { color: #fff; filter: brightness(0.93); transform: translateY(-2px); }
.share-whatsapp { background: #16b961; }
.share-telegram { background: #3d82eb; }
.share-facebook { background: #4678dc; }
.share-x { background: #111827; }
.share-linkedin { background: #0a66c2; }

/* Worksheet discovery page */
.worksheet-page { background: linear-gradient(180deg, #fcfffe 0%, #f6fbff 100%); }
.worksheet-page-hero { position: relative; overflow: hidden; padding: clamp(1.5rem, 4vw, 3rem); border-radius: 1.5rem; background: linear-gradient(125deg, #e4f9f5 0%, #eff9ff 56%, #fff2d4 100%); }
.worksheet-page-hero h1 { max-width: 16ch; font-size: clamp(2.1rem, 5vw, 3.4rem); line-height: 1.08; }
.worksheet-page-hero h1 span { color: #ff6f3c; }
.worksheet-page-hero p { max-width: 44rem; color: #4e687d; font-size: 1.07rem; line-height: 1.65; }
.worksheet-hero-illustration { display: block; width: min(100%, 24rem); height: auto; margin-inline: auto; }
.worksheet-hero-art { position: relative; display: grid; place-items: center; min-height: 9rem; border-radius: 45% 55% 49% 51% / 52% 42% 58% 48%; background: rgba(255, 255, 255, 0.6); color: #2bb9ad; transform: rotate(-3deg); }
.worksheet-hero-art > i { font-size: 4.8rem; text-shadow: 0 0.3rem 0 #fff; }
.worksheet-hero-art > i:nth-child(2) { position: absolute; top: 1rem; left: 13%; color: #ff7d4d; font-size: 1.5rem; transform: rotate(-25deg); }
.worksheet-hero-art > i:nth-child(3) { position: absolute; right: 14%; bottom: 0.8rem; color: #5a9fe1; font-size: 1.55rem; transform: rotate(20deg); }
.worksheet-hero-art span { position: absolute; right: 12%; top: 0.8rem; padding: 0.35rem 0.55rem; border-radius: 0.55rem; background: #fff4cc; color: #a76f00; font-size: 0.72rem; font-weight: 800; transform: rotate(7deg); }
.worksheet-hero-art span strong { color: #ec6b37; }
.worksheet-finder { border-radius: 1.3rem; background: #fff; box-shadow: 0 0.8rem 2rem rgba(31, 91, 143, 0.1); }
.worksheet-finder .form-label { color: #35556e; font-size: 0.8rem; font-weight: 800; }
.worksheet-finder .form-control, .worksheet-finder .form-select { min-height: 2.85rem; border-color: #d7e5ef; border-radius: 0.75rem; }
.worksheet-finder .form-control:focus, .worksheet-finder .form-select:focus { border-color: #5fc9bc; box-shadow: 0 0 0 0.22rem rgba(43, 185, 173, 0.13); }
.worksheet-finder-help { color: #557187; font-size: 0.88rem; line-height: 1.45; }
.worksheet-finder-help i { color: #168c82; }
.worksheet-search-button { min-height: 2.85rem; }
.worksheet-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem 0.75rem; color: #285170; font-size: 0.88rem; font-weight: 700; }
.worksheet-active-filters span { display: inline-flex; align-items: center; gap: 0.35rem; }
.worksheet-active-filters span i { color: #168c82; }
.worksheet-active-filters .btn-link { padding: 0; color: #d55a2b; font-weight: 800; text-decoration: underline; }
.worksheet-active-filters .btn-link:hover, .worksheet-active-filters .btn-link:focus { color: #a8451f; }
.quick-grade-picker, .quick-subject-picker { display: flex; flex-wrap: wrap; align-items: center; gap: 0.55rem; }
.quick-picker-label { margin-right: 0.25rem; color: #557187; font-size: 0.82rem; font-weight: 800; }
.quick-grade-picker button, .quick-subject-picker button { min-height: 2.25rem; padding: 0.35rem 0.75rem; border: 1px solid #d8e5ec; border-radius: 999px; background: #fff; color: #2e596e; font-size: 0.82rem; font-weight: 800; transition: transform 0.15s ease, color 0.15s ease, border-color 0.15s ease, background 0.15s ease; }
.quick-grade-picker button:hover, .quick-grade-picker button:focus, .quick-subject-picker button:hover, .quick-subject-picker button:focus { border-color: #ff8c64; background: #fff1e9; color: #d55a2b; transform: translateY(-0.1rem); }
.quick-subject-picker button i { margin-right: 0.3rem; color: #e99c00; }
.finder-sparkle { color: #f0af00; font-size: 1.4rem; }
.result-count { padding: 0.48rem 0.72rem; border: 1px solid #bde4dc; border-radius: 999px; background: #ebfaf6; color: #168c82; font-size: 0.82rem; font-weight: 800; }
.catalog-pagination { display: flex; justify-content: center; gap: 0.45rem; margin-top: 1.75rem; }
.catalog-pagination:empty { display: none; }
.catalog-pagination a { display: inline-flex; align-items: center; justify-content: center; min-width: 2.35rem; min-height: 2.35rem; padding: 1px 6px; border: 1px solid #cbddec; border-radius: 0.7rem; background: #fff; color: #285170; font-size: 0.88rem; font-weight: 800; text-decoration: none; }
.catalog-pagination a:hover, .catalog-pagination a:focus { border-color: #2bb9ad; background: #e8faf7; color: #137b72; }
.catalog-pagination a[aria-current="page"] { border-color: #168c82; background: #168c82; color: #fff; }
.catalog-pagination a[aria-disabled="true"] { cursor: default; opacity: 0.45; pointer-events: none; }
.worksheet-result-card { overflow: hidden; border: 1px solid #e0ebf1; border-radius: 1.15rem; background: #fff; box-shadow: 0 0.5rem 1.5rem rgba(31, 91, 143, 0.08); transition: transform 0.18s ease, box-shadow 0.18s ease; }
.worksheet-result-card:hover { box-shadow: 0 1rem 1.8rem rgba(31, 91, 143, 0.16); transform: translateY(-0.25rem); }
.worksheet-card-art { position: relative; height: 11rem; min-height: 11rem; overflow: hidden; border-radius: 0.85rem; background: #eaf7ff; color: #4f9de6; }
.worksheet-card-art::before, .worksheet-card-art::after { position: absolute; border-radius: 50%; content: ""; }
.worksheet-card-art::before { top: -2rem; right: -1.5rem; width: 6.5rem; height: 6.5rem; background: rgba(255, 255, 255, 0.45); }
.worksheet-card-art::after { bottom: -2.2rem; left: -1rem; width: 5.5rem; height: 5.5rem; background: rgba(255, 255, 255, 0.38); }
.worksheet-card-art i { position: relative; z-index: 1; font-size: 3.75rem; text-shadow: 0 0.22rem 0 rgba(255, 255, 255, 0.7); }
.worksheet-card-art > span { position: absolute; z-index: 1; right: 1rem; bottom: 0.75rem; color: rgba(37, 85, 114, 0.55); font-family: "Baloo 2", sans-serif; font-size: 1rem; font-weight: 700; }
.worksheet-card-art img { position: relative; z-index: 1; display: block; width: 100%; height: 80%; object-fit: cover; object-position: top; background: #f8fbfe; }
.worksheet-card-art.subject-math { background: #fff2ce; color: #e49500; }
.worksheet-card-art.subject-english { background: #e7f0ff; color: #4e8bda; }
.worksheet-card-art.subject-evs { background: #e0f7ed; color: #24936c; }
.worksheet-card-art.subject-science { background: #f0e7ff; color: #8964cc; }
.worksheet-card-art.subject-social { background: #ffebe2; color: #e0713e; }
.worksheet-card-art.subject-computers { background: #e2f8f7; color: #168c82; }
.worksheet-card-tags span { padding: 0.28rem 0.52rem; border-radius: 999px; background: #f1f7fa; color: #45657b; font-size: 0.72rem; font-weight: 800; }
.worksheet-card-tags span:nth-child(2) { background: #e9faf6; color: #168c82; }
.worksheet-card-tags span:nth-child(3) { background: #fff4d9; color: #a47609; }
.worksheet-result-card h3 { color: #173f5a; font-family: "Baloo 2", sans-serif; }
.worksheet-open-btn { border: 0; border-radius: 0.65rem; background: #fff0e8; color: #d3592a; font-weight: 800; }
.worksheet-open-btn:hover, .worksheet-open-btn:focus { background: #ff6f3c; color: #fff; }

/* Live worksheet challenges */
.live-page { background: linear-gradient(180deg, #faffff 0%, #f7f8ff 100%); }
.live-page-hero { position: relative; overflow: hidden; padding: clamp(1.6rem, 4vw, 3.1rem); border-radius: 1.5rem; background: linear-gradient(125deg, #e9f8ff 0%, #e6fbf3 54%, #fff0cf 100%); }
.live-page-hero h1 { max-width: 14ch; font-size: clamp(2.2rem, 5vw, 3.55rem); line-height: 1.08; }
.live-page-hero h1 span { color: #168c82; }
.live-page-hero p { max-width: 38rem; color: #4d687d; font-size: 1.08rem; line-height: 1.65; }
.live-hero-illustration { display: block; width: min(100%, 28rem); height: auto; margin-inline: auto; }
.live-hero-cta { border: 0; border-radius: 0.9rem; background: #168c82; box-shadow: 0 0.7rem 1.2rem rgba(22, 140, 130, 0.22); color: #fff; font-weight: 800; }
.live-hero-cta:hover, .live-hero-cta:focus { background: #0d756c; color: #fff; }
.live-format-note { color: #397165; font-size: 0.84rem; font-weight: 800; }
.live-format-note i { color: #168c82; }
.live-hero-game { position: relative; display: grid; place-items: center; min-height: 15rem; isolation: isolate; }
.live-hero-game::before { position: absolute; z-index: -2; width: 14rem; height: 14rem; border-radius: 50%; background: #7dd8cd; content: ""; }
.live-hero-game::after { position: absolute; z-index: -1; width: 11.5rem; height: 11.5rem; border: 0.75rem solid #fff; border-radius: 2.4rem; background: linear-gradient(140deg, #4e9de6, #6f72df); box-shadow: 0 1rem 1.5rem rgba(43, 91, 142, 0.23); content: ""; transform: rotate(-9deg); }
.live-hero-game > i { position: relative; z-index: 1; color: #fff; font-size: 4.5rem; transform: rotate(-9deg); }
.game-topic { position: absolute; z-index: 3; display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border: 2px solid #fff; border-radius: 0.75rem; background: #fff; box-shadow: 0 0.4rem 0.8rem rgba(57, 88, 141, 0.16); font-size: 1.05rem; }
.topic-brain { top: 1.2rem; left: 8%; color: #9964ca; transform: rotate(-12deg); }
.topic-ai { right: 5%; top: 5.3rem; color: #468ed3; transform: rotate(8deg); }
.topic-science { bottom: 0.6rem; left: 20%; color: #25936f; transform: rotate(-7deg); }
.game-orbit { position: absolute; z-index: -1; border: 2px dashed rgba(22, 140, 130, 0.45); border-radius: 50%; }
.game-orbit-one { width: 16rem; height: 7rem; transform: rotate(-18deg); }
.game-orbit-two { width: 8rem; height: 16rem; border-color: rgba(255, 147, 83, 0.47); transform: rotate(42deg); }
.game-star { position: absolute; z-index: 2; color: #f1ab00; font-size: 1.7rem; }
.star-one { top: 0.5rem; left: 14%; }
.star-two { right: 11%; bottom: 1.1rem; color: #ff8157; }
.game-bubble { position: absolute; z-index: 2; right: 0; top: 1rem; padding: 0.5rem 0.7rem; border: 2px solid #fff; border-radius: 0.7rem; background: #fff2c5; color: #b27a00; font-size: 0.76rem; font-weight: 800; line-height: 1.05; text-align: center; transform: rotate(9deg); }
.game-bubble strong { color: #e96839; }
.live-finder { border-radius: 1.3rem; background: #fff; box-shadow: 0 0.8rem 2rem rgba(68, 90, 164, 0.1); }
.live-finder .form-label { color: #35556e; font-size: 0.8rem; font-weight: 800; }
.live-finder .form-control, .live-finder .form-select { min-height: 2.85rem; border-color: #d7e5ef; border-radius: 0.75rem; }
.live-finder .form-control:focus, .live-finder .form-select:focus { border-color: #7a93e8; box-shadow: 0 0 0 0.22rem rgba(111, 114, 223, 0.13); }
.live-results-heading { margin-top: 0.5rem; }
.live-challenge-card { position: relative; overflow: hidden; border: 0; border-radius: 1.15rem; background: #fff; box-shadow: 0 0.6rem 1.5rem rgba(67, 82, 154, 0.12); transition: transform 0.18s ease, box-shadow 0.18s ease; }
.live-challenge-card:hover { box-shadow: 0 1rem 1.9rem rgba(67, 82, 154, 0.2); transform: translateY(-0.28rem); }
.live-challenge-art { position: relative; display: grid; place-items: center; min-height: 9.5rem; overflow: hidden; border-radius: 0.9rem; background: #e5f6ff; color: #4f9de6; }
.live-challenge-art::before { position: absolute; top: -3rem; right: -2rem; width: 8rem; height: 8rem; border-radius: 50%; background: rgba(255, 255, 255, 0.52); content: ""; }
.live-challenge-art::after { position: absolute; bottom: -3rem; left: -1rem; width: 7rem; height: 7rem; border-radius: 50%; background: rgba(255, 255, 255, 0.38); content: ""; }
.live-challenge-art i { position: relative; z-index: 1; font-size: 3.75rem; text-shadow: 0 0.24rem 0 rgba(255, 255, 255, 0.7); }
.live-challenge-art span { position: absolute; z-index: 2; right: 0.75rem; bottom: 0.65rem; padding: 0.32rem 0.52rem; border-radius: 999px; background: #fff; color: #5a6d8a; font-size: 0.72rem; font-weight: 800; }
.live-challenge-art.subject-civics { background: #efe8ff; color: #8964cc; }
.live-challenge-art.subject-history { background: #fff0dc; color: #d87936; }
.live-challenge-art.subject-math { background: #fff4c9; color: #dd9700; }
.live-challenge-art.subject-science { background: #e0f7ed; color: #24936c; }
.challenge-tags span { padding: 0.28rem 0.52rem; border-radius: 999px; background: #eef1ff; color: #5364b6; font-size: 0.72rem; font-weight: 800; }
.challenge-tags span:nth-child(2) { background: #e9faf6; color: #168c82; }
.challenge-tags span:nth-child(3) { background: #fff4d9; color: #a47609; }
.live-challenge-card h3 { color: #183e5b; font-family: "Baloo 2", sans-serif; }
.challenge-meta { padding: 0.65rem 0.75rem; border-radius: 0.7rem; background: #f6f8ff; color: #5a6c8b; font-size: 0.82rem; font-weight: 700; }
.challenge-start-btn { border: 0; border-radius: 0.7rem; background: #e9faf6; color: #168c82; font-weight: 800; }
.challenge-start-btn:hover, .challenge-start-btn:focus { background: #168c82; color: #fff; }

.audience-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.25rem;
  height: 5.25rem;
  margin-bottom: 1rem;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: 1.25rem;
  padding: 0;
  box-shadow: 0 0.45rem 0.8rem rgba(47, 87, 110, 0.12);
}

.audience-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
  transition: transform 0.22s ease;
}

.audience-card:hover .audience-icon img { transform: scale(1.12); }

.audience-kids .audience-icon { background: #fff3cf; color: #bc8600; }
.audience-students .audience-icon { background: #e5f0ff; color: #2676d2; }
.audience-parents .audience-icon { background: #e0f7f4; color: #168c82; }
.audience-teachers .audience-icon { background: #ffe9df; color: #d65c2f; }

/* ── Live test: segmented progress ──────────────────────────── */
.progress-seg {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 50%;
  color: #6c757d;
  cursor: default;
  display: inline-flex;
  flex: 0 0 2.25rem;
  font-size: 0.8rem;
  font-weight: 700;
  height: 2.25rem;
  justify-content: center;
  min-width: 2.25rem;
  padding: 0;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.progress-seg:disabled { opacity: 1; }
.progress-seg.seg-done { background: #0d6efd; border-color: #0d6efd; color: #ffffff; }
.progress-seg.seg-current { background: #fff7ed; border-color: #ff6f3c; box-shadow: 0 0 0 2px rgba(255, 111, 60, 0.3); color: #c2410c; }
.progress-seg.seg-navigable { cursor: pointer; }
.progress-seg.seg-navigable:hover { background: #0b5ed7; border-color: #0b5ed7; }
.progress-seg.seg-navigable:focus-visible { outline: 2px solid #ff6f3c; outline-offset: 2px; }

/* ── Live test: score counter badges ─────────────────────────── */
.vl-score-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 14px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;
}
.vl-score-wrong { background: #fee2e2; color: #dc2626; border: 1px solid #fca5a5; }
.vl-score-right { background: #dcfce7; color: #16a34a; border: 1px solid #86efac; }

/* ── Live test: option cards ─────────────────────────────────── */
.option-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1.5px solid #dee2e6;
  border-radius: 0.65rem;
  background: #fff;
  color: var(--vl-ink);
  font-size: 0.95rem;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.option-card:hover:not(:disabled) { border-color: #0d6efd; }
.option-card[aria-pressed="true"] { border-color: #0d6efd; background: #eff6ff; }
.option-card.option-selected {
  border-color: #0d6efd;
  background: #eff6ff;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.12);
}
.option-card.opt-correct { border-color: #16a34a !important; background: #dcfce7; color: #15803d; }
.option-card.opt-wrong   { border-color: #dc2626 !important; background: #fee2e2; color: #b91c1c; }
.option-card:disabled    { cursor: default; }

.opt-result-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 900;
  margin-left: 0.75rem;
}
.opt-icon-correct { background: #16a34a; color: #fff; }
.opt-icon-wrong   { background: #dc2626; color: #fff; }

/* ── Live test: hint box ─────────────────────────────────────── */
.vl-hint-box {
  background: #fffbeb;
  border-left: 4px solid #f59e0b;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
}
.vl-hint-icon { color: #f59e0b; font-weight: 900; }

/* ── Live test: finish modal icon ────────────────────────────── */
.vl-finish-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 2.5px solid #38bdf8;
  color: #38bdf8;
  font-size: 1.8rem;
  font-weight: 900;
}

.vl-test-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  background: rgba(255, 209, 102, 0.3);
  color: #b7791f;
  font-size: 1.25rem;
  line-height: 1;
}

.fill-answer-card {
  border: 1.5px solid #dee2e6;
  border-radius: 0.65rem;
  padding: 1rem;
  background: #fff;
}

.fill-answer-card.answer-correct { border-color: #16a34a; background: #dcfce7; }
.fill-answer-card.answer-wrong { border-color: #dc2626; background: #fee2e2; }
.fill-answer-feedback { font-size: 0.88rem; }

.vl-answer-feedback {
  border-radius: 0.65rem;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  font-weight: 700;
}

.vl-answer-feedback.feedback-correct { background: #dcfce7; color: #15803d; }
.vl-answer-feedback.feedback-wrong { background: #fee2e2; color: #b91c1c; }
.vl-answer-feedback.feedback-neutral { background: #f1f5f9; color: #5c6b7a; }

.test-action-buttons { display: flex; justify-content: flex-end; }

.completion-preview {
  padding: 0.9rem 1rem;
  border: 1px solid #8ed4c7;
  border-radius: 0.8rem;
  background: #e8faf5;
  color: #176f65;
  line-height: 1.5;
}

.modal-score-line { color: #ff6f3c; font-family: "Baloo 2", sans-serif; font-size: 1.12rem; font-weight: 700; }

.modal-blast { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.modal-blast span { position: absolute; color: #f2ad00; font-size: 1.25rem; animation: modal-sparkle 1.3s ease-in-out infinite; }
.modal-blast span:nth-child(1) { top: 1rem; left: 13%; }
.modal-blast span:nth-child(2) { top: 2.5rem; right: 11%; color: #ff744c; animation-delay: 0.2s; }
.modal-blast span:nth-child(3) { top: 5.8rem; left: 7%; color: #43b8aa; animation-delay: 0.4s; }
.modal-blast span:nth-child(4) { right: 6%; bottom: 5rem; color: #5a9fe1; animation-delay: 0.1s; }
.modal-blast span:nth-child(5) { bottom: 2.2rem; left: 18%; color: #ff8b5f; animation-delay: 0.5s; }
.celebration-modal { background: radial-gradient(circle at 50% 0%, #fff7d7, #fff 62%); }

@keyframes modal-sparkle { 0%, 100% { opacity: 0.35; transform: scale(0.75) rotate(0deg); } 50% { opacity: 1; transform: scale(1.2) rotate(18deg); } }

.vl-countdown {
  width: 100%;
  justify-content: center;
  text-align: center;
  color: #5c6b7a;
  font-size: 0.82rem;
  font-weight: 600;
}

.vl-countdown .spinner-border {
  flex: 0 0 auto;
}

@media (max-width: 575.98px) {
  .ad-slot { margin-inline: 0; }
  .option-card { font-size: 0.88rem; padding: 0.75rem 0.85rem; }
  .vl-footer-bottom { flex-direction: column; }
  .footer-global-message { align-self: flex-start; text-align: left; }
  .worksheet-action-panel #wsDownloads { grid-template-columns: 1fr; }
}