.sbx-wrap{--sbx-bg:var(--ax-card-bg,#FFFFFF);--sbx-bg-soft:var(--ax-panel-soft,#EEF3F2);--sbx-text:var(--ax-text,#172124);--sbx-text-soft:var(--ax-text-soft,#526267);--sbx-text-muted:var(--ax-text-muted,#5C6B6F);--sbx-primary:var(--ax-primary,#1D5158);--sbx-primary-hover:var(--ax-primary-hover,#235659);--sbx-primary-active:var(--ax-primary-active,#163F46);--sbx-border:var(--ax-border-mid,#D2DEDB);--sbx-border-strong:var(--ax-border,#718C86);--sbx-card-border:rgba(23,33,36,0.12);--sbx-card-border-hover:rgba(23,33,36,0.28);--sbx-focus:var(--ax-focus,#1D5158);--sbx-radius:var(--ax-radius-md,14px);--sbx-shadow:var(--ax-shadow-sm,0 1px 3px rgba(23,33,36,0.05),0 8px 20px rgba(23,33,36,0.05));position:relative;width:100%;min-width:0;padding:0;overflow:visible;color:var(--sbx-text);background:transparent;border:0;border-radius:0;box-shadow:none;font-family:inherit;font-size:inherit;line-height:inherit}.sbx-wrap,.sbx-wrap *,.sbx-wrap *::before,.sbx-wrap *::after{box-sizing:border-box}@media (min-width:1280px){#sidebar,#sidebar.page-sidebar{color:var(--ax-text,#172124);background-color:transparent;border-color:transparent}}.sbx-sidebar{display:flex;flex-direction:column;gap:20px}.sbx-block,.sbx-sidebox{min-width:0;overflow:hidden;color:var(--sbx-text);background:var(--sbx-bg);border:1px solid var(--sbx-card-border);border-radius:var(--sbx-radius);box-shadow:var(--sbx-shadow);transition:border-color 180ms ease,box-shadow 220ms ease}.sbx-block:focus-within,.sbx-sidebox:focus-within{border-color:var(--sbx-card-border-hover);box-shadow:var(--ax-shadow-md,var(--sbx-shadow))}@media (hover:hover) and (pointer:fine){.sbx-block:hover,.sbx-sidebox:hover{border-color:var(--sbx-card-border-hover);box-shadow:var(--ax-shadow-md,var(--sbx-shadow))}}.sbx-block-title,.sbx-sidetitle{position:relative;margin:0;padding:16px 18px;color:var(--sbx-text);background:var(--sbx-bg);border-bottom:1px solid var(--sbx-card-border);font-family:var(--ax-font-heading,inherit);font-size:1rem;font-weight:800;line-height:1.35;letter-spacing:-0.01em}.sbx-block-title::after,.sbx-sidetitle::after{content:"";position:absolute;bottom:-1px;left:18px;width:40px;height:2px;background:var(--sbx-primary)}.sbx-block-body,.sbx-inner{min-width:0;padding:18px;color:var(--sbx-text-soft);background:var(--sbx-bg)}.sbx-block-body:empty,.sbx-inner:empty{display:none}.sbx-clr{clear:both}.sbx-search-form{display:flex;align-items:stretch;gap:10px;width:100%;margin:0}.sbx-search-text{appearance:none;-webkit-appearance:none;flex:1 1 auto;width:100%;min-width:0;height:48px;margin:0;padding:0 15px;color:var(--sbx-text);caret-color:var(--sbx-primary);background:var(--sbx-bg);border:1px solid var(--sbx-border-strong);border-radius:12px;font:inherit;line-height:48px;outline:0;transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease}.sbx-search-text::placeholder{color:var(--sbx-text-muted);opacity:1}.sbx-search-text:hover{border-color:var(--ax-border-hover,#5D7872)}.sbx-search-text:focus,.sbx-search-text:focus-visible{color:var(--sbx-text);background:var(--sbx-bg);border-color:var(--sbx-focus);box-shadow:0 0 0 3px var(--ax-primary-soft,rgba(29,81,88,0.08))}.sbx-search-text::-webkit-search-cancel-button{cursor:pointer}.sbx-search-button{appearance:none;-webkit-appearance:none;display:inline-flex;flex:0 0 48px;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;color:#FFFFFF;-webkit-text-fill-color:#FFFFFF;background:var(--sbx-primary);border:1px solid var(--sbx-primary);border-radius:12px;font:inherit;line-height:1;cursor:pointer;transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.sbx-search-button:hover,.sbx-search-button:focus-visible{color:#FFFFFF;-webkit-text-fill-color:#FFFFFF;background:var(--sbx-primary-hover);border-color:var(--sbx-primary-hover)}.sbx-search-button:focus-visible{outline:3px solid var(--sbx-focus);outline-offset:3px}.sbx-search-button:active{background:var(--sbx-primary-active);border-color:var(--sbx-primary-active)}.sbx-search-button:disabled{cursor:not-allowed;opacity:0.65}.sbx-search-button i{color:currentColor;font-size:21px;line-height:1}.sbx-info-stack{display:flex;flex-direction:column;gap:18px}.sbx-clock-box,.sbx-weather-box{min-width:0;padding:16px;color:var(--sbx-text);background:var(--sbx-bg-soft);border:1px solid var(--sbx-card-border);border-radius:12px}.sbx-clock-head,.sbx-weather-head{margin:0 0 14px;color:var(--sbx-text);font-family:var(--ax-font-heading,inherit);font-size:0.95rem;font-weight:800;line-height:1.35}.sbx-analog-clock{position:relative;width:min(150px,70%);aspect-ratio:1;margin:0 auto 14px;background:var(--sbx-bg);border:3px solid var(--sbx-border-strong);border-radius:50%}.sbx-center-dot{position:absolute;top:50%;left:50%;z-index:5;width:10px;height:10px;background:var(--sbx-primary);border-radius:50%;transform:translate(-50%,-50%)}.sbx-hand{position:absolute;bottom:50%;left:50%;border-radius:999px;transform:translateX(-50%) rotate(0deg);transform-origin:bottom center}.sbx-hour{z-index:2;width:5px;height:26%;background:var(--sbx-text)}.sbx-minute{z-index:3;width:4px;height:36%;background:var(--sbx-text-soft)}.sbx-second{z-index:4;width:2px;height:41%;background:var(--sbx-primary)}.sbx-clock-time{display:block;color:var(--sbx-text);font-size:1.05rem;font-weight:800;line-height:1.4;text-align:center;font-variant-numeric:tabular-nums}.sbx-clock-date{margin-top:6px;color:var(--sbx-text-soft);font-size:0.9rem;line-height:1.5;text-align:center}.sbx-weather-main{display:flex;align-items:center;justify-content:center;gap:12px}.sbx-weather-icon{color:var(--sbx-primary);font-size:34px;line-height:1}.sbx-weather-temp{color:var(--sbx-text);font-size:1.25rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}.sbx-weather-city,.sbx-weather-desc{color:var(--sbx-text-soft);font-size:0.9rem;line-height:1.5;text-align:center}.sbx-weather-city{margin-top:10px;color:var(--sbx-text);font-weight:750}.sbx-weather-desc{margin-top:2px}.sbx-weather-box[aria-busy="true"]{border-color:var(--sbx-border-strong)}.sbx-side-menu,.sbx-friends-links{margin:0;padding:0;list-style:none}.sbx-side-menu li,.sbx-friends-links li{margin:0;padding:0}.sbx-side-menu li + li,.sbx-friends-links li + li{border-top:1px solid var(--sbx-card-border)}.sbx-side-menu a,.sbx-friends-links a{display:block;padding:12px 10px;color:var(--sbx-text);background:transparent;border-radius:8px;font-size:0.95rem;font-weight:700;line-height:1.45;text-decoration:none;transition:color 180ms ease,background-color 180ms ease}.sbx-side-menu a:hover,.sbx-side-menu a:focus-visible,.sbx-friends-links a:hover,.sbx-friends-links a:focus-visible{color:var(--sbx-primary);background:var(--sbx-bg-soft)}.sbx-side-menu a:focus-visible,.sbx-friends-links a:focus-visible,.sbx-inner a:focus-visible,.sbx-block-body a:focus-visible{outline:3px solid var(--sbx-focus);outline-offset:2px}.sbx-side-menu a small{display:block;margin-top:3px;color:var(--sbx-text-muted);font-size:0.82rem;font-weight:500;line-height:1.45}.sbx-inner,.sbx-block-body,.sbx-login-box,.sbx-stats-box{overflow-wrap:anywhere}.sbx-inner p,.sbx-block-body p,.sbx-login-box p,.sbx-stats-box p{margin:0 0 10px;color:var(--sbx-text-soft)}.sbx-inner p:last-child,.sbx-block-body p:last-child,.sbx-login-box p:last-child,.sbx-stats-box p:last-child{margin-bottom:0}.sbx-inner a,.sbx-block-body a,.sbx-login-box a,.sbx-stats-box a{color:var(--sbx-primary);text-decoration-line:underline;text-decoration-thickness:0.08em;text-underline-offset:0.18em}.sbx-inner a:hover,.sbx-block-body a:hover,.sbx-login-box a:hover,.sbx-stats-box a:hover{color:var(--sbx-primary-hover)}#sidebar .sbx-wrap .sbx-side-menu a,#sidebar .sbx-wrap .sbx-friends-links a{color:var(--sbx-text);text-decoration:none}#sidebar .sbx-wrap .sbx-inner a,#sidebar .sbx-wrap .sbx-block-body a,#sidebar .sbx-wrap .sbx-login-box a,#sidebar .sbx-wrap .sbx-stats-box a{color:var(--sbx-primary)}#sidebar .sbx-wrap .sbx-block-body .sbx-side-menu a,#sidebar .sbx-wrap .sbx-block-body .sbx-friends-links a{color:var(--sbx-text)}#sidebar .sbx-wrap .sbx-side-menu a:hover,#sidebar .sbx-wrap .sbx-side-menu a:focus-visible,#sidebar .sbx-wrap .sbx-friends-links a:hover,#sidebar .sbx-wrap .sbx-friends-links a:focus-visible,#sidebar .sbx-wrap .sbx-inner a:hover,#sidebar .sbx-wrap .sbx-block-body a:hover{color:var(--sbx-primary-hover)}#sidebar .sbx-wrap .sbx-side-menu a[aria-current="page"]{color:var(--sbx-primary);background:var(--sbx-bg-soft);box-shadow:inset 3px 0 0 var(--sbx-primary)}.sbx-block-body table,.sbx-inner table{width:100%;max-width:100%;border-collapse:collapse}.sbx-block-body img,.sbx-inner img{max-width:100%;height:auto}.sbx-block-body input,.sbx-inner input,.sbx-block-body select,.sbx-inner select,.sbx-block-body textarea,.sbx-inner textarea{max-width:100%}.sidebar-arrow{display:none}@media (max-width:1279px){#sidebar .sbx-wrap,#sidebar.page-sidebar .sbx-wrap{padding:14px 12px 20px}.sidebar-arrow{appearance:none;-webkit-appearance:none;position:fixed;top:220px;left:0;z-index:9999;display:block;width:42px;height:190px;margin:0;padding:0;color:#FFFFFF;-webkit-text-fill-color:#FFFFFF;background:var(--ax-primary,#1D5158);border:1px solid var(--ax-border,#718C86);border-left:0;border-radius:0 8px 8px 0;box-shadow:0 12px 30px rgba(23,33,36,0.18);font-size:18px;line-height:190px;text-align:center;cursor:pointer;transition:left 220ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.sidebar-arrow:hover,.sidebar-arrow:focus-visible{color:#FFFFFF;-webkit-text-fill-color:#FFFFFF;background:var(--ax-primary-hover,#235659);border-color:var(--ax-primary-hover,#235659)}.sidebar-arrow:focus-visible{outline:3px solid var(--ax-focus,#1D5158);outline-offset:3px}.sidebar-arrow.opened{left:270px}}@media (max-width:768px){.sidebar-arrow{height:100px;line-height:100px}.sbx-sidebar{gap:16px}.sbx-block-body,.sbx-inner{padding:16px}}@media (max-width:480px){.sbx-wrap{font-size:15px}.sbx-search-form{gap:8px}.sbx-block-title,.sbx-sidetitle,.sbx-block-body,.sbx-inner{padding-inline:14px}.sbx-block-title::after,.sbx-sidetitle::after{left:14px}.sbx-clock-box,.sbx-weather-box{padding:14px}.sbx-analog-clock{width:min(132px,68%)}}@media (prefers-reduced-motion:reduce){.sbx-wrap a,.sbx-search-text,.sbx-search-button,.sidebar-arrow{transition:none}}@media (forced-colors:active){.sbx-block,.sbx-sidebox,.sbx-clock-box,.sbx-weather-box,.sbx-search-text,.sbx-search-button{border:1px solid CanvasText}}
/* ============================================================
   GLOBAL SECTION: ce-seo-section
   For: #seo-text, #course-summary and all SEO text sections
   Depends on Innerverse Graphite Teal variables: --ax-*
============================================================ */

.ce-seo-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-block: var(--ax-section-space);
  color: var(--ax-text);
  background: var(--ax-section-bg);
}

.ce-seo-container {
  width: min(calc(100% - var(--ax-gutter)), var(--ax-container-max));
  margin-inline: auto;
}

.ce-seo-head {
  max-width: 1140px;
  margin-inline: auto;
  text-align: center;
}

.ce-seo-kicker {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto clamp(16px, 2vw, 22px);
  color: var(--ax-accent);
  font-size: var(--ax-f-xs);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.14em;
  text-align: center;
  text-transform: uppercase;
}

.ce-seo-title {
  max-width: 1080px;
  margin: 0 auto;
  color: var(--ax-text);
  font-family: var(--ax-font-heading);
  font-size: var(--ax-f-h2);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.045em;
  text-align: center;
  text-wrap: balance;
}

.ce-seo-intro {
  max-width: 980px;
  margin: clamp(20px, 2.6vw, 30px) auto 0;
  color: var(--ax-text-soft);
  font-size: var(--ax-f-lead);
  line-height: 1.72;
  text-align: center;
  text-wrap: pretty;
}

.ce-seo-content {
  position: relative;
  max-width: 1120px;
  margin: clamp(36px, 4.8vw, 58px) auto 0;
  padding: clamp(28px, 3.8vw, 52px);
  color: var(--ax-text-soft);
  background: var(--ax-card-bg);
  border: 1px solid var(--ax-border-soft);
  border-radius: var(--ax-radius-card);
  box-shadow: var(--ax-shadow);
  overflow: hidden;
}

.ce-seo-content::before {
  content: "";
  position: absolute;
  top: 0;
  right: clamp(24px, 3vw, 36px);
  left: clamp(24px, 3vw, 36px);
  height: 3px;
  background: linear-gradient(90deg, var(--ax-accent), var(--ax-accent-line));
  border-radius: var(--ax-radius-pill);
  pointer-events: none;
}

.ce-seo-content > p {
  max-width: 980px;
  margin: 0 auto;
  color: var(--ax-text-soft);
  font-size: clamp(1rem, 0.96rem + 0.16vw, 1.08rem);
  line-height: 1.78;
  text-align: left;
  text-wrap: pretty;
}

.ce-seo-content > p + p {
  margin-top: 18px;
}

.ce-seo-content > h3 {
  max-width: 980px;
  margin: clamp(26px, 3vw, 36px) auto 0;
  color: var(--ax-text);
  font-family: var(--ax-font-heading);
  font-size: clamp(1.18rem, 1.04rem + 0.5vw, 1.52rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

.ce-seo-content > h3 + p {
  margin-top: 12px;
}

.ce-seo-content strong {
  color: var(--ax-text);
  font-weight: 700;
}

.ce-seo-content a {
  color: var(--ax-link);
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-thickness: 0.08em;
  text-decoration-color: var(--ax-accent-line);
  text-underline-offset: 0.18em;
  transition: color var(--ax-transition-fast), text-decoration-color var(--ax-transition-fast);
}

@media (hover: hover) and (pointer: fine) {
  .ce-seo-content a:hover {
    color: var(--ax-link-hover);
    text-decoration-color: currentColor;
  }
}

.ce-seo-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  max-width: 980px;
  margin: clamp(32px, 4vw, 48px) auto 0;
  text-align: center;
}

.ce-seo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55em;
  min-height: 52px;
  padding: 14px 24px;
  color: inherit;
  font: inherit;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--ax-radius-pill);
  appearance: none;
  cursor: pointer;
  transition:
    color var(--ax-transition-fast),
    background-color var(--ax-transition-fast),
    border-color var(--ax-transition-fast),
    box-shadow var(--ax-transition-fast),
    transform var(--ax-transition-fast);
}

.ce-seo-btn--primary {
  color: var(--ax-text-inverse);
  background: var(--ax-primary);
  border-color: var(--ax-primary);
  box-shadow: var(--ax-shadow-button);
  -webkit-text-fill-color: var(--ax-text-inverse);
}

.ce-seo-btn--ghost {
  color: var(--ax-primary);
  background: var(--ax-card-bg);
  border-color: var(--ax-border-strong);
  box-shadow: var(--ax-shadow-xs);
  -webkit-text-fill-color: var(--ax-primary);
}

@media (hover: hover) and (pointer: fine) {
  .ce-seo-btn--primary:hover {
    color: var(--ax-text-inverse);
    background: var(--ax-primary-hover);
    border-color: var(--ax-primary-hover);
    box-shadow: var(--ax-shadow-button-hover);
    -webkit-text-fill-color: var(--ax-text-inverse);
  }

  .ce-seo-btn--ghost:hover {
    color: var(--ax-primary-active);
    background: var(--ax-primary-soft);
    border-color: var(--ax-border-hover);
    -webkit-text-fill-color: var(--ax-primary-active);
  }
}

.ce-seo-btn--primary:active {
  background: var(--ax-primary-active);
  border-color: var(--ax-primary-active);
  box-shadow: var(--ax-shadow-xs);
  transform: translateY(0);
}

.ce-seo-btn--ghost:active {
  color: var(--ax-primary-active);
  background: var(--inn-teal-100);
  border-color: var(--ax-border-hover);
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .ce-seo-btn:hover:not(:active) {
    transform: translateY(-1px);
  }
}

@media (max-width: 640px) {
  .ce-seo-section {
    padding-block: clamp(48px, 7vw, 72px);
  }

  .ce-seo-container {
    width: calc(100% - 32px);
  }

  .ce-seo-kicker {
    width: 100%;
    letter-spacing: 0.08em;
  }

  .ce-seo-title {
    font-size: clamp(1.9rem, 9.5vw, 3rem);
    line-height: 1.12;
    letter-spacing: -0.038em;
  }

  .ce-seo-intro {
    font-size: 1rem;
    line-height: 1.68;
  }

  .ce-seo-content {
    padding: 24px;
    border-radius: var(--ax-radius-lg);
  }

  .ce-seo-content > p {
    font-size: 1rem;
    line-height: 1.72;
  }

  .ce-seo-actions {
    align-items: stretch;
    gap: 12px;
  }

  .ce-seo-btn {
    width: 100%;
    max-width: 380px;
    margin-inline: auto;
    min-height: 52px;
    padding: 14px 22px;
  }
}