@media (min-width: 1181px) {
  body[data-active-panel="landing"]::before,
  body[data-active-panel="landing"]::after,
  body[data-active-panel="landing"] .main::before,
  body[data-active-panel="landing"] .main::after,
  body[data-active-panel="landing"] .landing-workspace::before,
  body[data-active-panel="landing"] .landing-workspace::after,
  body[data-active-panel="landing"] .landing-home-grid::before,
  body[data-active-panel="landing"] .landing-home-grid::after,
  body[data-active-panel="landing"] .landing-welcome-panel::before,
  body[data-active-panel="landing"] .landing-welcome-panel::after,
  body[data-active-panel="landing"] .landing-home-grid > .section-card::before,
  body[data-active-panel="landing"] .landing-home-grid > .section-card::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-active-panel="landing"] .landing-home-grid > .section-card {
    background: #fff !important;
    border-top-color: rgba(15, 23, 42, 0.06) !important;
  }

  body[data-active-panel="landing"] .shell .sidebar .brand,
  body[data-active-panel="landing"] .brand {
    height: 92px !important;
    padding: 0 0 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-active-panel="landing"] .shell .sidebar .brand-head,
  body[data-active-panel="landing"] .shell .sidebar .brand-head--main {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
  }

  body[data-active-panel="landing"] .shell .sidebar .brand-logo.brand-main-logo,
  body[data-active-panel="landing"] .sidebar .brand-logo.brand-main-logo,
  body[data-active-panel="landing"] img.brand-logo.brand-main-logo {
    position: relative !important;
    left: 36px !important;
    display: block !important;
    width: 132px !important;
    max-width: 132px !important;
    min-width: 132px !important;
    height: auto !important;
    opacity: 1 !important;
    transform: none !important;
    object-fit: contain !important;
  }

  body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid > .landing-welcome-panel {
    min-height: 70px !important;
    height: 70px !important;
    max-height: 70px !important;
    padding: 0 0 0 2px !important;
    align-content: center !important;
  }

  body[data-active-panel="landing"] .brand-subtitle-text {
    margin-top: 8px !important;
    color: rgba(226, 232, 240, 0.88) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body[data-active-panel="landing"] .sidebar {
    position: sticky !important;
    padding-bottom: 194px !important;
  }

  body[data-active-panel="landing"] .menu {
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  body[data-active-panel="landing"] .sidebar-bottom-zone {
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 18px !important;
    width: auto !important;
    display: grid !important;
    gap: 7px !important;
    z-index: 30 !important;
  }

  body[data-active-panel="landing"] .sidebar-account-card {
    margin: 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid rgba(226, 232, 240, 0.12) !important;
    background: transparent !important;
  }

  body[data-active-panel="landing"] .sidebar-bottom-link {
    position: relative !important;
    width: 100% !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 14px 0 46px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: rgba(226, 232, 240, 0.9) !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    text-align: left !important;
  }

  body[data-active-panel="landing"] .sidebar-bottom-link:hover,
  body[data-active-panel="landing"] .sidebar-bottom-link.active {
    color: #fff !important;
    background: rgba(124, 77, 255, 0.24) !important;
  }

  body[data-active-panel="landing"] .sidebar-bottom-link[data-view="message-center"]::after {
    content: none !important;
    display: none !important;
  }

  body[data-active-panel="landing"] .sidebar-bottom-link[data-view="message-center"]::before {
    content: "◷" !important;
  }

  body[data-active-panel="landing"] .sidebar-bottom-link[data-view="settings"]::before {
    content: "⚙" !important;
  }

  body[data-active-panel="landing"] .sidebar-account-button {
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(226, 232, 240, 0.14) !important;
  }

  body[data-active-panel="landing"] .shell .sidebar .sidebar-account-card {
    margin: 0 !important;
    padding: 8px 0 0 !important;
  }

  body[data-active-panel="landing"] .shell .sidebar .sidebar-account-button {
    height: 64px !important;
    min-height: 64px !important;
  }

  body[data-active-panel="landing"] .landing-home-grid {
    grid-template-columns: minmax(0, 1.24fr) minmax(286px, 0.72fr) minmax(330px, 0.86fr) !important;
    grid-template-areas:
      "welcome welcome welcome"
      "recommendation recommendation route"
      "growth growth briefing"
      "hardware questions calendar"
      "special special coach" !important;
    gap: 10px !important;
  }

  body[data-active-panel="landing"] .landing-primary-recommendation {
    height: 280px !important;
    min-height: 280px !important;
    padding: 28px 30px !important;
  }

  body[data-active-panel="landing"] .landing-primary-recommendation .landing-welcome-copy {
    width: 390px !important;
    max-width: 390px !important;
  }

  body[data-active-panel="landing"] .landing-primary-recommendation h1 {
    margin-top: 12px !important;
    font-size: 25px !important;
    line-height: 1.16 !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] #landingRecommendationText {
    width: 360px !important;
    max-width: 360px !important;
    min-height: 22px !important;
    margin-top: 14px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-reason {
    position: absolute !important;
    left: 30px !important;
    top: 151px !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    width: 430px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(124, 77, 255, 0.12) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(124, 77, 255, 0.08), rgba(91, 140, 255, 0.07)) !important;
    box-shadow: 0 10px 24px rgba(91, 140, 255, 0.08) !important;
    color: #64748b !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-reason span {
    flex: 0 0 auto !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: rgba(124, 77, 255, 0.1) !important;
    color: #6d4dff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 20px !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-reason strong {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin-left: 8px !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-reason em {
    color: #7c4dff !important;
    font-style: normal !important;
    font-weight: 950 !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-reason b {
    flex: 0 0 auto !important;
    margin-left: 10px !important;
    color: #ef4444 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-meta {
    grid-template-columns: repeat(3, 1fr) !important;
    width: 382px !important;
    gap: 8px !important;
    bottom: 64px !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-meta span {
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-primary-recommendation .landing-recommendation-preview {
    right: 12px !important;
    width: 315px !important;
    height: 232px !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 88% 10%, rgba(255, 255, 255, 0.95), transparent 9%),
      radial-gradient(circle at 54% 42%, rgba(124, 77, 255, 0.2), transparent 46%),
      linear-gradient(135deg, rgba(248, 251, 255, 0.95), rgba(241, 246, 255, 0.78)) !important;
    overflow: hidden !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-preview::before {
    left: 34px !important;
    right: 28px !important;
    top: 72px !important;
    bottom: 18px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(142, 132, 255, 0.22) !important;
    background:
      linear-gradient(rgba(124, 77, 255, 0.08) 1px, transparent 1px),
      linear-gradient(90deg, rgba(91, 140, 255, 0.08) 1px, transparent 1px),
      linear-gradient(135deg, rgba(255, 255, 255, 0.28), rgba(221, 230, 255, 0.38)) !important;
    background-size: 22px 22px, 22px 22px, auto !important;
    transform: perspective(780px) rotateX(61deg) rotateZ(-43deg) translateY(46px) !important;
    box-shadow: 0 28px 46px rgba(91, 140, 255, 0.16) !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-preview::after {
    left: 52% !important;
    top: 72% !important;
    width: 250px !important;
    height: 78px !important;
    border-radius: 999px !important;
    background: radial-gradient(ellipse, rgba(91, 140, 255, 0.22), transparent 68%) !important;
    transform: translate(-50%, -50%) rotate(-7deg) !important;
    filter: blur(6px) !important;
  }

  body[data-active-panel="landing"] .landing-hero-wireframe {
    position: absolute !important;
    left: 50% !important;
    top: 47% !important;
    width: 220px !important;
    height: 140px !important;
    transform: translate(-50%, -50%) perspective(780px) rotateX(58deg) rotateZ(-43deg) translateY(16px) !important;
    border: 1px solid rgba(139, 130, 255, 0.28) !important;
    border-radius: 28px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(140, 200, 255, 0.08)) !important;
    box-shadow: inset 0 0 30px rgba(130, 160, 255, 0.12) !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  body[data-active-panel="landing"] .landing-hero-wireframe::before,
  body[data-active-panel="landing"] .landing-hero-wireframe::after {
    content: "" !important;
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    height: 54px !important;
    border-left: 1px solid rgba(139, 130, 255, 0.2) !important;
    border-right: 1px solid rgba(139, 130, 255, 0.2) !important;
  }

  body[data-active-panel="landing"] .landing-hero-wireframe::before {
    top: -42px !important;
    border-top: 1px solid rgba(139, 130, 255, 0.22) !important;
    border-radius: 22px 22px 0 0 !important;
  }

  body[data-active-panel="landing"] .landing-hero-wireframe::after {
    bottom: -34px !important;
    border-bottom: 1px solid rgba(139, 130, 255, 0.18) !important;
    border-radius: 0 0 22px 22px !important;
  }

  body[data-active-panel="landing"] .landing-hero-wireframe i {
    position: absolute !important;
    width: 7px !important;
    height: 46px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(141, 155, 255, 0.18), rgba(141, 205, 255, 0.06)) !important;
  }

  body[data-active-panel="landing"] .landing-hero-wireframe i:nth-child(1) { left: 18px !important; top: -36px !important; }
  body[data-active-panel="landing"] .landing-hero-wireframe i:nth-child(2) { right: 18px !important; top: -36px !important; }
  body[data-active-panel="landing"] .landing-hero-wireframe i:nth-child(3) { left: 28px !important; bottom: -30px !important; }
  body[data-active-panel="landing"] .landing-hero-wireframe i:nth-child(4) { right: 28px !important; bottom: -30px !important; }

  body[data-active-panel="landing"] .landing-hero-stack {
    left: 53% !important;
    top: 57% !important;
    width: 250px !important;
    height: 188px !important;
    transform: translate(-50%, -50%) !important;
    overflow: visible !important;
    z-index: 4 !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span,
  body[data-active-panel="landing"] .landing-hero-stack b {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    border-radius: 24px !important;
    transform: translate(-50%, -50%) perspective(760px) rotateX(55deg) rotateZ(-43deg) translateY(var(--layer-y, 0)) !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    background:
      linear-gradient(145deg, rgba(125, 236, 255, 0.64), rgba(117, 78, 255, 0.86) 48%, rgba(37, 103, 255, 0.94)) !important;
    box-shadow:
      0 22px 30px rgba(72, 82, 220, 0.28),
      inset 0 1px 18px rgba(255, 255, 255, 0.34) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span::after {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: -28px !important;
    height: 36px !important;
    border-radius: 0 0 22px 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
    border-top: 0 !important;
    background: linear-gradient(180deg, rgba(90, 130, 255, 0.46), rgba(90, 60, 230, 0.78)) !important;
    filter: saturate(1.12) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span:nth-child(1) {
    --layer-y: 30px;
    width: 212px !important;
    height: 130px !important;
    opacity: 0.92 !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span:nth-child(2) {
    --layer-y: -2px;
    width: 186px !important;
    height: 112px !important;
    border-radius: 24px !important;
    opacity: 0.94 !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span:nth-child(3) {
    --layer-y: -36px;
    width: 146px !important;
    height: 88px !important;
    border-radius: 20px !important;
    background:
      linear-gradient(145deg, rgba(150, 247, 255, 0.72), rgba(126, 75, 255, 0.9) 50%, rgba(70, 108, 255, 0.96)) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack b {
    --layer-y: -68px;
    width: 54px !important;
    height: 54px !important;
    border-radius: 12px !important;
    background:
      linear-gradient(145deg, rgba(176, 249, 255, 0.86), rgba(128, 86, 255, 0.92) 52%, rgba(63, 110, 255, 0.98)) !important;
    box-shadow:
      0 16px 24px rgba(91, 140, 255, 0.34),
      inset 0 0 18px rgba(255, 255, 255, 0.46) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack b::before {
    inset: 12px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.5), rgba(126, 210, 255, 0.22)) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack b::after {
    display: block !important;
    left: 50% !important;
    top: -34px !important;
    width: 6px !important;
    height: 28px !important;
    border-radius: 999px !important;
    transform: translateX(-50%) !important;
    background: rgba(137, 150, 255, 0.22) !important;
    box-shadow:
      -26px 10px 0 rgba(137, 150, 255, 0.18),
      26px 10px 0 rgba(137, 150, 255, 0.18) !important;
  }

  body[data-active-panel="landing"] .landing-hero-panel {
    right: 34px !important;
    top: 28px !important;
    width: 82px !important;
    height: 54px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    color: #7c88a8 !important;
    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(144, 154, 255, 0.16) !important;
    transform: rotate(-8deg) !important;
    z-index: 6 !important;
  }

  body[data-active-panel="landing"] .landing-hero-panel::after {
    content: "" !important;
    width: 46px !important;
    height: 26px !important;
    border-radius: 5px !important;
    background:
      linear-gradient(90deg, rgba(124, 77, 255, 0.42) 0 7px, transparent 7px 12px, rgba(91, 140, 255, 0.46) 12px 21px, transparent 21px 27px, rgba(124, 77, 255, 0.56) 27px 38px, transparent 38px),
      linear-gradient(180deg, transparent 44%, rgba(124, 77, 255, 0.18) 45% 55%, transparent 56%) !important;
  }

  body[data-active-panel="landing"] .landing-hero-panel strong,
  body[data-active-panel="landing"] .landing-hero-panel p {
    display: none !important;
  }

  body[data-active-panel="landing"] .landing-hero-orbit i {
    position: absolute !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(235, 240, 255, 0.45)) !important;
    border: 1px solid rgba(124, 77, 255, 0.16) !important;
    box-shadow: 0 12px 26px rgba(91, 140, 255, 0.16) !important;
    z-index: 5 !important;
  }

  body[data-active-panel="landing"] .landing-hero-orbit {
    inset: 0 !important;
    transform: none !important;
    z-index: 5 !important;
  }

  body[data-active-panel="landing"] .landing-hero-orbit i:nth-child(1) {
    left: 46px !important;
    top: 92px !important;
    inset: auto !important;
  }

  body[data-active-panel="landing"] .landing-hero-orbit i:nth-child(2) {
    left: 96px !important;
    top: 44px !important;
    inset: auto !important;
    width: 22px !important;
    height: 22px !important;
  }

  body[data-active-panel="landing"] .landing-hero-orbit i:nth-child(3) {
    right: 30px !important;
    top: 100px !important;
    inset: auto !important;
    width: 34px !important;
    height: 24px !important;
  }

  body[data-active-panel="landing"] .landing-hero-orbit i::after,
  body[data-active-panel="landing"] .landing-hero-chip span {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 10px !important;
    height: 10px !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 3px !important;
    background: linear-gradient(135deg, rgba(124, 77, 255, 0.64), rgba(91, 140, 255, 0.5)) !important;
  }

  body[data-active-panel="landing"] .landing-hero-chip {
    position: absolute !important;
    width: 38px !important;
    height: 24px !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, 0.58) !important;
    border: 1px solid rgba(139, 130, 255, 0.16) !important;
    box-shadow: 0 12px 28px rgba(91, 140, 255, 0.14) !important;
    z-index: 6 !important;
  }

  body[data-active-panel="landing"] .landing-hero-chip--left {
    left: 42px !important;
    top: 118px !important;
    transform: rotate(-12deg) !important;
  }

  body[data-active-panel="landing"] .landing-hero-chip--right {
    right: 22px !important;
    top: 78px !important;
    transform: rotate(10deg) !important;
  }

  /* v17: make the hero illustration read as a real stacked 3D platform. */
  body[data-active-panel="landing"] .landing-primary-recommendation .landing-recommendation-preview {
    perspective: 980px !important;
    isolation: isolate !important;
    background:
      radial-gradient(circle at 88% 9%, rgba(255, 255, 255, 0.98), transparent 8%),
      radial-gradient(circle at 55% 43%, rgba(124, 77, 255, 0.24), transparent 44%),
      radial-gradient(circle at 45% 70%, rgba(91, 140, 255, 0.2), transparent 48%),
      linear-gradient(135deg, rgba(250, 253, 255, 0.98), rgba(236, 243, 255, 0.82)) !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-preview::before {
    left: 22px !important;
    right: 20px !important;
    top: 76px !important;
    bottom: 16px !important;
    opacity: 0.82 !important;
    border-color: rgba(124, 108, 255, 0.26) !important;
    transform: perspective(860px) rotateX(64deg) rotateZ(-43deg) translateY(58px) !important;
    box-shadow:
      0 34px 52px rgba(91, 140, 255, 0.2),
      inset 0 0 34px rgba(124, 77, 255, 0.1) !important;
  }

  body[data-active-panel="landing"] .landing-recommendation-preview::after {
    left: 53% !important;
    top: 76% !important;
    width: 270px !important;
    height: 96px !important;
    opacity: 0.95 !important;
    background:
      radial-gradient(ellipse, rgba(37, 99, 235, 0.32), rgba(124, 77, 255, 0.18) 38%, transparent 72%) !important;
    transform: translate(-50%, -50%) rotate(-10deg) !important;
    filter: blur(8px) !important;
  }

  body[data-active-panel="landing"] .landing-hero-wireframe {
    left: 50% !important;
    top: 48% !important;
    width: 238px !important;
    height: 146px !important;
    opacity: 0.9 !important;
    transform: translate(-50%, -50%) perspective(880px) rotateX(61deg) rotateZ(-43deg) translateY(22px) !important;
    border-color: rgba(124, 108, 255, 0.34) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(124, 205, 255, 0.1)) !important;
    box-shadow:
      inset 0 0 34px rgba(124, 77, 255, 0.12),
      0 18px 38px rgba(91, 140, 255, 0.12) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack {
    left: 52% !important;
    top: 56% !important;
    width: 266px !important;
    height: 194px !important;
    filter:
      drop-shadow(0 36px 30px rgba(48, 73, 190, 0.28))
      drop-shadow(0 10px 8px rgba(124, 77, 255, 0.18)) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 80% !important;
    width: 250px !important;
    height: 72px !important;
    border-radius: 999px !important;
    background: radial-gradient(ellipse, rgba(37, 99, 235, 0.24), transparent 70%) !important;
    transform: translate(-50%, -50%) rotate(-10deg) !important;
    filter: blur(2px) !important;
    z-index: -1 !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span,
  body[data-active-panel="landing"] .landing-hero-stack b {
    overflow: visible !important;
    transform: translate(-50%, -50%) perspective(860px) rotateX(60deg) rotateZ(-43deg) translateY(var(--layer-y, 0)) !important;
    border-color: rgba(255, 255, 255, 0.72) !important;
    background:
      radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.58), transparent 18%),
      linear-gradient(138deg, rgba(136, 236, 255, 0.84) 0%, rgba(110, 106, 255, 0.98) 43%, rgba(70, 56, 232, 0.98) 72%, rgba(37, 99, 235, 0.98) 100%) !important;
    box-shadow:
      0 28px 34px rgba(49, 72, 210, 0.34),
      0 10px 0 rgba(80, 74, 230, 0.18),
      inset 0 2px 18px rgba(255, 255, 255, 0.38),
      inset -18px -22px 32px rgba(48, 38, 190, 0.28) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span::before {
    content: "" !important;
    position: absolute !important;
    left: 16px !important;
    right: 18px !important;
    top: 14px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.06)) !important;
    transform: rotate(1deg) !important;
    opacity: 0.62 !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span::after {
    left: 8px !important;
    right: 8px !important;
    bottom: -50px !important;
    height: 54px !important;
    border-radius: 0 0 26px 26px !important;
    border-color: rgba(255, 255, 255, 0.36) !important;
    background:
      linear-gradient(180deg, rgba(95, 143, 255, 0.7), rgba(70, 59, 226, 0.94) 62%, rgba(49, 64, 205, 0.98)) !important;
    clip-path: polygon(7% 0, 93% 0, 100% 58%, 86% 100%, 14% 100%, 0 58%) !important;
    box-shadow:
      inset 0 12px 18px rgba(255, 255, 255, 0.14),
      inset 0 -18px 28px rgba(34, 42, 166, 0.3) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span:nth-child(1) {
    --layer-y: 42px;
    width: 232px !important;
    height: 140px !important;
    opacity: 1 !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span:nth-child(2) {
    --layer-y: -12px;
    width: 204px !important;
    height: 120px !important;
    opacity: 1 !important;
    background:
      radial-gradient(circle at 33% 22%, rgba(255, 255, 255, 0.58), transparent 18%),
      linear-gradient(138deg, rgba(120, 226, 255, 0.86) 0%, rgba(103, 111, 255, 0.99) 42%, rgba(92, 64, 245, 0.99) 72%, rgba(53, 102, 255, 0.98) 100%) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span:nth-child(3) {
    --layer-y: -66px;
    width: 158px !important;
    height: 92px !important;
    opacity: 1 !important;
    border-radius: 22px !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack b {
    --layer-y: -112px;
    width: 60px !important;
    height: 60px !important;
    border-radius: 14px !important;
    z-index: 8 !important;
    background:
      radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.72), transparent 24%),
      linear-gradient(138deg, rgba(178, 249, 255, 0.92), rgba(132, 93, 255, 1) 52%, rgba(57, 110, 255, 1)) !important;
    box-shadow:
      0 24px 32px rgba(91, 140, 255, 0.38),
      inset 0 2px 16px rgba(255, 255, 255, 0.52),
      inset -10px -14px 18px rgba(48, 38, 190, 0.24) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack b::before {
    content: "" !important;
    position: absolute !important;
    inset: 13px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.48) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.58), rgba(126, 210, 255, 0.18)) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack b::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: -24px !important;
    top: auto !important;
    width: auto !important;
    height: 24px !important;
    border-radius: 0 0 11px 11px !important;
    transform: none !important;
    background: linear-gradient(180deg, rgba(91, 140, 255, 0.66), rgba(59, 63, 215, 0.92)) !important;
    box-shadow: inset 0 -10px 14px rgba(38, 43, 160, 0.24) !important;
  }

  body[data-active-panel="landing"] .landing-hero-panel {
    right: 34px !important;
    top: 30px !important;
    width: 90px !important;
    height: 60px !important;
    border-radius: 14px !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(241, 245, 255, 0.64)) !important;
    border-color: rgba(124, 108, 255, 0.2) !important;
    box-shadow:
      0 18px 34px rgba(91, 140, 255, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
    transform: rotate(-8deg) translateZ(0) !important;
  }

  body[data-active-panel="landing"] .landing-hero-panel span {
    display: block !important;
    color: #7c88a8 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
  }

  body[data-active-panel="landing"] .landing-hero-orbit i,
  body[data-active-panel="landing"] .landing-hero-chip {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(231, 238, 255, 0.64)) !important;
    box-shadow:
      0 16px 32px rgba(91, 140, 255, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  }

  /* v18: compact the platform into a centered square stack instead of wide flat slabs. */
  body[data-active-panel="landing"] .landing-hero-wireframe {
    left: 50% !important;
    top: 48% !important;
    width: 210px !important;
    height: 132px !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack {
    left: 50% !important;
    top: 56% !important;
    width: 224px !important;
    height: 184px !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span,
  body[data-active-panel="landing"] .landing-hero-stack b {
    transform: translate(-50%, -50%) perspective(900px) rotateX(62deg) rotateZ(-42deg) translateY(var(--layer-y, 0)) !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span::after {
    bottom: -42px !important;
    height: 46px !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span:nth-child(1) {
    --layer-y: 34px;
    width: 190px !important;
    height: 132px !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span:nth-child(2) {
    --layer-y: -15px;
    width: 166px !important;
    height: 114px !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack span:nth-child(3) {
    --layer-y: -62px;
    width: 128px !important;
    height: 88px !important;
  }

  body[data-active-panel="landing"] .landing-hero-stack b {
    --layer-y: -104px;
    width: 54px !important;
    height: 54px !important;
  }

  body[data-active-panel="landing"] .landing-hero-panel {
    right: 42px !important;
    top: 30px !important;
  }

  body[data-active-panel="landing"] .landing-hero-orbit i:nth-child(1) {
    left: 52px !important;
    top: 112px !important;
  }

  body[data-active-panel="landing"] .landing-hero-orbit i:nth-child(2) {
    left: 92px !important;
    top: 42px !important;
  }

  body[data-active-panel="landing"] .landing-hero-orbit i:nth-child(3) {
    right: 42px !important;
    top: 106px !important;
  }

  body[data-active-panel="landing"] .landing-hero-3d-img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 12 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    pointer-events: none !important;
    transform: translateY(1px) scale(1.02) !important;
    filter: hue-rotate(14deg) saturate(1.24) contrast(1.08) drop-shadow(0 24px 30px rgba(91, 140, 255, 0.12)) !important;
  }

  body[data-active-panel="landing"] .landing-hero-wireframe,
  body[data-active-panel="landing"] .landing-hero-orbit,
  body[data-active-panel="landing"] .landing-hero-stack,
  body[data-active-panel="landing"] .landing-hero-panel,
  body[data-active-panel="landing"] .landing-hero-chip {
    display: none !important;
  }

  body[data-active-panel="landing"] .landing-hardware-questions {
    display: grid !important;
    grid-template-rows: 20px 1fr 18px !important;
    gap: 4px !important;
    padding: 12px 15px 10px !important;
    background: #fff !important;
  }

  body[data-active-panel="landing"] .landing-hardware-questions .landing-hardware-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
  }

  body[data-active-panel="landing"] .landing-hardware-questions .landing-hardware-head span {
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-hardware-questions .landing-hardware-head strong {
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-question-list {
    display: grid !important;
    grid-template-rows: repeat(5, 1fr) !important;
    gap: 0 !important;
    min-height: 0 !important;
  }

  body[data-active-panel="landing"] .landing-question-list .landing-hot-question {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) auto 60px !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 0 !important;
    height: 22px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0f172a !important;
  }

  body[data-active-panel="landing"] .landing-question-list .landing-hot-question:hover {
    background: rgba(124, 77, 255, 0.045) !important;
    box-shadow: none !important;
  }

  body[data-active-panel="landing"] .landing-hot-question span {
    width: 16px !important;
    height: 16px !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-hot-question strong {
    overflow: hidden !important;
    color: #1f2937 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-hot-question small {
    justify-self: start !important;
    min-width: 38px !important;
    padding: 3px 5px !important;
    border-radius: 5px !important;
    color: #5b6dff !important;
    background: rgba(91, 140, 255, 0.14) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-hot-question:nth-child(2) small {
    color: #7c4dff !important;
    background: rgba(124, 77, 255, 0.14) !important;
  }

  body[data-active-panel="landing"] .landing-hot-question:nth-child(4) small,
  body[data-active-panel="landing"] .landing-hot-question:nth-child(5) small {
    color: #16a66a !important;
    background: rgba(34, 197, 94, 0.14) !important;
  }

  body[data-active-panel="landing"] .landing-hot-question em {
    justify-self: end !important;
    width: 60px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    color: #64748b !important;
    background: transparent !important;
    font-size: 10.5px !important;
    font-style: normal !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    text-align: right !important;
  }

  body[data-active-panel="landing"] .landing-question-more {
    justify-self: start !important;
    align-self: end !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #7c4dff !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-training-heatmap {
    display: grid !important;
    grid-template-rows: 20px minmax(88px, auto) minmax(32px, auto) !important;
    gap: 7px !important;
    padding: 12px 16px 10px !important;
    background: #fff !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-head span {
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-head strong {
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-head strong em {
    color: #64748b !important;
    font-style: normal !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-grid {
    display: grid !important;
    grid-template-columns: repeat(35, minmax(3px, 1fr)) !important;
    grid-auto-rows: 6px !important;
    gap: 3px !important;
    align-content: center !important;
    align-items: center !important;
    margin: 0 !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-cell {
    width: 100% !important;
    height: 6px !important;
    min-width: 0 !important;
    min-height: 6px !important;
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #eef2f7 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: transform 0.16s ease, box-shadow 0.16s ease !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-cell:hover {
    transform: translateY(-1px) !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-cell[data-level="0"] {
    background: #eef2f7 !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-cell[data-level="1"] {
    background: #eee7ff !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-cell[data-level="2"] {
    background: #cdbbff !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-cell[data-level="3"] {
    background: #6f3cff !important;
    box-shadow: 0 5px 10px rgba(111, 60, 255, 0.2) !important;
  }

  body[data-active-panel="landing"] .landing-calendar-weekday {
    display: grid !important;
    place-items: center !important;
    color: #9aa7bd !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body[data-active-panel="landing"] .landing-calendar-day {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #334155 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-calendar-day[data-muted="true"] {
    color: #a9b4c7 !important;
    background: transparent !important;
  }

  body[data-active-panel="landing"] .landing-calendar-day[data-level="1"] {
    color: #6d5be8 !important;
    background: #f0eaff !important;
  }

  body[data-active-panel="landing"] .landing-calendar-day[data-level="2"] {
    color: #5c38e8 !important;
    background: #dccfff !important;
  }

  body[data-active-panel="landing"] .landing-calendar-day[data-level="3"] {
    color: #fff !important;
    background: #6f3cff !important;
    box-shadow: 0 8px 16px rgba(111, 60, 255, 0.28) !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-legend {
    display: grid !important;
    grid-template-columns: repeat(4, auto) !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-legend span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-legend i {
    width: 10px !important;
    height: 10px !important;
    flex: 0 0 10px !important;
    border-radius: 999px !important;
    background: #eef2f7 !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-legend i[data-level="1"] {
    background: #f0eaff !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-legend i[data-level="2"] {
    background: #dccfff !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-legend i[data-level="3"] {
    background: #6f3cff !important;
  }

  body[data-active-panel="landing"] .landing-achievement-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  body[data-active-panel="landing"] .landing-achievement-list div {
    min-width: 0 !important;
    min-height: 40px !important;
    display: grid !important;
    align-content: center !important;
    padding: 6px 8px !important;
    border: 1px solid rgba(90, 108, 148, 0.12) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(248, 250, 255, 0.98), rgba(255, 255, 255, 0.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 10px 20px rgba(91, 140, 255, 0.08) !important;
    text-align: center !important;
  }

  body[data-active-panel="landing"] .landing-achievement-list span {
    display: block !important;
    color: #64748b !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-achievement-list strong {
    display: block !important;
    margin-top: 3px !important;
    color: #0f172a !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-achievement-list div:first-child {
    border-color: rgba(124, 77, 255, 0.18) !important;
    background: linear-gradient(135deg, rgba(124, 77, 255, 0.12), rgba(91, 140, 255, 0.08) 62%, rgba(255, 255, 255, 0.98)) !important;
  }

  body[data-active-panel="landing"] .landing-achievement-list div:first-child strong {
    color: #7c4dff !important;
  }

  body[data-active-panel="landing"] .landing-achievement-list div:nth-child(4) {
    border-color: rgba(34, 197, 94, 0.18) !important;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(91, 140, 255, 0.08) 62%, rgba(255, 255, 255, 0.98)) !important;
  }

  body[data-active-panel="landing"] .landing-achievement-list div:nth-child(4) strong {
    color: #16a34a !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-strip {
    display: grid !important;
    grid-template-rows: 12px 6px !important;
    gap: 5px !important;
    min-height: 32px !important;
    padding: 6px 8px 7px !important;
    border: 1px solid rgba(90, 108, 148, 0.1) !important;
    border-radius: 14px !important;
    background: #f8fbff !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-strip-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 0 !important;
    color: #94a3b8 !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-heatmap-strip-head span,
  body[data-active-panel="landing"] .landing-heatmap-strip-head em {
    min-width: 0 !important;
    font-style: normal !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-hardware-focus {
    padding: 14px 18px 12px !important;
  }

  body[data-active-panel="landing"] .landing-hardware-chip-list {
    gap: 10px !important;
    align-items: stretch !important;
  }

  body[data-active-panel="landing"] .landing-hardware-card {
    min-height: 122px !important;
    height: 122px !important;
    display: grid !important;
    grid-template-rows: 58px 20px 18px !important;
    align-content: start !important;
    justify-items: center !important;
    gap: 4px !important;
    padding: 8px 4px 7px !important;
    overflow: hidden !important;
  }

  body[data-active-panel="landing"] .landing-hardware-card strong {
    display: grid !important;
    gap: 5px !important;
    justify-items: center !important;
    align-content: start !important;
    width: 100% !important;
    min-width: 0 !important;
    font-size: 15px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-hardware-card strong span {
    width: 42px !important;
    height: 42px !important;
    font-size: 20px !important;
  }

  body[data-active-panel="landing"] .landing-hardware-card em,
  body[data-active-panel="landing"] .landing-hardware-card small {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-hardware-card em {
    font-size: 13px !important;
  }

  body[data-active-panel="landing"] .landing-hardware-card small {
    font-size: 10px !important;
    font-weight: 850 !important;
    text-overflow: clip !important;
  }

  body[data-active-panel="landing"] .landing-special-training {
    display: grid !important;
    grid-template-rows: 20px 1fr !important;
    gap: 8px !important;
    height: 154px !important;
    min-height: 154px !important;
    max-height: 154px !important;
    padding: 12px 16px 10px !important;
    background: #fff !important;
  }

  body[data-active-panel="landing"] .landing-special-training-head {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin: 0 !important;
  }

  body[data-active-panel="landing"] .landing-special-training-head span {
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-special-training-head strong {
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] .landing-special-training-list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    min-height: 0 !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item {
    position: relative !important;
    min-height: 96px !important;
    height: 96px !important;
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) auto !important;
    grid-template-rows: 20px 18px 1fr !important;
    column-gap: 9px !important;
    row-gap: 3px !important;
    align-items: center !important;
    padding: 10px 10px 9px !important;
    border: 1px solid rgba(90, 108, 148, 0.12) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #fff, #fbfcff) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item::before {
    content: "" !important;
    grid-row: 1 / span 2 !important;
    grid-column: 1 !important;
    width: 26px !important;
    height: 26px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    color: #5b6dff !important;
    background: rgba(91, 140, 255, 0.14) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item[data-special-key="power"]::before {
    content: "▣" !important;
    color: #7c4dff !important;
    background: rgba(124, 77, 255, 0.14) !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item[data-special-key="can"]::before {
    content: "◉" !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item[data-special-key="i2c"]::before {
    content: "∿" !important;
    color: #06a6c9 !important;
    background: rgba(6, 182, 212, 0.14) !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item[data-special-key="ripple"]::before {
    content: "⌁" !important;
    color: #f97316 !important;
    background: rgba(249, 115, 22, 0.14) !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item strong {
    grid-column: 2 / 4 !important;
    grid-row: 1 !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item span {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    overflow: hidden !important;
    color: #8a97ad !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item p {
    grid-column: 1 / 3 !important;
    grid-row: 3 !important;
    align-self: end !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item p b {
    margin-left: 3px !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  body[data-active-panel="landing"] .landing-special-training-item em {
    grid-column: 3 !important;
    grid-row: 3 !important;
    align-self: end !important;
    justify-self: end !important;
    min-width: 64px !important;
    height: 28px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    color: #7c4dff !important;
    background: rgba(124, 77, 255, 0.12) !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > span {
    display: block !important;
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > p {
    grid-column: 1 / 3 !important;
    grid-row: 3 !important;
  }

  body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > em {
    grid-column: 3 !important;
    grid-row: 3 !important;
  }

  body[data-active-panel="landing"] .landing-welcome-panel {
    min-height: 70px !important;
    height: 70px !important;
    padding: 0 0 0 2px !important;
    align-content: center !important;
  }

  body[data-active-panel="landing"] .landing-welcome-panel.is-briefing-open {
    min-height: 214px !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 0 12px 2px !important;
    align-content: start !important;
  }

  body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid > .landing-welcome-panel.is-briefing-open {
    min-height: 214px !important;
    height: auto !important;
    max-height: none !important;
    align-content: start !important;
  }

  body[data-active-panel="landing"] .landing-welcome-briefing {
    pointer-events: auto !important;
  }

  body[data-active-panel="landing"] .landing-welcome-briefing[hidden] {
    display: none !important;
  }

  body[data-active-panel="landing"] .landing-ai-briefing-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body[data-active-panel="landing"] .landing-ai-briefing-head strong {
    margin-left: auto !important;
  }

  body[data-active-panel="landing"] .landing-ai-briefing-close {
    display: inline-grid !important;
    place-items: center !important;
    height: 24px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #7c4dff !important;
    background: rgba(124, 77, 255, 0.12) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 5 !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing {
    position: relative !important;
    min-height: 174px !important;
    height: 174px !important;
    padding: 14px 16px !important;
    overflow: hidden !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-copy {
    width: calc(100% - 130px) !important;
    min-width: 0 !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-head {
    display: flex !important;
    align-items: center !important;
    min-height: 22px !important;
    margin: 0 !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-head span {
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-head strong {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    color: #8a97ad !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  body[data-active-panel="landing"] #landingXiaowenBriefingText {
    position: absolute !important;
    left: 16px !important;
    top: 48px !important;
    width: calc(100% - 154px) !important;
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-advice {
    position: absolute !important;
    left: 16px !important;
    top: 75px !important;
    width: calc(100% - 154px) !important;
    max-width: calc(100% - 154px) !important;
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-advice strong {
    color: #5b4bff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-stats {
    position: absolute !important;
    top: auto !important;
    left: 16px !important;
    right: 138px !important;
    bottom: 16px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-stats div {
    background: rgba(255, 255, 255, 0.76) !important;
    min-height: 58px !important;
    padding: 9px 8px !important;
    border-radius: 8px !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-avatar {
    right: 18px !important;
    bottom: 14px !important;
    width: 102px !important;
    height: 102px !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-avatar img {
    width: 100px !important;
    height: 100px !important;
  }

  /* v25: make XiaoWen sound like a coach observing behavior, not a system notice. */
  body[data-active-panel="landing"] #landingXiaowenBriefingText {
    top: 44px !important;
    width: calc(100% - 150px) !important;
    max-height: 38px !important;
    color: #0f172a !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.38 !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-advice {
    top: 86px !important;
    width: calc(100% - 150px) !important;
    max-width: calc(100% - 150px) !important;
    font-size: 12.5px !important;
    line-height: 1.18 !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-advice strong {
    display: inline-block !important;
    margin-top: 3px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-stats {
    right: 132px !important;
    bottom: 12px !important;
    gap: 7px !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-stats div {
    min-height: 52px !important;
    padding: 7px 7px !important;
  }

  /* v27: XiaoWen only lives in the floating AI coach; homepage cards are system/tool surfaces. */
  body[data-active-panel="landing"] .landing-xiaowen-briefing-copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-avatar,
  body[data-active-panel="landing"] .landing-xiaowen-briefing-avatar img,
  body[data-active-panel="landing"] .landing-coach-card-bottom > img {
    display: none !important;
  }

  body[data-active-panel="landing"] #landingXiaowenBriefingText {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-advice {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }

  body[data-active-panel="landing"] .landing-xiaowen-briefing-stats {
    right: 16px !important;
  }

  body[data-active-panel="landing"] .landing-coach-card-bottom {
    background:
      radial-gradient(circle at 88% 18%, rgba(124, 77, 255, 0.12), transparent 34%),
      linear-gradient(135deg, #ffffff 0%, #f7faff 58%, #f1efff 100%) !important;
  }

  body[data-active-panel="landing"] .landing-coach-card-copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  body[data-active-panel="landing"] .landing-coach-card-head {
    justify-content: space-between !important;
  }

  body[data-active-panel="landing"] .landing-coach-card-head span {
    color: #0f172a !important;
    font-size: 14px !important;
  }

  body[data-active-panel="landing"] .landing-coach-card-copy p {
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-active-panel="landing"] .landing-coach-card-bottom .primary-btn {
    width: 82px !important;
  }

  /* v24: make the route card feel like a training stage, and add growth trend feedback. */
  body[data-active-panel="landing"] .landing-route-card {
    display: grid !important;
    grid-template-rows: auto auto auto 1fr auto !important;
    gap: 6px !important;
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    padding: 12px 14px !important;
  }

  body[data-active-panel="landing"] .landing-route-head {
    margin-bottom: 0 !important;
  }

  body[data-active-panel="landing"] .landing-route-stage {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 50px !important;
    padding: 6px 10px !important;
    border: 1px solid rgba(124, 77, 255, 0.16) !important;
    border-radius: 12px !important;
    background:
      radial-gradient(circle at 12% 42%, rgba(124, 77, 255, 0.2), transparent 44%),
      linear-gradient(135deg, rgba(124, 77, 255, 0.12), rgba(91, 140, 255, 0.09)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
  }

  body[data-active-panel="landing"] .landing-route-stage > div:first-child {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  body[data-active-panel="landing"] .landing-route-stage span {
    display: block !important;
    color: #7c8aa2 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
  }

  body[data-active-panel="landing"] .landing-route-stage strong {
    display: block !important;
    margin-top: 5px !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-route-completion {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 80px !important;
    text-align: left !important;
  }

  body[data-active-panel="landing"] .landing-route-completion strong {
    color: #7c4dff !important;
    font-size: 34px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    line-height: 0.92 !important;
  }

  body[data-active-panel="landing"] .landing-route-progress-track {
    margin: 0 !important;
  }

  body[data-active-panel="landing"] .landing-ai-timeline {
    align-content: start !important;
    gap: 4px !important;
    min-height: 0 !important;
  }

  body[data-active-panel="landing"] .landing-ai-step {
    height: 28px !important;
    min-height: 28px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  body[data-active-panel="landing"] .landing-ai-step-title strong {
    font-size: 12px !important;
  }

  body[data-active-panel="landing"] .landing-ai-step-state {
    font-size: 10px !important;
  }

  body[data-active-panel="landing"] .landing-ai-status-bar {
    margin-top: 0 !important;
    padding-top: 7px !important;
  }

  body[data-active-panel="landing"] .landing-weekly-growth-item {
    padding-top: 12px !important;
  }

  body[data-active-panel="landing"] .landing-weekly-growth-item > span {
    display: block !important;
    max-width: calc(100% - 84px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-weekly-growth-trend {
    position: absolute !important;
    top: 9px !important;
    right: 9px !important;
    max-width: 86px !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    color: #6d4dff !important;
    background: rgba(124, 77, 255, 0.1) !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    line-height: 20px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-active-panel="landing"] .landing-weekly-growth-item:nth-child(even) .landing-weekly-growth-trend {
    color: #2f6fff !important;
    background: rgba(91, 140, 255, 0.12) !important;
  }

  html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-route-card.landing-ai-task-center {
    position: relative !important;
    display: block !important;
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-route-head {
    position: absolute !important;
    top: 14px !important;
    left: 16px !important;
    right: 16px !important;
    height: 54px !important;
    margin: 0 !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-route-stage {
    position: absolute !important;
    top: 76px !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    height: 54px !important;
    min-height: 54px !important;
    z-index: 2 !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-route-progress-track {
    position: absolute !important;
    top: 140px !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    z-index: 2 !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
    position: absolute !important;
    top: 151px !important;
    left: 16px !important;
    right: 16px !important;
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
    gap: 3px !important;
    height: 86px !important;
    min-height: 86px !important;
    z-index: 2 !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-ai-step {
    height: 19px !important;
    min-height: 19px !important;
    padding: 2px 5px !important;
    grid-template-columns: 20px minmax(0, 1fr) auto !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-index {
    width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 12px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding-top: 7px !important;
    z-index: 2 !important;
  }
}

/* Homepage status bar: make the first row carry real training signal. */
body[data-active-panel="landing"] .landing-welcome-panel:not(.is-briefing-open) {
  min-height: 86px !important;
  height: 86px !important;
  padding: 7px 0 9px 2px !important;
  align-content: center !important;
}

body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid > .section-card.landing-welcome-panel:not(.is-briefing-open) {
  min-height: 86px !important;
  height: 86px !important;
  max-height: 86px !important;
  padding: 7px 0 9px 2px !important;
}

body[data-active-panel="landing"] .landing-welcome-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

body[data-active-panel="landing"] .landing-greeting-line {
  margin: 0 !important;
  font-size: 26px !important;
  line-height: 1.05 !important;
}

body[data-active-panel="landing"] .shell .main .landing-workspace .landing-greeting-line {
  margin: 0 !important;
  font-size: 26px !important;
  line-height: 1.05 !important;
}

body[data-active-panel="landing"] .landing-training-statusbar {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(96px, 1fr)) !important;
  gap: 8px !important;
  width: min(100%, 720px) !important;
}

body[data-active-panel="landing"] .landing-training-status {
  min-width: 0 !important;
  height: 40px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(124, 77, 255, 0.12) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 255, 0.88)),
    linear-gradient(90deg, rgba(124, 77, 255, 0.1), rgba(91, 140, 255, 0.08)) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.045) !important;
  overflow: hidden !important;
}

body[data-active-panel="landing"] .landing-training-status span,
body[data-active-panel="landing"] .landing-training-status strong {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-active-panel="landing"] .landing-training-status span {
  color: #7b89a3 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
}

body[data-active-panel="landing"] .landing-training-status strong {
  margin-top: 3px !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

body[data-active-panel="landing"] .landing-training-status:nth-child(1) strong,
body[data-active-panel="landing"] .landing-training-status:nth-child(3) strong,
body[data-active-panel="landing"] .landing-training-status:nth-child(4) strong {
  color: #6d4dff !important;
}

@media (max-width: 1180px) {
  body[data-active-panel="landing"] .landing-training-statusbar {
    grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
  }

  body[data-active-panel="landing"] .landing-welcome-panel:not(.is-briefing-open) {
    min-height: 118px !important;
    height: 118px !important;
  }

  body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid > .section-card.landing-welcome-panel:not(.is-briefing-open) {
    min-height: 118px !important;
    height: 118px !important;
    max-height: 118px !important;
  }
}

/* AI route card: make it feel like level progression, not a task board. */
html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-route-card.landing-ai-task-center {
  position: relative !important;
  display: block !important;
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 88% 22%, rgba(124, 77, 255, 0.16), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
}

html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center::before {
  content: "" !important;
  position: absolute !important;
  inset: 56px 16px auto 16px !important;
  height: 96px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(135deg, rgba(124, 77, 255, 0.14), rgba(91, 140, 255, 0.12)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 248, 255, 0.88)) !important;
  border: 1px solid rgba(124, 77, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 16px 30px rgba(91, 140, 255, 0.12) !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-head {
  position: absolute !important;
  top: 15px !important;
  left: 18px !important;
  right: 18px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 !important;
  z-index: 4 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-title span {
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  color: #111827 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-title strong {
  display: inline-flex !important;
  align-items: center !important;
  height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: #6d4dff !important;
  background: rgba(124, 77, 255, 0.1) !important;
  border: 1px solid rgba(124, 77, 255, 0.14) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress {
  position: absolute !important;
  top: 56px !important;
  right: 18px !important;
  width: 108px !important;
  height: 96px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(245, 248, 255, 0.9)) !important;
  border: 1px solid rgba(124, 77, 255, 0.14) !important;
  box-shadow: 0 12px 26px rgba(91, 140, 255, 0.13) !important;
  overflow: hidden !important;
  z-index: 4 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border-radius: 16px !important;
  background: conic-gradient(from -90deg, #7c4dff var(--landing-progress, 65%), rgba(226, 232, 255, 0.9) 0) !important;
  opacity: 0.18 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress i {
  position: absolute !important;
  inset: 17px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: inset 0 0 0 1px rgba(124, 77, 255, 0.08) !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress span,
html body[data-active-panel="landing"] .landing-route-card .landing-route-progress strong {
  position: relative !important;
  z-index: 2 !important;
  text-align: center !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress span {
  color: #7b89a3 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress strong {
  color: #6d4dff !important;
  font-size: 32px !important;
  line-height: 0.95 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage {
  position: absolute !important;
  top: 56px !important;
  left: 18px !important;
  right: 138px !important;
  width: auto !important;
  height: 96px !important;
  min-height: 96px !important;
  display: flex !important;
  align-items: center !important;
  padding: 18px 18px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 4 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage > div:first-child {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage span {
  color: #7b89a3 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage strong {
  max-width: 100% !important;
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-completion {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress-track {
  position: absolute !important;
  top: 164px !important;
  left: 18px !important;
  right: 18px !important;
  width: auto !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #edf1fb !important;
  overflow: hidden !important;
  z-index: 4 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress-track i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #7c4dff, #5b8cff) !important;
  box-shadow: 0 0 18px rgba(124, 77, 255, 0.28) !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
  position: absolute !important;
  top: 182px !important;
  left: 18px !important;
  right: 18px !important;
  height: 58px !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-rows: repeat(4, 1fr) !important;
  gap: 3px !important;
  z-index: 4 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 6px !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 6px !important;
  border-radius: 9px !important;
  background: rgba(248, 250, 255, 0.72) !important;
  border: 1px solid rgba(226, 232, 240, 0.78) !important;
  box-shadow: none !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step.is-current {
  background: rgba(124, 77, 255, 0.09) !important;
  border-color: rgba(124, 77, 255, 0.14) !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-index {
  width: 15px !important;
  height: 15px !important;
  font-size: 9px !important;
  line-height: 15px !important;
  font-weight: 950 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-title {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-title strong {
  min-width: 0 !important;
  color: #182033 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-state {
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-feedback,
html body[data-active-panel="landing"] .landing-route-card .landing-ai-step::after {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 12px !important;
  height: 26px !important;
  min-height: 26px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(124, 77, 255, 0.1) !important;
  z-index: 4 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar > span:not(.landing-ai-status-dot),
html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar em {
  color: #60708a !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar strong {
  color: #6d4dff !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
}

/* Weekly growth: emphasize achievement labels and demote the tiny sparkline. */
html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-list {
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item {
  min-height: 86px !important;
  padding: 10px 10px 34px !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 255, 0.94)) !important;
  border: 1px solid rgba(90, 108, 148, 0.13) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.035) !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item > span {
  display: block !important;
  max-width: calc(100% - 48px) !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item p {
  margin: 11px 0 0 !important;
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item strong {
  position: absolute !important;
  top: 33px !important;
  right: 10px !important;
  color: #22c55e !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-trend {
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  top: auto !important;
  bottom: 8px !important;
  max-width: none !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  color: #6d4dff !important;
  background: rgba(124, 77, 255, 0.1) !important;
  border: 1px solid rgba(124, 77, 255, 0.12) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item:nth-child(even) .landing-weekly-growth-trend {
  color: #2f6fff !important;
  background: rgba(91, 140, 255, 0.11) !important;
  border-color: rgba(91, 140, 255, 0.12) !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item::after {
  left: 10px !important;
  right: 10px !important;
  bottom: 34px !important;
  height: 16px !important;
  opacity: 0.16 !important;
  filter: saturate(0.82) !important;
}

/* v120: real-time growth reward after a training round. */
html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item.is-live-updated {
  border-color: rgba(34, 197, 94, 0.34) !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(34, 197, 94, 0.2), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(240, 253, 244, 0.96)) !important;
  box-shadow:
    0 16px 34px rgba(34, 197, 94, 0.12),
    0 10px 22px rgba(15, 23, 42, 0.045) !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item.is-live-updated strong {
  color: #16a34a !important;
  font-size: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item.is-live-updated .landing-weekly-growth-trend {
  color: #047857 !important;
  background: rgba(34, 197, 94, 0.14) !important;
  border-color: rgba(34, 197, 94, 0.18) !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item.is-reward-pulse {
  animation: landingGrowthRewardPulse 1200ms cubic-bezier(0.2, 0.8, 0.2, 1) 1 both !important;
}

@keyframes landingGrowthRewardPulse {
  0% {
    transform: translateY(0) scale(1);
    box-shadow: 0 0 0 rgba(34, 197, 94, 0);
  }
  34% {
    transform: translateY(-5px) scale(1.018);
    box-shadow: 0 22px 48px rgba(34, 197, 94, 0.2);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

/* Route card polish: keep the new level panel from feeling cramped on desktop. */
html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center::before {
  height: 92px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress {
  top: 58px !important;
  width: 104px !important;
  height: 88px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage {
  top: 58px !important;
  right: 150px !important;
  height: 88px !important;
  min-height: 88px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress-track {
  top: 154px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
  top: 166px !important;
  height: 70px !important;
  min-height: 70px !important;
}

/* Hardware focus: expose mastery at a glance. */
html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-chip-list {
  gap: 8px !important;
  align-items: stretch !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card {
  height: 146px !important;
  min-height: 146px !important;
  display: grid !important;
  grid-template-rows: 54px 15px 14px 31px !important;
  align-content: start !important;
  gap: 4px !important;
  padding: 7px 7px 8px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card strong {
  gap: 5px !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card strong span {
  width: 38px !important;
  height: 38px !important;
  font-size: 19px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card em {
  font-size: 12px !important;
  line-height: 1.05 !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card small {
  font-size: 10px !important;
  line-height: 1.05 !important;
  color: #8794aa !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
  align-self: end !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery > div span {
  color: #7b89a3 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery b {
  color: #6d4dff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: 0 !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery.is-weak b {
  color: #f59e0b !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery.is-good b {
  color: #22c55e !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery i {
  display: block !important;
  width: 100% !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #edf1fb !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery i span {
  display: block !important;
  width: var(--mastery, 72%) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #7c4dff, #5b8cff) !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery.is-weak i span {
  background: linear-gradient(90deg, #f59e0b, #fb7185) !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery.is-good i span {
  background: linear-gradient(90deg, #22c55e, #5b8cff) !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
  padding: 24px 30px !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-route-card.landing-ai-task-center {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation h1 {
  left: 30px !important;
  top: 54px !important;
  margin-top: 10px !important;
}

html body[data-active-panel="landing"] .landing-project-ability-state {
  position: absolute !important;
  left: 30px !important;
  top: 88px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(91, 140, 255, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(248, 251, 255, 0.92) !important;
  box-shadow: 0 10px 24px rgba(91, 140, 255, 0.08) !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-project-ability-state span {
  color: #7b89a3 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-project-ability-state strong {
  color: #172033 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-project-ability-state em {
  color: #7c4dff !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .landing-training-tag {
  left: 256px !important;
  top: 62px !important;
}

html body[data-active-panel="landing"] #landingRecommendationText {
  left: 30px !important;
  top: 122px !important;
  width: 430px !important;
  max-width: 430px !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  z-index: 2 !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason {
  position: absolute !important;
  left: 30px !important;
  top: 150px !important;
  width: 430px !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 82px repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 8px !important;
  padding: 8px !important;
  border-color: rgba(124, 77, 255, 0.18) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(124, 77, 255, 0.12), rgba(91, 140, 255, 0.08) 58%, rgba(255, 255, 255, 0.94)) !important;
  box-shadow: 0 14px 28px rgba(91, 140, 255, 0.1) !important;
  white-space: normal !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason > span {
  height: auto !important;
  min-height: 44px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 8px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #7c4dff, #5b8cff) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason div {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  padding: 6px 7px !important;
  border: 1px solid rgba(90, 108, 148, 0.1) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.78) !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason small {
  color: #7b89a3 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason strong {
  min-width: 0 !important;
  margin: 0 !important;
  color: #101828 !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason em,
html body[data-active-panel="landing"] .landing-recommendation-reason b {
  margin: 0 !important;
  color: #7c4dff !important;
  font-size: 17px !important;
  font-style: normal !important;
  font-weight: 1000 !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason div:nth-of-type(2) b,
html body[data-active-panel="landing"] .landing-recommendation-reason div:nth-of-type(3) b {
  color: #ef4444 !important;
}

html body[data-active-panel="landing"] .landing-recommendation-meta {
  left: 30px !important;
  bottom: 52px !important;
  z-index: 3 !important;
}

html body[data-active-panel="landing"] .landing-primary-action.primary-btn {
  left: 30px !important;
  bottom: 10px !important;
  height: 38px !important;
  min-height: 38px !important;
  z-index: 3 !important;
}

html body[data-active-panel="landing"] .landing-hero-3d-img {
  opacity: 0.82 !important;
  transform: translateY(-3px) scale(0.98) !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-card {
  position: absolute !important;
  left: 18px !important;
  bottom: 18px !important;
  z-index: 18 !important;
  width: 172px !important;
  display: grid !important;
  gap: 7px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(124, 77, 255, 0.16) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 18px 38px rgba(91, 140, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(12px) !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-head,
html body[data-active-panel="landing"] .landing-hero-capability-row {
  display: grid !important;
  grid-template-columns: 52px 1fr 24px !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-head {
  grid-template-columns: 1fr auto !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-head span,
html body[data-active-panel="landing"] .landing-hero-capability-row em {
  color: #667085 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-head strong {
  color: #7c4dff !important;
  font-size: 21px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-row i {
  display: block !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #e8edf7 !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-row i span {
  display: block !important;
  width: var(--ability, 70%) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #7c4dff, #5b8cff) !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-row b {
  color: #172033 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: right !important;
}

html body[data-active-panel="landing"] .landing-hero-status-strip {
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  z-index: 18 !important;
  display: grid !important;
  gap: 7px !important;
}

html body[data-active-panel="landing"] .landing-hero-status-strip span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 112px !important;
  height: 28px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(90, 108, 148, 0.1) !important;
  border-radius: 999px !important;
  color: #667085 !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 12px 28px rgba(91, 140, 255, 0.12) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  backdrop-filter: blur(10px) !important;
}

html body[data-active-panel="landing"] .landing-hero-status-strip b {
  color: #22c55e !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-card {
  left: 16px !important;
  bottom: 14px !important;
  width: 196px !important;
  min-height: 176px !important;
  gap: 8px !important;
  padding: 11px 12px 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 250, 255, 0.76)) !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-head strong {
  font-size: 22px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-wrap {
  position: relative !important;
  width: 100% !important;
  height: 112px !important;
  display: grid !important;
  place-items: center !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-svg {
  width: 112px !important;
  height: 112px !important;
  overflow: visible !important;
  filter: drop-shadow(0 14px 18px rgba(91, 140, 255, 0.18)) !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-svg polygon,
html body[data-active-panel="landing"] .landing-hero-radar-svg line {
  vector-effect: non-scaling-stroke !important;
}

html body[data-active-panel="landing"] .landing-radar-grid {
  fill: rgba(124, 77, 255, 0.045) !important;
  stroke: rgba(124, 77, 255, 0.2) !important;
  stroke-width: 1.2 !important;
}

html body[data-active-panel="landing"] .landing-radar-grid.is-mid {
  fill: rgba(91, 140, 255, 0.04) !important;
  stroke: rgba(91, 140, 255, 0.16) !important;
}

html body[data-active-panel="landing"] .landing-radar-grid.is-low {
  fill: rgba(255, 255, 255, 0.42) !important;
  stroke: rgba(124, 77, 255, 0.12) !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-svg line {
  stroke: rgba(100, 116, 139, 0.13) !important;
  stroke-width: 1 !important;
}

html body[data-active-panel="landing"] .landing-radar-value {
  fill: rgba(124, 77, 255, 0.22) !important;
  stroke: #7c4dff !important;
  stroke-width: 2.4 !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-svg circle {
  fill: #ffffff !important;
  stroke: #7c4dff !important;
  stroke-width: 2.2 !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-labels {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-labels span {
  position: absolute !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  max-width: 58px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border: 1px solid rgba(90, 108, 148, 0.1) !important;
  border-radius: 999px !important;
  color: #667085 !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 8px 18px rgba(91, 140, 255, 0.1) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-labels b {
  color: #7c4dff !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-labels span[data-radar-label="project"] {
  left: 50% !important;
  top: -2px !important;
  transform: translateX(-50%) !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-labels span[data-radar-label="debug"] {
  right: -2px !important;
  top: 31px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-labels span[data-radar-label="pi"] {
  right: 13px !important;
  bottom: 3px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-labels span[data-radar-label="i2c"] {
  left: 11px !important;
  bottom: 5px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-labels span[data-radar-label="can"] {
  left: -2px !important;
  top: 35px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-summary {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-summary span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
  padding: 7px 7px !important;
  border-radius: 10px !important;
  color: #667085 !important;
  background: rgba(241, 245, 255, 0.9) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-summary b {
  color: #172033 !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-hero-status-strip {
  right: 16px !important;
  top: 18px !important;
}

/* Training achievement center: replaces the old calendar layout at every desktop width. */
html body[data-active-panel="landing"] .landing-training-heatmap {
  display: grid !important;
  grid-template-rows: 20px minmax(88px, auto) minmax(32px, auto) !important;
  gap: 7px !important;
  padding: 12px 16px 10px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-achievement-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div {
  min-width: 0 !important;
  min-height: 40px !important;
  display: grid !important;
  align-content: center !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(90, 108, 148, 0.12) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(248, 250, 255, 0.98), rgba(255, 255, 255, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 10px 20px rgba(91, 140, 255, 0.08) !important;
  text-align: center !important;
}

html body[data-active-panel="landing"] .landing-achievement-list span {
  display: block !important;
  color: #64748b !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-achievement-list strong {
  display: block !important;
  margin-top: 3px !important;
  color: #0f172a !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div:first-child {
  border-color: rgba(124, 77, 255, 0.18) !important;
  background: linear-gradient(135deg, rgba(124, 77, 255, 0.12), rgba(91, 140, 255, 0.08) 62%, rgba(255, 255, 255, 0.98)) !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div:first-child strong {
  color: #7c4dff !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div:nth-child(4) {
  border-color: rgba(34, 197, 94, 0.18) !important;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(91, 140, 255, 0.08) 62%, rgba(255, 255, 255, 0.98)) !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div:nth-child(4) strong {
  color: #16a34a !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip {
  display: grid !important;
  grid-template-rows: 12px 6px !important;
  gap: 5px !important;
  min-height: 32px !important;
  padding: 6px 8px 7px !important;
  border: 1px solid rgba(90, 108, 148, 0.1) !important;
  border-radius: 14px !important;
  background: #f8fbff !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  color: #94a3b8 !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip-head span,
html body[data-active-panel="landing"] .landing-heatmap-strip-head em {
  min-width: 0 !important;
  font-style: normal !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-heatmap-grid {
  display: grid !important;
  grid-template-columns: repeat(35, minmax(3px, 1fr)) !important;
  grid-auto-rows: 6px !important;
  gap: 3px !important;
  align-content: center !important;
  align-items: center !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-heatmap-cell {
  width: 100% !important;
  height: 6px !important;
  min-width: 0 !important;
  min-height: 6px !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 3px !important;
}

/* Compact achievement center: higher signal than the old calendar, about half the visual weight. */
html body[data-active-panel="landing"] .landing-training-heatmap {
  align-self: start !important;
  box-sizing: border-box !important;
  height: 116px !important;
  min-height: 116px !important;
  max-height: 116px !important;
  grid-template-rows: 18px minmax(42px, auto) 18px !important;
  gap: 6px !important;
  padding: 12px 14px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  align-self: start !important;
  box-sizing: border-box !important;
  height: 116px !important;
  min-height: 116px !important;
  max-height: 116px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-heatmap-head {
  min-height: 18px !important;
  align-items: center !important;
}

html body[data-active-panel="landing"] .landing-heatmap-head span {
  font-size: 15px !important;
  line-height: 18px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-head strong {
  height: 18px !important;
  font-size: 10px !important;
  line-height: 18px !important;
}

html body[data-active-panel="landing"] .landing-achievement-list {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div {
  min-height: 42px !important;
  padding: 6px 5px !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 16px rgba(91, 140, 255, 0.06) !important;
}

html body[data-active-panel="landing"] .landing-achievement-list span {
  font-size: 8.5px !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-achievement-list strong {
  margin-top: 4px !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip {
  grid-template-rows: 6px !important;
  min-height: 18px !important;
  padding: 6px 7px !important;
  border-radius: 10px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip-head {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-heatmap-grid {
  grid-template-columns: repeat(35, minmax(2px, 1fr)) !important;
  grid-auto-rows: 6px !important;
  gap: 2px !important;
}

/* Homepage character rule: Xiaowen lives only in the bottom-right coach dock. */
html body[data-active-panel="landing"] #companionAmbientStage,
html body[data-active-panel="landing"] .landing-ai-briefing img,
html body[data-active-panel="landing"] .landing-xiaowen-briefing-avatar,
html body[data-active-panel="landing"] .landing-xiaowen-briefing-avatar img,
html body[data-active-panel="landing"] .landing-xiaowen-briefing .character-stage-duo,
html body[data-active-panel="landing"] .landing-xiaowen-briefing .companion-hud-orb,
html body[data-active-panel="landing"] .landing-coach-card-bottom > img,
html body[data-active-panel="landing"] .landing-coach-card-bottom .character-stage-duo,
html body[data-active-panel="landing"] .landing-coach-card-bottom .companion-hud-orb,
html body[data-active-panel="landing"] .landing-welcome-panel .character-stage-duo,
html body[data-active-panel="landing"] .landing-welcome-panel .companion-hud-orb,
html body[data-active-panel="landing"] .landing-primary-recommendation .character-stage-duo,
html body[data-active-panel="landing"] .landing-primary-recommendation .companion-hud-orb,
html body[data-active-panel="landing"] [data-panel="landing"] img[src*="xiaowen"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock:not([hidden]),
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed:not([hidden]),
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-expanded:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock:not([hidden]) #companionMini {
  display: grid !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Homepage priority v54: recommendation, growth, then route. */
html body[data-active-panel="landing"] .landing-home-grid {
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.86fr) minmax(300px, 0.74fr) !important;
  grid-template-areas:
    "welcome welcome welcome"
    "recommendation recommendation briefing"
    "growth growth growth"
    "route route calendar"
    "hardware questions coach"
    "special special special" !important;
  align-items: start !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation {
  grid-area: recommendation !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth {
  grid-area: growth !important;
  min-height: 176px !important;
  height: auto !important;
  max-height: none !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-list {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-route-card.landing-ai-task-center {
  grid-area: route !important;
  align-self: start !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing {
  grid-area: briefing !important;
  align-self: stretch !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  grid-area: calendar !important;
  align-self: start !important;
}

html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template:
    "welcome welcome welcome" 96px
    "recommendation recommendation briefing" 320px
    "growth growth growth" minmax(176px, auto)
    "route route calendar" 320px
    "hardware questions coach" 190px
    "special special special" 180px
    / minmax(0, 1.18fr) minmax(0, 0.86fr) minmax(300px, 0.74fr) !important;
  align-items: start !important;
}

/* Homepage priority v56: growth result, AI explanation, then recommendation. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template:
    "welcome welcome welcome" 96px
    "growth growth briefing" minmax(206px, auto)
    "recommendation recommendation recommendation" 320px
    "route route calendar" 320px
    "hardware questions coach" 190px
    "special special special" 180px
    / minmax(0, 1.18fr) minmax(0, 0.86fr) minmax(300px, 0.74fr) !important;
  align-items: start !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth {
  align-self: stretch !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing {
  align-self: stretch !important;
  min-height: 206px !important;
}

/* Homepage priority v57: keep special training as the final action layer. */
@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template:
      "welcome" auto
      "growth" auto
      "briefing" auto
      "recommendation" auto
      "route" auto
      "calendar" auto
      "hardware" auto
      "questions" auto
      "coach" auto
      "special" auto
      / minmax(0, 1fr) !important;
  }
}

/* Homepage hardware card lock v63: override older focus-specific card sizing. */
html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-chip-list {
  height: 104px !important;
  min-height: 104px !important;
  grid-template-rows: 104px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-chip-list .landing-hardware-card {
  height: 104px !important;
  min-height: 104px !important;
  max-height: 104px !important;
  padding: 8px !important;
  grid-template-rows: 32px 14px 12px 22px !important;
  gap: 4px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card strong {
  min-height: 32px !important;
  height: 32px !important;
  gap: 4px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card strong span {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 16px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-mastery {
  min-height: 22px !important;
  height: 22px !important;
  gap: 3px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-mastery > div {
  height: 11px !important;
  min-height: 11px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-mastery i {
  height: 5px !important;
  min-height: 5px !important;
}

/* EOF top action v64b: welcome bar keeps only Customize Home. */
html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel {
  grid-template-columns: minmax(0, 1fr) 164px !important;
  gap: 24px !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-coach-suggestion,
html body[data-active-panel="landing"] .landing-welcome-panel .landing-welcome-briefing {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-customize-home {
  justify-self: end !important;
  width: 164px !important;
  min-width: 164px !important;
}

/* EOF dashboard drawer visibility lock v66: must stay after legacy drawer rules. */
.training-dashboard-drawer:not(.is-open) {
  transform: translateX(104%) !important;
}

.training-dashboard-drawer.is-open {
  transform: translateX(0) !important;
}

/* XiaoWen final identity v144.1: keep this block last so legacy capsule/avatar rules cannot return. */
html body #companionAmbientStage,
html body #companionAmbientStage.companion-ambient-stage,
html body #companionAmbientStage.companion-ambient-stage.companion-ambient-moment {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body #companionDock.companion-dock.companion-collapsed {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 72px !important;
  max-width: 72px !important;
  min-width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
  right: calc(24px + var(--safe-right, 0px)) !important;
  bottom: calc(24px + var(--safe-bottom, 0px)) !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  place-items: center !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0 !important;
  border: 3px solid rgba(124, 77, 255, 0.72) !important;
  border-radius: 999px !important;
  background-color: #fff !important;
  background-image:
    radial-gradient(circle at 84% 84%, #22c55e 0 5px, transparent 5.8px),
    url("./assets/xiaowen-avatar.png") !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, cover !important;
  box-shadow:
    0 18px 38px rgba(124, 77, 255, 0.28),
    0 0 0 8px rgba(124, 77, 255, 0.08) !important;
  transform: none !important;
  overflow: hidden !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini > *,
html body #companionDock.companion-dock.companion-collapsed #companionMiniAvatar,
html body #companionDock.companion-dock.companion-collapsed #companionMiniAvatarStage,
html body #companionDock.companion-dock.companion-collapsed #companionMiniCharacter,
html body #companionDock.companion-dock.companion-collapsed .companion-mini-bubble,
html body #companionDock.companion-dock.companion-collapsed .companion-drag-handle {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini::before,
html body #companionDock.companion-dock.companion-collapsed #companionMini::after {
  content: "" !important;
  display: none !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 72px !important;
  max-width: 72px !important;
  min-width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  border: 3px solid rgba(124, 77, 255, 0.72) !important;
  border-radius: 999px !important;
  background-color: #fff !important;
  background-image:
    radial-gradient(circle at 84% 84%, #22c55e 0 5px, transparent 5.8px),
    url("./assets/xiaowen-avatar.png") !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, cover !important;
  box-shadow:
    0 18px 38px rgba(124, 77, 255, 0.28),
    0 0 0 8px rgba(124, 77, 255, 0.08) !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini > *,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniAvatar,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniAvatarStage,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniCharacter,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed .companion-mini-bubble,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed .companion-drag-handle {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini::before,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini::after {
  content: "" !important;
  display: none !important;
}

/* Text fit v150: final EOF lock for unclipped cockpit copy and special-training cards. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-rows: 148px 276px 420px 240px 240px 180px 232px 180px 150px 196px !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-xiaowen-briefing,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-xiaowen-briefing {
  height: 276px !important;
  min-height: 276px !important;
  max-height: 276px !important;
  padding: 24px 28px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy,
html body:has(.landing-workspace.active) .landing-xiaowen-briefing-copy {
  height: 100% !important;
  min-height: 0 !important;
  grid-template:
    "head stats" 32px
    "text stats" minmax(74px, auto)
    "advice stats" minmax(76px, 1fr)
    / minmax(0, 1fr) 372px !important;
  gap: 16px 28px !important;
  align-items: start !important;
}

html body[data-active-panel="landing"] #landingXiaowenBriefingText,
html body:has(.landing-workspace.active) #landingXiaowenBriefingText,
html body[data-active-panel="landing"] .landing-xiaowen-briefing-advice,
html body:has(.landing-workspace.active) .landing-xiaowen-briefing-advice {
  display: block !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #334155 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-special-training,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-special-training {
  height: 196px !important;
  min-height: 196px !important;
  max-height: 196px !important;
  padding: 22px 26px !important;
  display: grid !important;
  grid-template-rows: 28px minmax(0, 1fr) !important;
  gap: 18px !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-special-training-list,
html body:has(.landing-workspace.active) .landing-special-training-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  height: 126px !important;
  min-height: 126px !important;
  max-height: none !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item {
  height: 126px !important;
  min-height: 126px !important;
  max-height: 126px !important;
  padding: 16px !important;
  display: grid !important;
  grid-template:
    "icon title button" 30px
    "icon reason button" 36px
    "rate rate button" 34px
    / 42px minmax(0, 1fr) 96px !important;
  gap: 8px 14px !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-icon,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-icon {
  grid-area: icon !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  align-self: start !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > strong,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > strong {
  grid-area: title !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-reason,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-reason {
  grid-area: reason !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  color: #8a97ad !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > p,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > p {
  grid-area: rate !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: end !important;
  overflow: visible !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > p b,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > p b {
  color: #111827 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > em,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > em {
  grid-area: button !important;
  justify-self: end !important;
  align-self: end !important;
  width: 96px !important;
  min-width: 96px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 34px !important;
  white-space: nowrap !important;
}

/* Homepage hierarchy v184: one main recommendation, separate decision, follow-up, and report queue. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-rows: 164px 248px 420px 240px 240px 180px 232px 180px 150px 196px !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-welcome-panel {
  height: 164px !important;
  min-height: 164px !important;
  max-height: 164px !important;
  padding: 14px 0 16px 2px !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-welcome-copy,
html body:has(.landing-workspace.active) .landing-welcome-copy {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  gap: 14px !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-greeting-line,
html body:has(.landing-workspace.active) .landing-greeting-line {
  margin: 0 !important;
  min-height: 36px !important;
  line-height: 1.08 !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-training-statusbar,
html body:has(.landing-workspace.active) .landing-training-statusbar {
  width: min(100%, 1000px) !important;
  grid-template-columns: minmax(320px, 1.42fr) repeat(3, minmax(168px, 1fr)) !important;
  gap: 18px !important;
  align-items: end !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-training-status,
html body:has(.landing-workspace.active) .landing-training-status {
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-training-status:not(:first-child),
html body:has(.landing-workspace.active) .landing-training-status:not(:first-child) {
  min-height: 78px !important;
  height: 78px !important;
  padding: 12px 16px !important;
  display: grid !important;
  grid-template-rows: 14px 27px 14px !important;
  align-content: center !important;
  gap: 4px !important;
  border-radius: 16px !important;
}

html body[data-active-panel="landing"] .landing-training-status:not(:first-child) span,
html body:has(.landing-workspace.active) .landing-training-status:not(:first-child) span {
  font-size: 11px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-training-status:not(:first-child) strong,
html body:has(.landing-workspace.active) .landing-training-status:not(:first-child) strong {
  font-size: 24px !important;
  line-height: 1.08 !important;
  min-height: 27px !important;
  display: block !important;
}

html body[data-active-panel="landing"] .landing-training-status:not(:first-child) em,
html body:has(.landing-workspace.active) .landing-training-status:not(:first-child) em {
  font-size: 11px !important;
  line-height: 1.15 !important;
  min-height: 13px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .eyebrow,
html body:has(.landing-workspace.active) .landing-primary-recommendation .eyebrow {
  background: rgba(124, 77, 255, 0.12) !important;
  color: #6d4dff !important;
}

html body[data-active-panel="landing"] .landing-training-cockpit-stats div:nth-child(4),
html body:has(.landing-workspace.active) .landing-training-cockpit-stats div:nth-child(4) {
  border-color: rgba(91, 140, 255, 0.2) !important;
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.92), rgba(255, 255, 255, 0.94)) !important;
}

html body[data-active-panel="landing"] .landing-training-cockpit-stats div:nth-child(4) strong,
html body:has(.landing-workspace.active) .landing-training-cockpit-stats div:nth-child(4) strong {
  color: #2563eb !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom,
html body:has(.landing-workspace.active) .landing-coach-card-bottom {
  background:
    radial-gradient(circle at 92% 50%, rgba(91, 140, 255, 0.14), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(249, 251, 255, 0.96)) !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom .landing-coach-card-head span,
html body:has(.landing-workspace.active) .landing-coach-card-bottom .landing-coach-card-head span {
  color: #334155 !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom .landing-coach-card-head strong,
html body:has(.landing-workspace.active) .landing-coach-card-bottom .landing-coach-card-head strong {
  color: #2563eb !important;
}

html body[data-active-panel="landing"] .landing-special-training-head span,
html body:has(.landing-workspace.active) .landing-special-training-head span {
  color: #0f172a !important;
}

html body[data-active-panel="landing"] .landing-special-training-head strong,
html body:has(.landing-workspace.active) .landing-special-training-head strong {
  color: #64748b !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-rows: 224px 360px 420px 240px 240px 180px 232px 180px 150px 196px !important;
  }

  html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel,
  html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-welcome-panel {
    height: 224px !important;
    min-height: 224px !important;
    max-height: 224px !important;
  }

  html body[data-active-panel="landing"] .landing-training-statusbar,
  html body:has(.landing-workspace.active) .landing-training-statusbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-rows: 214px auto 420px 300px 300px 220px auto auto 180px auto !important;
  }

  html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-xiaowen-briefing,
  html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-xiaowen-briefing,
  html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-special-training,
  html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-special-training {
    height: auto !important;
    max-height: none !important;
  }

  html body[data-active-panel="landing"] .landing-special-training-list,
  html body:has(.landing-workspace.active) .landing-special-training-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}

/* Text fit v149: avoid clipping cockpit copy and generated special-training cards. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-rows: 148px 276px 420px 240px 240px 180px 232px 180px 150px 196px !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-xiaowen-briefing,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-xiaowen-briefing {
  height: 276px !important;
  min-height: 276px !important;
  max-height: 276px !important;
  padding: 24px 28px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy,
html body:has(.landing-workspace.active) .landing-xiaowen-briefing-copy {
  height: 100% !important;
  min-height: 0 !important;
  grid-template:
    "head stats" 32px
    "text stats" minmax(74px, auto)
    "advice stats" minmax(76px, 1fr)
    / minmax(0, 1fr) 372px !important;
  gap: 16px 28px !important;
  align-items: start !important;
}

html body[data-active-panel="landing"] #landingXiaowenBriefingText,
html body:has(.landing-workspace.active) #landingXiaowenBriefingText,
html body[data-active-panel="landing"] .landing-xiaowen-briefing-advice,
html body:has(.landing-workspace.active) .landing-xiaowen-briefing-advice {
  display: block !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #334155 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-advice strong,
html body:has(.landing-workspace.active) .landing-xiaowen-briefing-advice strong {
  line-height: 1.58 !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-special-training,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-special-training {
  height: 196px !important;
  min-height: 196px !important;
  max-height: 196px !important;
  padding: 22px 26px !important;
  display: grid !important;
  grid-template-rows: 28px minmax(0, 1fr) !important;
  gap: 18px !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-special-training-head,
html body:has(.landing-workspace.active) .landing-special-training-head {
  height: auto !important;
  min-height: 28px !important;
  margin: 0 !important;
  align-items: center !important;
}

html body[data-active-panel="landing"] .landing-special-training-list,
html body:has(.landing-workspace.active) .landing-special-training-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  height: 126px !important;
  min-height: 126px !important;
  max-height: none !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item {
  height: 126px !important;
  min-height: 126px !important;
  max-height: 126px !important;
  padding: 16px 16px !important;
  display: grid !important;
  grid-template:
    "icon title button" 30px
    "icon reason button" 36px
    "rate rate button" 34px
    / 42px minmax(0, 1fr) 96px !important;
  gap: 8px 14px !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-icon,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-icon {
  grid-area: icon !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  align-self: start !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > strong,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > strong {
  grid-area: title !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-reason,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-reason {
  grid-area: reason !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  color: #8a97ad !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > p,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > p {
  grid-area: rate !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: end !important;
  overflow: visible !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > p b,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > p b {
  color: #111827 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > em,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > em {
  grid-area: button !important;
  justify-self: end !important;
  align-self: end !important;
  width: 96px !important;
  min-width: 96px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 34px !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-rows: 214px auto 420px 300px 300px 220px auto auto 180px auto !important;
  }

  html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-xiaowen-briefing,
  html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-xiaowen-briefing,
  html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-special-training,
  html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-special-training {
    height: auto !important;
    max-height: none !important;
  }

  html body[data-active-panel="landing"] .landing-special-training-list,
  html body:has(.landing-workspace.active) .landing-special-training-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}

/* XiaoWen final identity v144: only one round coach entry in the bottom-right dock. */
html body #companionAmbientStage,
html body #companionAmbientStage.companion-ambient-stage,
html body #companionAmbientStage.companion-ambient-stage.companion-ambient-moment {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body #companionDock.companion-dock.companion-collapsed {
  width: 72px !important;
  max-width: 72px !important;
  right: calc(24px + var(--safe-right, 0px)) !important;
  bottom: calc(24px + var(--safe-bottom, 0px)) !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini {
  width: 64px !important;
  min-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 3px solid rgba(124, 77, 255, 0.72) !important;
  border-radius: 999px !important;
  background-color: #fff !important;
  background-image:
    radial-gradient(circle at 84% 84%, #22c55e 0 5px, transparent 5.8px),
    url("./assets/xiaowen-avatar.png") !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, cover !important;
  box-shadow:
    0 18px 38px rgba(124, 77, 255, 0.28),
    0 0 0 8px rgba(124, 77, 255, 0.08) !important;
  overflow: hidden !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini > * {
  display: none !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini::before,
html body #companionDock.companion-dock.companion-collapsed #companionMini::after {
  content: "" !important;
  display: none !important;
}

html body .character-stage-duo,
html body .companion-hud-orb,
html body .character-speech-bubble .character-figure,
html body .character-empty-state .character-figure {
  display: none !important;
}

html body .ai-system-empty-state,
html body .ai-coach-system-bubble,
html body .ai-coach-system-card {
  position: relative !important;
}

html body .ai-system-empty-mark {
  width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border-radius: 12px !important;
  color: #6d4dff !important;
  background: rgba(124, 77, 255, 0.1) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

/* Achievement title system v128: shared growth badges across home, reports and Xiaowen. */
html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  height: 164px !important;
  min-height: 164px !important;
  max-height: 164px !important;
  grid-template-rows: 18px 42px 30px 24px !important;
  gap: 7px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-achievement-title-list {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 30px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .achievement-title-chip,
.training-summary-achievements .achievement-title-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 26px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(124, 77, 255, 0.18) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(124, 77, 255, 0.12), rgba(91, 140, 255, 0.1), rgba(255, 255, 255, 0.95)) !important;
  color: #4f46e5 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 18px rgba(124, 77, 255, 0.08) !important;
}

html body[data-active-panel="landing"] .achievement-title-chip.is-primary,
.training-summary-achievements .achievement-title-chip.is-primary {
  border-color: rgba(34, 197, 94, 0.22) !important;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.14), rgba(91, 140, 255, 0.1), rgba(255, 255, 255, 0.96)) !important;
  color: #059669 !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip {
  min-height: 24px !important;
  padding: 5px 7px !important;
}

html body[data-active-panel="training-summary"] .training-summary-hero {
  grid-template-columns: minmax(0, 1fr) minmax(160px, 190px) minmax(220px, 280px) !important;
  align-items: stretch !important;
}

.training-summary-achievements {
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid rgba(124, 77, 255, 0.14) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(248, 250, 255, 0.98), rgba(244, 238, 255, 0.82)) !important;
}

.training-summary-achievements > span {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.training-summary-achievements > strong {
  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

.training-summary-achievements > em {
  color: #5b6b84 !important;
  font-style: normal !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

.training-summary-achievement-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="training-summary"] .training-summary-hero {
    grid-template-columns: 1fr !important;
  }
}

/* EOF dashboard drawer visibility lock v128: must stay last. */
.training-dashboard-drawer:not(.is-open) {
  transform: translateX(104%) !important;
}

.training-dashboard-drawer.is-open {
  transform: translateX(0) !important;
}

/* EOF training dashboard drawer v65. */
.training-dashboard-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 8990;
  background: rgba(15, 23, 42, 0.18);
  opacity: 0;
  transition: opacity 180ms ease;
}

.training-dashboard-drawer-backdrop.is-open {
  opacity: 1;
}

.training-dashboard-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9000;
  width: min(480px, calc(100vw - 24px));
  height: 100vh;
  padding: 24px;
  border-left: 1px solid rgba(124, 77, 255, 0.16);
  border-radius: 24px 0 0 24px;
  background:
    radial-gradient(circle at 16% 8%, rgba(124, 77, 255, 0.12), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: -18px 0 48px rgba(15, 23, 42, 0.14);
  transform: translateX(100%);
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  overflow-y: auto;
}

.training-dashboard-drawer.is-open {
  transform: translateX(0);
}

.training-dashboard-drawer-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.training-dashboard-drawer-head div {
  display: grid;
  gap: 8px;
}

.training-dashboard-drawer-head span,
.training-dashboard-section-head span {
  color: #7c4dff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
}

.training-dashboard-drawer-head strong {
  color: #0f172a;
  font-size: 24px;
  line-height: 1.2;
}

.training-dashboard-drawer-close {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 12px;
  background: #ffffff;
  color: #64748b;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.training-dashboard-section {
  display: grid;
  gap: 16px;
  margin-top: 24px;
  padding: 20px;
  border: 1px solid rgba(124, 77, 255, 0.14);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

.training-dashboard-section-head {
  display: grid;
  gap: 6px;
}

.training-dashboard-section-head strong {
  color: #0f172a;
  font-size: 18px;
  line-height: 1.3;
}

.training-direction-options {
  display: grid;
  gap: 10px;
}

.training-direction-option {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 14px;
  background: #ffffff;
  color: #172033;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.training-direction-option:hover {
  transform: translateY(-1px);
  border-color: rgba(124, 77, 255, 0.34);
  box-shadow: 0 10px 24px rgba(124, 77, 255, 0.1);
}

.training-direction-option input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #7c4dff;
}

.training-direction-option:has(input:checked) {
  border-color: rgba(124, 77, 255, 0.52);
  background: linear-gradient(135deg, rgba(124, 77, 255, 0.12), rgba(91, 140, 255, 0.08));
  box-shadow: 0 12px 28px rgba(124, 77, 255, 0.14);
}

.training-dashboard-effect {
  margin: 0;
  padding: 14px;
  border-radius: 14px;
  background: rgba(124, 77, 255, 0.08);
  color: #475569;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

/* EOF dashboard drawer v65: Customize Home opens a right-side training cockpit drawer. */
.training-dashboard-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(15, 23, 42, 0.28);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.training-dashboard-drawer-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.training-dashboard-drawer-backdrop[hidden] {
  display: none;
}

.training-dashboard-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  width: min(480px, calc(100vw - 24px));
  height: 100vh;
  padding: 24px;
  overflow-y: auto;
  background: #fff;
  border-left: 1px solid rgba(124, 77, 255, 0.16);
  border-radius: 24px 0 0 24px;
  box-shadow: -24px 0 60px rgba(15, 23, 42, 0.16);
  transform: translateX(104%);
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.training-dashboard-drawer.is-open {
  transform: translateX(0);
}

.training-dashboard-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.training-dashboard-drawer-head div {
  display: grid;
  gap: 6px;
}

.training-dashboard-drawer-head span,
.training-dashboard-section-head span {
  color: #7c4dff;
  font-size: 13px;
  font-weight: 800;
}

.training-dashboard-drawer-head strong {
  color: #0f172a;
  font-size: 24px;
  line-height: 1.2;
}

.training-dashboard-drawer-close {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 14px;
  background: #f8fafc;
  color: #64748b;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
}

.training-dashboard-section {
  display: grid;
  gap: 16px;
  margin-top: 24px;
  padding: 20px;
  border: 1px solid rgba(124, 77, 255, 0.12);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(245, 248, 252, 0.92), rgba(255, 255, 255, 0.98));
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
}

.training-dashboard-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.training-dashboard-section-head strong {
  color: #0f172a;
  font-size: 18px;
}

.training-direction-options,
.training-focus-options {
  display: grid;
  gap: 12px;
}

.training-focus-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.training-direction-option,
.training-focus-option {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: #fff;
  color: #0f172a;
  font-weight: 800;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease,
    background 160ms ease;
}

.training-direction-option:hover,
.training-focus-option:hover {
  transform: translateY(-1px);
  border-color: rgba(124, 77, 255, 0.28);
  box-shadow: 0 10px 24px rgba(124, 77, 255, 0.1);
}

.training-direction-option:has(input:checked),
.training-focus-option:has(input:checked) {
  border-color: rgba(124, 77, 255, 0.55);
  background: linear-gradient(135deg, rgba(124, 77, 255, 0.12), rgba(91, 140, 255, 0.08));
  box-shadow: 0 12px 28px rgba(124, 77, 255, 0.16);
}

.training-direction-option input,
.training-focus-option input {
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0;
  flex: 0 0 auto;
  appearance: none;
  border: 2px solid rgba(148, 163, 184, 0.5);
  background: #fff;
}

.training-direction-option input {
  border-radius: 50%;
}

.training-focus-option input {
  border-radius: 6px;
}

.training-direction-option input:checked,
.training-focus-option input:checked {
  border-color: #7c4dff;
  background: #7c4dff;
}

.training-direction-option input:checked::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: #fff;
}

.training-focus-option input:checked::after {
  content: "✓";
  position: absolute;
  inset: -2px 0 0 0;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  line-height: 18px;
}

.training-dashboard-effect {
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(124, 77, 255, 0.08);
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

body.training-dashboard-drawer-open {
  overflow: hidden;
}

@media (max-width: 560px) {
  .training-dashboard-drawer {
    width: calc(100vw - 12px);
    padding: 18px;
    border-radius: 20px 0 0 20px;
  }

  .training-focus-options {
    grid-template-columns: 1fr;
  }
}

/* EOF top action v64: only keep Customize Home in the welcome bar. */
html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel {
  grid-template-columns: minmax(0, 1fr) 164px !important;
  gap: 24px !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-coach-suggestion,
html body[data-active-panel="landing"] .landing-welcome-panel .landing-welcome-briefing {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-customize-home {
  justify-self: end !important;
  width: 164px !important;
  min-width: 164px !important;
}

/* Homepage height lock v61b: true final rule at EOF. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template:
    "welcome welcome welcome" 96px
    "growth growth briefing" 240px
    "recommendation recommendation recommendation" 320px
    "route route calendar" 240px
    "hardware questions coach" 180px
    "special special special" 180px
    / minmax(0, 1.18fr) minmax(0, 0.86fr) minmax(300px, 0.74fr) !important;
  row-gap: 40px !important;
  column-gap: 24px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-xiaowen-briefing,
html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center,
html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"] .landing-hardware-questions,
html body[data-active-panel="landing"] .landing-coach-card-bottom,
html body[data-active-panel="landing"] .landing-special-training {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  padding: 16px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center,
html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  padding: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head,
html body[data-active-panel="landing"] .landing-route-head,
html body[data-active-panel="landing"] .landing-hardware-head,
html body[data-active-panel="landing"] .landing-special-training-head,
html body[data-active-panel="landing"] .landing-heatmap-head,
html body[data-active-panel="landing"] .landing-coach-card-head {
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth {
  grid-template-rows: 24px 112px 24px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-list {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item {
  min-height: 112px !important;
  padding: 10px 10px 32px !important;
}

html body[data-active-panel="landing"] .landing-growth-score {
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center {
  display: grid !important;
  grid-template-rows: 28px 48px 6px 68px 24px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-head {
  height: 28px !important;
  min-height: 28px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage {
  height: 48px !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress-track {
  height: 6px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
  height: 68px !important;
  min-height: 68px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, 30px) !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step {
  height: 30px !important;
  min-height: 30px !important;
  grid-template-columns: 18px minmax(0, 1fr) auto !important;
  padding: 0 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-feedback {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  grid-template-rows: 24px 64px 80px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div {
  min-height: 64px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip {
  min-height: 80px !important;
  grid-template-rows: 16px 32px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip-head {
  display: flex !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus {
  grid-template-rows: 24px 104px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-hardware-chip-list {
  height: 104px !important;
  min-height: 104px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card {
  height: 104px !important;
  min-height: 104px !important;
  padding: 8px !important;
  grid-template-rows: 32px 14px 12px 22px !important;
  gap: 4px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card strong {
  min-height: 32px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card strong span {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 16px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery {
  min-height: 22px !important;
  gap: 3px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery > div {
  height: 11px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery i {
  height: 5px !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions {
  grid-template-rows: 24px 112px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-question-list {
  height: 112px !important;
  min-height: 112px !important;
  grid-template-rows: repeat(5, 20px) !important;
  gap: 3px !important;
}

html body[data-active-panel="landing"] .landing-hot-question {
  height: 20px !important;
  min-height: 20px !important;
  grid-template-rows: 20px !important;
}

html body[data-active-panel="landing"] .landing-question-more {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-copy,
html body[data-active-panel="landing"] .landing-coach-card-copy p {
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-coach-card-copy {
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-copy p {
  line-height: 1.45 !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom .primary-btn {
  height: 32px !important;
  min-height: 32px !important;
  margin-top: 0 !important;
}

html body[data-active-panel="landing"] .landing-special-training {
  grid-template-rows: 24px 108px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-special-training-list {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-special-training-item {
  min-height: 108px !important;
  padding: 12px !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template:
      "welcome" auto
      "growth" 240px
      "briefing" 240px
      "recommendation" 320px
      "route" 240px
      "calendar" 240px
      "hardware" 180px
      "questions" 180px
      "coach" 180px
      "special" 180px
      / minmax(0, 1fr) !important;
  }
}

/* Homepage height lock v61: final override after legacy compact rules. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template:
    "welcome welcome welcome" 96px
    "growth growth briefing" 240px
    "recommendation recommendation recommendation" 320px
    "route route calendar" 240px
    "hardware questions coach" 180px
    "special special special" 180px
    / minmax(0, 1.18fr) minmax(0, 0.86fr) minmax(300px, 0.74fr) !important;
  row-gap: 40px !important;
  column-gap: 24px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-xiaowen-briefing,
html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center,
html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"] .landing-hardware-questions,
html body[data-active-panel="landing"] .landing-coach-card-bottom,
html body[data-active-panel="landing"] .landing-special-training {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  padding: 16px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center,
html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  padding: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head,
html body[data-active-panel="landing"] .landing-route-head,
html body[data-active-panel="landing"] .landing-hardware-head,
html body[data-active-panel="landing"] .landing-special-training-head,
html body[data-active-panel="landing"] .landing-heatmap-head,
html body[data-active-panel="landing"] .landing-coach-card-head {
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth {
  grid-template-rows: 24px 112px 24px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-list {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item {
  min-height: 112px !important;
  padding: 10px 10px 32px !important;
}

html body[data-active-panel="landing"] .landing-growth-score {
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center {
  display: grid !important;
  grid-template-rows: 28px 48px 6px 68px 24px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-head {
  height: 28px !important;
  min-height: 28px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage {
  height: 48px !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress-track {
  height: 6px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
  height: 68px !important;
  min-height: 68px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, 30px) !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step {
  height: 30px !important;
  min-height: 30px !important;
  grid-template-columns: 18px minmax(0, 1fr) auto !important;
  padding: 0 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-feedback {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  grid-template-rows: 24px 64px 80px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div {
  min-height: 64px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip {
  min-height: 80px !important;
  grid-template-rows: 16px 32px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip-head {
  display: flex !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus {
  grid-template-rows: 24px 104px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-hardware-chip-list {
  height: 104px !important;
  min-height: 104px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card {
  height: 104px !important;
  min-height: 104px !important;
  padding: 8px !important;
  grid-template-rows: 32px 14px 12px 22px !important;
  gap: 4px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card strong {
  min-height: 32px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card strong span {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 16px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery {
  min-height: 22px !important;
  gap: 3px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery > div {
  height: 11px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery i {
  height: 5px !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions {
  grid-template-rows: 24px 112px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-question-list {
  height: 112px !important;
  min-height: 112px !important;
  grid-template-rows: repeat(5, 20px) !important;
  gap: 3px !important;
}

html body[data-active-panel="landing"] .landing-hot-question {
  height: 20px !important;
  min-height: 20px !important;
  grid-template-rows: 20px !important;
}

html body[data-active-panel="landing"] .landing-question-more {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-copy {
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-copy p {
  margin: 0 !important;
  line-height: 1.45 !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom .primary-btn {
  height: 32px !important;
  min-height: 32px !important;
  margin-top: 0 !important;
}

html body[data-active-panel="landing"] .landing-special-training {
  grid-template-rows: 24px 108px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-special-training-list {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-special-training-item {
  min-height: 108px !important;
  padding: 12px !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template:
      "welcome" auto
      "growth" 240px
      "briefing" 240px
      "recommendation" 320px
      "route" 240px
      "calendar" 240px
      "hardware" 180px
      "questions" 180px
      "coach" 180px
      "special" 180px
      / minmax(0, 1fr) !important;
  }
}

/* Homepage height fit v60: make the inside of each tier match its outer height. */
html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-route-card,
html body[data-active-panel="landing"] .landing-training-heatmap,
html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"] .landing-hardware-questions,
html body[data-active-panel="landing"] .landing-coach-card-bottom,
html body[data-active-panel="landing"] .landing-special-training {
  padding: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head,
html body[data-active-panel="landing"] .landing-route-head,
html body[data-active-panel="landing"] .landing-hardware-head,
html body[data-active-panel="landing"] .landing-special-training-head,
html body[data-active-panel="landing"] .landing-heatmap-head,
html body[data-active-panel="landing"] .landing-coach-card-head {
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth {
  grid-template-rows: 24px 112px 24px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-list {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item {
  min-height: 112px !important;
  padding: 10px 10px 32px !important;
}

html body[data-active-panel="landing"] .landing-growth-score {
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center {
  display: grid !important;
  grid-template-rows: 28px 48px 6px 68px 24px !important;
  gap: 8px !important;
  padding: 16px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-head {
  height: 28px !important;
  min-height: 28px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage {
  min-height: 48px !important;
  height: 48px !important;
  padding: 8px 12px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress-track {
  height: 6px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
  height: 68px !important;
  min-height: 68px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, 30px) !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step {
  height: 30px !important;
  min-height: 30px !important;
  grid-template-columns: 18px minmax(0, 1fr) auto !important;
  padding: 0 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-feedback {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-training-heatmap {
  grid-template-rows: 24px 64px 104px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div {
  min-height: 64px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip {
  min-height: 104px !important;
  grid-template-rows: 16px 48px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip-head {
  display: flex !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"] .landing-hardware-questions,
html body[data-active-panel="landing"] .landing-special-training {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-hardware-chip-list {
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card {
  min-height: 108px !important;
  padding: 8px !important;
  grid-template-rows: 36px 14px 12px 24px !important;
  gap: 4px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card strong span {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  font-size: 18px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery {
  min-height: 24px !important;
  gap: 4px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery > div {
  height: 12px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery i {
  height: 5px !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions {
  grid-template-rows: 24px 116px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-question-list {
  height: 116px !important;
  min-height: 116px !important;
  grid-template-rows: repeat(5, 20px) !important;
  gap: 3px !important;
}

html body[data-active-panel="landing"] .landing-hot-question {
  height: 20px !important;
  min-height: 20px !important;
  grid-template-rows: 20px !important;
}

html body[data-active-panel="landing"] .landing-question-more {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-special-training-list {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-special-training-item {
  min-height: 108px !important;
  padding: 12px !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template:
      "welcome" auto
      "growth" 240px
      "briefing" 240px
      "recommendation" 320px
      "route" 240px
      "calendar" 240px
      "hardware" 180px
      "questions" 180px
      "coach" 180px
      "special" 180px
      / minmax(0, 1fr) !important;
  }
}

/* Homepage spacing v58: normalize the dashboard to an 8px grid system. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  padding: 24px 24px 40px !important;
  column-gap: 24px !important;
  row-gap: 40px !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card {
  border-radius: 20px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation {
  padding: 24px 32px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation h1 {
  left: 32px !important;
}

html body[data-active-panel="landing"] .landing-project-ability-state,
html body[data-active-panel="landing"] #landingRecommendationText,
html body[data-active-panel="landing"] .landing-recommendation-reason,
html body[data-active-panel="landing"] .landing-recommendation-meta,
html body[data-active-panel="landing"] .landing-primary-action.primary-btn {
  left: 32px !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason {
  gap: 8px !important;
  padding: 8px !important;
  width: 432px !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason div {
  gap: 8px !important;
  padding: 8px !important;
}

/* Recommendation diagnosis v77: make the first cell read like AI analysis, not a score card. */
html body[data-active-panel="landing"] .landing-recommendation-reason div:first-of-type {
  grid-column: span 1 !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason div:first-of-type em {
  display: -webkit-box !important;
  max-width: 100% !important;
  color: #101828 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-labels span[data-radar-label="project"] {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-recommendation-meta {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-primary-action.primary-btn {
  bottom: 16px !important;
  height: 40px !important;
  min-height: 40px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-xiaowen-briefing,
html body[data-active-panel="landing"] .landing-route-card,
html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"] .landing-hardware-questions,
html body[data-active-panel="landing"] .landing-special-training,
html body[data-active-panel="landing"] .landing-coach-card-bottom {
  padding: 24px !important;
}

html body[data-active-panel="landing"] .landing-training-heatmap {
  padding: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy,
html body[data-active-panel="landing"] .landing-route-card,
html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"] .landing-hardware-questions,
html body[data-active-panel="landing"] .landing-special-training,
html body[data-active-panel="landing"] .landing-coach-card-copy,
html body[data-active-panel="landing"] .landing-training-heatmap {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head,
html body[data-active-panel="landing"] .landing-xiaowen-briefing-head,
html body[data-active-panel="landing"] .landing-route-head,
html body[data-active-panel="landing"] .landing-hardware-head,
html body[data-active-panel="landing"] .landing-special-training-head,
html body[data-active-panel="landing"] .landing-heatmap-head,
html body[data-active-panel="landing"] .landing-coach-card-head {
  margin: 0 0 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-list,
html body[data-active-panel="landing"] .landing-hardware-chip-list,
html body[data-active-panel="landing"] .landing-special-training-list {
  gap: 24px !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats,
html body[data-active-panel="landing"] .landing-achievement-list,
html body[data-active-panel="landing"] .landing-hero-radar-summary {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-question-list,
html body[data-active-panel="landing"] .landing-ai-timeline,
html body[data-active-panel="landing"] .landing-heatmap-strip,
html body[data-active-panel="landing"] .landing-heatmap-grid {
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-question-more,
html body[data-active-panel="landing"] .landing-coach-card-bottom .primary-btn {
  margin-top: 16px !important;
}

html body[data-active-panel="landing"] .landing-special-training-item,
html body[data-active-panel="landing"] .landing-weekly-growth-item,
html body[data-active-panel="landing"] .landing-hardware-card {
  padding: 16px !important;
}

html body[data-active-panel="landing"] .landing-special-training-item {
  column-gap: 16px !important;
  row-gap: 8px !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    padding: 24px 24px 40px !important;
    row-gap: 40px !important;
    column-gap: 24px !important;
  }
}

/* Homepage height system v59: large 320, medium 240, small 180. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template:
    "welcome welcome welcome" 96px
    "growth growth briefing" 240px
    "recommendation recommendation recommendation" 320px
    "route route calendar" 240px
    "hardware questions coach" 180px
    "special special special" 180px
    / minmax(0, 1.18fr) minmax(0, 0.86fr) minmax(300px, 0.74fr) !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-xiaowen-briefing,
html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-route-card.landing-ai-task-center {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"] .landing-hardware-questions,
html body[data-active-panel="landing"] .landing-coach-card-bottom,
html body[data-active-panel="landing"] .landing-special-training,
html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center::before {
  height: 76px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-head {
  min-height: 32px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage {
  min-height: 58px !important;
  padding: 12px 16px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
  grid-template-rows: repeat(4, 1fr) !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step {
  min-height: 30px !important;
  padding: 0 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-list {
  align-items: stretch !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item {
  min-height: 112px !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats div {
  min-height: 48px !important;
}

html body[data-active-panel="landing"] .landing-training-heatmap {
  grid-template-rows: 20px 56px 40px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-achievement-list {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div {
  min-height: 56px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip {
  min-height: 40px !important;
  grid-template-rows: 8px 8px !important;
}

html body[data-active-panel="landing"] .landing-special-training-list {
  align-items: stretch !important;
}

html body[data-active-panel="landing"] .landing-special-training-item {
  min-height: 100px !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template:
      "welcome" auto
      "growth" 240px
      "briefing" 240px
      "recommendation" 320px
      "route" 240px
      "calendar" 180px
      "hardware" 180px
      "questions" 180px
      "coach" 180px
      "special" 180px
      / minmax(0, 1fr) !important;
  }
}

/* Homepage height lock v61c: terminal override, do not place legacy rules after this. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template:
    "welcome welcome welcome" 96px
    "growth growth briefing" 240px
    "recommendation recommendation recommendation" 320px
    "route route calendar" 240px
    "hardware questions coach" 180px
    "special special special" 180px
    / minmax(0, 1.18fr) minmax(0, 0.86fr) minmax(300px, 0.74fr) !important;
  row-gap: 40px !important;
  column-gap: 24px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-xiaowen-briefing,
html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center,
html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"] .landing-hardware-questions,
html body[data-active-panel="landing"] .landing-coach-card-bottom,
html body[data-active-panel="landing"] .landing-special-training {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  padding: 16px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center,
html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  padding: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head,
html body[data-active-panel="landing"] .landing-route-head,
html body[data-active-panel="landing"] .landing-hardware-head,
html body[data-active-panel="landing"] .landing-special-training-head,
html body[data-active-panel="landing"] .landing-heatmap-head,
html body[data-active-panel="landing"] .landing-coach-card-head {
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth {
  grid-template-rows: 24px 112px 24px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-list {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth .landing-weekly-growth-item {
  min-height: 112px !important;
  padding: 10px 10px 32px !important;
}

html body[data-active-panel="landing"] .landing-growth-score {
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center {
  display: grid !important;
  grid-template-rows: 28px 48px 6px 68px 24px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-head {
  height: 28px !important;
  min-height: 28px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage {
  height: 48px !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress-track {
  height: 6px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
  height: 68px !important;
  min-height: 68px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, 30px) !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step {
  height: 30px !important;
  min-height: 30px !important;
  grid-template-columns: 18px minmax(0, 1fr) auto !important;
  padding: 0 8px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-feedback {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  grid-template-rows: 24px 64px 80px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-achievement-list div {
  min-height: 64px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip {
  min-height: 80px !important;
  grid-template-rows: 16px 32px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip-head {
  display: flex !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus {
  grid-template-rows: 24px 104px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-hardware-chip-list {
  height: 104px !important;
  min-height: 104px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card {
  height: 104px !important;
  min-height: 104px !important;
  padding: 8px !important;
  grid-template-rows: 32px 14px 12px 22px !important;
  gap: 4px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card strong {
  min-height: 32px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card strong span {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 16px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery {
  min-height: 22px !important;
  gap: 3px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery > div {
  height: 11px !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery i {
  height: 5px !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions {
  grid-template-rows: 24px 112px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-question-list {
  height: 112px !important;
  min-height: 112px !important;
  grid-template-rows: repeat(5, 20px) !important;
  gap: 3px !important;
}

html body[data-active-panel="landing"] .landing-hot-question {
  height: 20px !important;
  min-height: 20px !important;
  grid-template-rows: 20px !important;
}

html body[data-active-panel="landing"] .landing-question-more {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-copy,
html body[data-active-panel="landing"] .landing-coach-card-copy p {
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-coach-card-copy {
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-copy p {
  line-height: 1.45 !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom .primary-btn {
  height: 32px !important;
  min-height: 32px !important;
  margin-top: 0 !important;
}

html body[data-active-panel="landing"] .landing-special-training {
  grid-template-rows: 24px 108px !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-special-training-list {
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-special-training-item {
  min-height: 108px !important;
  padding: 12px !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template:
      "welcome" auto
      "growth" 240px
      "briefing" 240px
      "recommendation" 320px
      "route" 240px
      "calendar" 240px
      "hardware" 180px
      "questions" 180px
      "coach" 180px
      "special" 180px
      / minmax(0, 1fr) !important;
  }
}
/* EOF hardware height lock v63: must remain last. */
html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-chip-list {
  height: 104px !important;
  min-height: 104px !important;
  grid-template-rows: 104px !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-chip-list .landing-hardware-card {
  height: 104px !important;
  min-height: 104px !important;
  max-height: 104px !important;
  padding: 8px !important;
  grid-template-rows: 32px 14px 12px 22px !important;
  gap: 4px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card strong {
  min-height: 32px !important;
  height: 32px !important;
  gap: 4px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card strong span {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 16px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-mastery {
  min-height: 22px !important;
  height: 22px !important;
  gap: 3px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-mastery > div {
  height: 11px !important;
  min-height: 11px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-mastery i {
  height: 5px !important;
  min-height: 5px !important;
}

/* EOF top action v64c: welcome bar keeps only Customize Home. */
html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel {
  grid-template-columns: minmax(0, 1fr) 164px !important;
  gap: 24px !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-coach-suggestion,
html body[data-active-panel="landing"] .landing-welcome-panel .landing-welcome-briefing {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-customize-home {
  justify-self: end !important;
  width: 164px !important;
  min-width: 164px !important;
}

/* EOF dashboard module composer v71. */
.training-module-order-list,
.training-module-visibility-options {
  display: grid;
  gap: 10px;
}

.training-module-order-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 15px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.035);
  cursor: grab;
  user-select: none;
}

.training-module-order-item.is-dragging {
  opacity: 0.55;
  cursor: grabbing;
}

.training-module-grip {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(124, 77, 255, 0.1);
  color: #7c4dff;
  font-size: 14px;
  font-weight: 900;
}

.training-module-order-item strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 900;
}

.training-module-order-item > div {
  display: inline-flex;
  gap: 6px;
}

.training-module-order-item button {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 9px;
  background: rgba(124, 77, 255, 0.1);
  color: #6d4dff;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.training-module-order-item button:hover {
  background: rgba(124, 77, 255, 0.18);
}

.training-module-visibility-options {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.training-module-visibility-option {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 14px;
  background: #fff;
  color: #0f172a;
  font-size: 14px;
  font-weight: 850;
  cursor: pointer;
}

.training-module-visibility-option input {
  width: 18px;
  height: 18px;
  accent-color: #7c4dff;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-areas: none !important;
  grid-template-rows: none !important;
  grid-auto-flow: row dense !important;
  grid-auto-rows: auto !important;
  row-gap: 40px !important;
  column-gap: 24px !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > .section-card {
  grid-area: auto !important;
  grid-column: span 4 !important;
  order: 80;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-primary-recommendation,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-weekly-growth,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-route-card.landing-ai-task-center,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-hardware-questions,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-special-training,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-xiaowen-briefing,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] #landingAchievementCenter.section-card.landing-training-heatmap {
  grid-area: auto !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > .landing-welcome-panel {
  grid-column: 1 / -1 !important;
  order: 0 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="recommendation"] {
  grid-column: span 12 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="growth"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="special"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="briefing"] {
  grid-column: span 8 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="route"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="questions"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="achievement"] {
  grid-column: span 4 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-dashboard-optional {
  display: grid;
  gap: 2px;
  min-height: 48px;
  padding: 10px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(124, 77, 255, 0.08), rgba(91, 140, 255, 0.08));
  border: 1px solid rgba(124, 77, 255, 0.12);
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-dashboard-optional span,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-dashboard-optional em {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  font-style: normal;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-dashboard-optional strong {
  color: #4f46e5;
  font-size: 18px;
  font-weight: 950;
}

html body[data-active-panel="landing"][data-show-training-calendar="false"] .landing-heatmap-strip,
html body[data-active-panel="landing"][data-show-leaderboard="false"] #landingLeaderboardPanel,
html body[data-active-panel="landing"][data-show-achievement-wall="false"] #landingAchievementWallPanel {
  display: none !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] #landingAchievementCenter.section-card.landing-training-heatmap {
  max-height: none !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"][data-show-training-calendar="false"] #landingAchievementCenter.section-card.landing-training-heatmap {
  grid-template-rows: 24px minmax(64px, auto) !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"][data-show-leaderboard="true"] #landingAchievementCenter.section-card.landing-training-heatmap,
html body[data-active-panel="landing"][data-landing-module-layout="custom"][data-show-achievement-wall="true"] #landingAchievementCenter.section-card.landing-training-heatmap {
  height: auto !important;
  min-height: 240px !important;
  grid-template-rows: 24px minmax(64px, auto) auto auto !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > .section-card,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key] {
    grid-column: 1 / -1 !important;
  }
}

/* EOF dashboard drawer goal controls v70. */
.training-goal-options {
  display: grid;
  gap: 12px;
}

.training-goal-option {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: #fff;
  color: #0f172a;
  font-weight: 800;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease,
    background 160ms ease;
}

.training-goal-option:hover {
  transform: translateY(-1px);
  border-color: rgba(124, 77, 255, 0.28);
  box-shadow: 0 10px 24px rgba(124, 77, 255, 0.1);
}

.training-goal-option:has(input:checked) {
  border-color: rgba(124, 77, 255, 0.55);
  background: linear-gradient(135deg, rgba(124, 77, 255, 0.12), rgba(91, 140, 255, 0.08));
  box-shadow: 0 12px 28px rgba(124, 77, 255, 0.16);
}

.training-goal-option input {
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0;
  flex: 0 0 auto;
  appearance: none;
  border: 2px solid rgba(148, 163, 184, 0.5);
  border-radius: 50%;
  background: #fff;
}

.training-goal-option input:checked {
  border-color: #7c4dff;
  background: #7c4dff;
}

.training-goal-option input:checked::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: #fff;
}

/* Dashboard target board v75. */
html body[data-active-panel="landing"] .topbar {
  display: grid !important;
  grid-template-columns: minmax(140px, 1fr) minmax(360px, 600px) minmax(220px, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 64px !important;
  padding: 12px 22px !important;
}

html.react-student-embedded body[data-active-panel="landing"] .topbar {
  display: grid !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body[data-active-panel="landing"] .topbar-right {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 260px !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body[data-active-panel="landing"] .topbar-user-wrap {
  display: none !important;
}

html body[data-active-panel="landing"] .topbar .landing-customize-home {
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 156px !important;
  min-width: 156px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

html body[data-active-panel="landing"] .landing-training-statusbar {
  grid-template-columns: minmax(180px, 1.35fr) repeat(3, minmax(112px, 1fr)) !important;
  align-items: center !important;
  width: min(100%, 760px) !important;
}

html body[data-active-panel="landing"] .landing-training-status:first-child {
  height: 56px !important;
  padding: 8px 14px !important;
  border-color: rgba(124, 77, 255, 0.24) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 244, 255, 0.92)),
    linear-gradient(135deg, rgba(124, 77, 255, 0.16), rgba(91, 140, 255, 0.08)) !important;
}

html body[data-active-panel="landing"] .landing-training-status:first-child span {
  font-size: 12px !important;
}

html body[data-active-panel="landing"] .landing-training-status:first-child strong {
  display: flex !important;
  align-items: baseline !important;
  gap: 2px !important;
  margin-top: 2px !important;
  color: #6d4dff !important;
  font-size: 32px !important;
  line-height: 0.95 !important;
  letter-spacing: 0 !important;
}

html body[data-active-panel="landing"] .landing-training-status:first-child strong small {
  color: #6d4dff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.training-ability-target-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.training-ability-target-card {
  display: grid;
  gap: 6px;
  min-height: 96px;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
}

.training-ability-target-card span,
.training-ability-target-card em {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
  font-style: normal;
}

.training-ability-target-card strong,
.training-ability-target-card input {
  color: #0f172a;
  font-size: 28px;
  font-weight: 950;
  line-height: 1;
}

.training-ability-target-card.is-current strong,
.training-ability-target-card.is-rounds strong {
  color: #6d4dff;
}

.training-ability-target-card input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  appearance: textfield;
}

.training-ability-target-card input::-webkit-outer-spin-button,
.training-ability-target-card input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.training-dashboard-actions {
  position: sticky;
  bottom: -18px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 18px;
  padding: 16px 0 2px;
  background: linear-gradient(180deg, rgba(245, 248, 252, 0), #f5f8fc 38%);
}

.training-dashboard-secondary-action,
.training-dashboard-primary-action {
  min-width: 118px;
  min-height: 44px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}

.training-dashboard-secondary-action {
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: #fff;
  color: #334155;
}

.training-dashboard-primary-action {
  border: 0;
  background: linear-gradient(135deg, #7c4dff, #5b8cff);
  color: #fff;
  box-shadow: 0 14px 30px rgba(124, 77, 255, 0.22);
}

@media (max-width: 1180px) {
  .training-ability-target-board {
    grid-template-columns: 1fr;
  }
}

/* Recommendation ability panel v78. */
html body[data-active-panel="landing"] .landing-primary-recommendation .landing-recommendation-preview {
  right: 32px !important;
  top: 28px !important;
  bottom: 28px !important;
  width: clamp(340px, 34vw, 430px) !important;
  height: auto !important;
  border: 1px solid rgba(124, 77, 255, 0.12) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(124, 77, 255, 0.1), transparent 24%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(242, 248, 255, 0.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 24px 60px rgba(91, 140, 255, 0.12) !important;
}

html body[data-active-panel="landing"] .landing-hero-3d-img,
html body[data-active-panel="landing"] .landing-hero-status-strip,
html body[data-active-panel="landing"] .landing-hero-wireframe,
html body[data-active-panel="landing"] .landing-hero-orbit,
html body[data-active-panel="landing"] .landing-hero-stack,
html body[data-active-panel="landing"] .landing-hero-panel,
html body[data-active-panel="landing"] .landing-hero-chip {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-card {
  position: absolute !important;
  inset: 18px !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 16px 18px !important;
  display: grid !important;
  grid-template-rows: auto auto auto minmax(112px, 1fr) auto auto !important;
  gap: 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: blur(14px) !important;
}

html body[data-active-panel="landing"] .landing-hero-metric-row {
  display: grid !important;
  grid-template-columns: 1.12fr 0.86fr 1fr !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-hero-metric-row div {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(248, 250, 255, 0.98), rgba(255, 255, 255, 0.86)) !important;
  box-shadow: inset 0 0 0 1px rgba(124, 77, 255, 0.08) !important;
}

html body[data-active-panel="landing"] .landing-hero-metric-row span {
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hero-metric-row strong {
  color: #111827 !important;
  font-size: 21px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

html body[data-active-panel="landing"] .landing-hero-metric-row div:first-child strong {
  color: #7c4dff !important;
  font-size: 28px !important;
}

html body[data-active-panel="landing"] .landing-hero-metric-row div:nth-child(2) strong,
html body[data-active-panel="landing"] .landing-hero-metric-row div:nth-child(3) strong {
  color: #22c55e !important;
}

html body[data-active-panel="landing"] .landing-hero-divider {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.28), transparent) !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-title {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-wrap {
  height: 122px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-svg {
  width: 118px !important;
  height: 118px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-summary {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-summary span {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 9px 2px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
  color: #64748b !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-summary span:last-child {
  border-bottom: 0 !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-summary b {
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] #landingHeroStrongItem {
  color: #7c4dff !important;
}

html body[data-active-panel="landing"] #landingHeroWeakItem {
  color: #ef4444 !important;
}

/* Homepage layout rescue v80: stable 12-column cockpit grid and no online capsule. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  display: grid !important;
  grid-template:
    "welcome welcome welcome welcome welcome welcome welcome welcome welcome welcome welcome welcome" 112px
    "briefing briefing briefing briefing recommendation recommendation recommendation recommendation recommendation recommendation recommendation recommendation" 420px
    "growth growth growth growth growth growth growth growth growth growth growth growth" 240px
    "route route route route route route route calendar calendar calendar calendar calendar" 240px
    "hardware hardware hardware hardware hardware hardware hardware hardware hardware hardware hardware hardware" 180px
    "questions questions questions questions questions questions questions coach coach coach coach coach" 180px
    "special special special special special special special special special special special special" 180px
    / repeat(12, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: auto !important;
  row-gap: 40px !important;
  column-gap: 24px !important;
  align-items: start !important;
  padding: 24px 24px 40px !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card {
  min-width: 0 !important;
  grid-column: auto !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel {
  grid-area: welcome !important;
  order: 0 !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing {
  grid-area: briefing !important;
  order: 10 !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation {
  grid-area: recommendation !important;
  order: 20 !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth {
  grid-area: growth !important;
  order: 30 !important;
}

html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center {
  grid-area: route !important;
  order: 40 !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  grid-area: calendar !important;
  order: 50 !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus {
  grid-area: hardware !important;
  order: 60 !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions {
  grid-area: questions !important;
  order: 70 !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom {
  grid-area: coach !important;
  order: 80 !important;
}

html body[data-active-panel="landing"] .landing-special-training {
  grid-area: special !important;
  order: 90 !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation {
  position: relative !important;
  height: 420px !important;
  min-height: 420px !important;
  max-height: 420px !important;
  padding: 24px 32px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .eyebrow {
  left: 32px !important;
  top: 32px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation h1 {
  left: 32px !important;
  top: 78px !important;
  margin-top: 0 !important;
  max-width: calc(100% - 520px) !important;
  font-size: 28px !important;
  line-height: 1.12 !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .landing-training-tag {
  left: min(430px, calc(100% - 500px)) !important;
  top: 82px !important;
}

html body[data-active-panel="landing"] .landing-project-ability-state {
  left: 32px !important;
  top: 126px !important;
}

html body[data-active-panel="landing"] #landingRecommendationText {
  left: 32px !important;
  top: 168px !important;
  width: clamp(420px, calc(100% - 560px), 560px) !important;
  max-width: 560px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason {
  left: 32px !important;
  top: 218px !important;
  width: clamp(460px, calc(100% - 560px), 560px) !important;
  min-height: 66px !important;
  grid-template-columns: 94px repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-recommendation-meta {
  left: 32px !important;
  bottom: 76px !important;
  width: clamp(460px, calc(100% - 560px), 560px) !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-recommendation-meta span {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}

html body[data-active-panel="landing"] .landing-primary-action.primary-btn {
  left: 32px !important;
  bottom: 24px !important;
  width: 214px !important;
  height: 44px !important;
  min-height: 44px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .landing-recommendation-preview {
  right: 32px !important;
  top: 30px !important;
  bottom: 30px !important;
  width: clamp(330px, 31vw, 420px) !important;
  height: auto !important;
}

html body[data-active-panel="landing"] .landing-hero-capability-card {
  inset: 14px !important;
  padding: 14px 16px !important;
  gap: 8px !important;
  grid-template-rows: auto auto auto minmax(102px, 1fr) auto auto !important;
}

html body[data-active-panel="landing"] .landing-hero-metric-row {
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-hero-metric-row div {
  padding: 8px 9px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-wrap {
  height: 108px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-svg {
  width: 106px !important;
  height: 106px !important;
}

html body[data-active-panel="landing"] .landing-hero-radar-summary span {
  padding: 8px 2px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth,
html body[data-active-panel="landing"] .landing-xiaowen-briefing,
html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center,
html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"] .landing-hardware-questions,
html body[data-active-panel="landing"] .landing-coach-card-bottom,
html body[data-active-panel="landing"] .landing-special-training {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap {
  grid-template-rows: 24px 72px 56px !important;
  gap: 16px !important;
  padding: 16px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter .landing-achievement-list {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter .landing-achievement-list div {
  min-height: 72px !important;
  padding: 10px 8px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter .landing-achievement-list span {
  font-size: 10px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter .landing-achievement-list strong {
  font-size: 20px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip {
  display: grid !important;
  grid-template-rows: 14px 10px !important;
  min-height: 56px !important;
}

html body[data-active-panel="landing"] .landing-heatmap-strip-head {
  display: flex !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions .landing-question-list {
  gap: 5px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom {
  padding: 18px 20px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-copy p {
  max-width: 100% !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

html body[data-active-panel="landing"] #aiDynamicStatus,
html body[data-active-panel="landing"] #companionMiniBubble,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini::before,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini::after {
  display: none !important;
  visibility: hidden !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini {
  width: 84px !important;
  min-width: 84px !important;
  height: 84px !important;
  min-height: 84px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini > * {
  display: none !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniAvatarStage,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniCharacter {
  display: block !important;
  visibility: visible !important;
}

@media (max-width: 1380px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template:
      "welcome" auto
      "briefing" 240px
      "recommendation" 420px
      "growth" 240px
      "route" 240px
      "calendar" 240px
      "hardware" 180px
      "questions" 180px
      "coach" 180px
      "special" 180px
      / minmax(0, 1fr) !important;
  }
}

@media (max-width: 900px) {
  html body[data-active-panel="landing"] .shell {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-active-panel="landing"] .shell.sidebar-expanded,
  html body[data-active-panel="landing"] .shell.sidebar-collapsed {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-active-panel="landing"] .sidebar {
    display: none !important;
  }

  html body[data-active-panel="landing"] .main {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body[data-active-panel="landing"] .topbar {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px 12px !important;
  }

  html body[data-active-panel="landing"] .topbar-left {
    display: none !important;
  }

  html body[data-active-panel="landing"] .topbar-center {
    min-width: 0 !important;
    width: 100% !important;
  }

  html body[data-active-panel="landing"] .topbar-search {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body[data-active-panel="landing"] .topbar-right {
    display: none !important;
  }

  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 14px 32px !important;
    row-gap: 24px !important;
  }

  html body[data-active-panel="landing"] .landing-home-grid > .section-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body[data-active-panel="landing"] .landing-primary-recommendation {
    height: 430px !important;
    min-height: 430px !important;
    max-height: 430px !important;
    padding: 18px !important;
  }

  html body[data-active-panel="landing"] .landing-primary-recommendation .landing-recommendation-preview {
    display: none !important;
  }

  html body[data-active-panel="landing"] .landing-primary-recommendation .eyebrow {
    left: 18px !important;
    top: 18px !important;
  }

  html body[data-active-panel="landing"] .landing-primary-recommendation h1 {
    left: 18px !important;
    top: 64px !important;
    max-width: calc(100% - 36px) !important;
    font-size: 23px !important;
  }

  html body[data-active-panel="landing"] .landing-primary-recommendation .landing-training-tag {
    left: 18px !important;
    top: 104px !important;
  }

  html body[data-active-panel="landing"] .landing-project-ability-state {
    left: 18px !important;
    top: 134px !important;
  }

  html body[data-active-panel="landing"] #landingRecommendationText {
    left: 18px !important;
    top: 172px !important;
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    white-space: normal !important;
  }

  html body[data-active-panel="landing"] .landing-recommendation-reason {
    left: 18px !important;
    top: 226px !important;
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-height: 96px !important;
  }

  html body[data-active-panel="landing"] .landing-recommendation-reason > span {
    grid-column: 1 / -1 !important;
    min-height: 32px !important;
  }

  html body[data-active-panel="landing"] .landing-recommendation-reason div:first-of-type {
    grid-column: 1 / -1 !important;
  }

  html body[data-active-panel="landing"] .landing-recommendation-meta {
    left: 18px !important;
    bottom: 70px !important;
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  html body[data-active-panel="landing"] .landing-recommendation-meta span {
    min-width: 0 !important;
    padding: 0 6px !important;
    font-size: 10px !important;
  }

  html body[data-active-panel="landing"] .landing-primary-action.primary-btn {
    left: 18px !important;
    bottom: 18px !important;
    width: calc(100% - 36px) !important;
  }

  html body[data-active-panel="landing"] .landing-weekly-growth,
  html body[data-active-panel="landing"] .landing-xiaowen-briefing,
  html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center,
  html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap,
  html body[data-active-panel="landing"] .landing-hardware-focus,
  html body[data-active-panel="landing"] .landing-hardware-questions,
  html body[data-active-panel="landing"] .landing-coach-card-bottom,
  html body[data-active-panel="landing"] .landing-special-training {
    min-width: 0 !important;
  }
}

/* Remove AI online capsule v81: keep only the Xiaowen avatar button. */
html body #aiDynamicStatus,
html body .ai-dynamic-status-pill {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body #companionDock.companion-dock.companion-collapsed {
  width: 84px !important;
  max-width: 84px !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini {
  position: relative !important;
  width: 84px !important;
  min-width: 84px !important;
  height: 84px !important;
  min-height: 84px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  animation: none !important;
  transform: none !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini::before,
html body #companionDock.companion-dock.companion-collapsed #companionMini::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
  pointer-events: none !important;
}

html body #companionDock.companion-dock.companion-collapsed .companion-mini-bubble,
html body #companionDock.companion-dock.companion-collapsed .companion-mini-badge,
html body #companionDock.companion-dock.companion-collapsed .companion-drag-handle,
html body #companionDock.companion-dock.companion-collapsed #companionMiniAvatar,
html body #companionDock.companion-dock.companion-collapsed #companionMiniName,
html body #companionDock.companion-dock.companion-collapsed #companionMiniState,
html body #companionDock.companion-dock.companion-collapsed #companionMiniText {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini > span {
  display: none !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMiniAvatarStage {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 82px !important;
  min-width: 82px !important;
  height: 82px !important;
  min-height: 82px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  box-shadow:
    0 0 0 3px rgba(124, 77, 255, 0.28),
    0 12px 28px rgba(79, 70, 229, 0.2) !important;
  pointer-events: none !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMiniCharacter {
  position: absolute !important;
  left: 50% !important;
  top: 66% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 126% !important;
  height: 126% !important;
  object-fit: cover !important;
  object-position: center 26% !important;
  transform: translate(-50%, -50%) !important;
}

/* Decision flow v82: AI decision center leads directly into today's training. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template:
    "welcome welcome welcome welcome welcome welcome welcome welcome welcome welcome welcome welcome" 112px
    "briefing briefing briefing briefing briefing briefing briefing briefing briefing briefing briefing briefing" 180px
    "recommendation recommendation recommendation recommendation recommendation recommendation recommendation recommendation recommendation recommendation recommendation recommendation" 420px
    "growth growth growth growth growth growth growth growth growth growth growth growth" 240px
    "route route route route route route route calendar calendar calendar calendar calendar" 240px
    "hardware hardware hardware hardware hardware hardware hardware hardware hardware hardware hardware hardware" 180px
    "questions questions questions questions questions questions questions coach coach coach coach coach" 180px
    "special special special special special special special special special special special special" 180px
    / repeat(12, minmax(0, 1fr)) !important;
  row-gap: 32px !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing {
  grid-area: briefing !important;
  order: 10 !important;
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  padding: 22px 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(124, 77, 255, 0.14) !important;
  background:
    radial-gradient(circle at 94% 14%, rgba(124, 77, 255, 0.1), transparent 26%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)) !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 5px !important;
  border-radius: 20px 0 0 20px !important;
  background: linear-gradient(180deg, #7c4dff, #5b8cff) !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy {
  position: relative !important;
  z-index: 1 !important;
  height: 100% !important;
  display: grid !important;
  grid-template:
    "head stats" auto
    "text stats" auto
    "advice stats" 1fr
    / minmax(0, 1fr) minmax(300px, 360px) !important;
  gap: 12px 24px !important;
  align-items: center !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-head {
  grid-area: head !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-head span {
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 1000 !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-head strong {
  color: #7c4dff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body[data-active-panel="landing"] #landingXiaowenBriefingText {
  grid-area: text !important;
  margin: 0 !important;
  max-width: 100% !important;
  color: #334155 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.48 !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-advice {
  grid-area: advice !important;
  margin: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-advice br {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-advice strong {
  color: #5b46ff !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats {
  grid-area: stats !important;
  align-self: stretch !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats div {
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 14px 12px !important;
  border: 1px solid rgba(124, 77, 255, 0.12) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats strong {
  color: #5b46ff !important;
  font-size: 24px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation {
  grid-area: recommendation !important;
  order: 20 !important;
}

@media (max-width: 1380px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template:
      "welcome" auto
      "briefing" 190px
      "recommendation" 420px
      "growth" 240px
      "route" 240px
      "calendar" 240px
      "hardware" 180px
      "questions" 180px
      "coach" 180px
      "special" 180px
      / minmax(0, 1fr) !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
  }
}

@media (max-width: 900px) {
  html body[data-active-panel="landing"] .landing-xiaowen-briefing {
    height: auto !important;
    min-height: 220px !important;
    max-height: none !important;
    padding: 18px !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy {
    grid-template:
      "head" auto
      "text" auto
      "advice" auto
      "stats" auto
      / minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Custom homepage placement lock v83: prevent old custom spans from breaking the decision flow. */
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > .section-card,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > [data-home-module-key] {
  grid-column: auto !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-welcome-panel {
  grid-area: welcome !important;
  grid-column: 1 / -1 !important;
  order: 0 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="briefing"] {
  grid-area: briefing !important;
  grid-column: 1 / -1 !important;
  order: 10 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="recommendation"] {
  grid-area: recommendation !important;
  grid-column: 1 / -1 !important;
  order: 20 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="growth"] {
  grid-area: growth !important;
  grid-column: 1 / -1 !important;
  order: 30 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="route"] {
  grid-area: route !important;
  grid-column: auto !important;
  order: 40 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="achievement"] {
  grid-area: calendar !important;
  grid-column: auto !important;
  order: 50 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="hardware"] {
  grid-area: hardware !important;
  grid-column: 1 / -1 !important;
  order: 60 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="questions"] {
  grid-area: questions !important;
  grid-column: auto !important;
  order: 70 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="coach"] {
  grid-area: coach !important;
  grid-column: auto !important;
  order: 80 !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="special"] {
  grid-area: special !important;
  grid-column: 1 / -1 !important;
  order: 90 !important;
}

/* Container placement lock v87: 20-column cockpit grid enables 55/45 question-coach split. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-areas: none !important;
  grid-template-rows: 112px 180px 420px 240px 240px 180px 180px 180px !important;
  grid-template-columns: repeat(20, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: auto !important;
  row-gap: 32px !important;
  column-gap: 24px !important;
}

@media (max-width: 1380px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-areas: none !important;
    grid-template-rows: auto 190px 420px 240px 240px 240px 180px 180px 180px 180px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Grid item placement lock v88: route/achievement 60/40, questions/next-step 55/45. */
html body[data-active-panel="landing"] .landing-home-grid > .section-card,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > .section-card,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > [data-home-module-key] {
  grid-area: auto !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-welcome-panel {
  grid-row: 1 / 2 !important;
  grid-column: 1 / -1 !important;
  order: 0 !important;
}

html body[data-active-panel="landing"] [data-home-module-key="briefing"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="briefing"] {
  grid-row: 2 / 3 !important;
  grid-column: 1 / -1 !important;
  order: 10 !important;
}

html body[data-active-panel="landing"] [data-home-module-key="recommendation"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="recommendation"] {
  grid-row: 3 / 4 !important;
  grid-column: 1 / -1 !important;
  order: 20 !important;
}

html body[data-active-panel="landing"] [data-home-module-key="growth"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="growth"] {
  grid-row: 4 / 5 !important;
  grid-column: 1 / -1 !important;
  order: 30 !important;
}

html body[data-active-panel="landing"] [data-home-module-key="route"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="route"] {
  grid-row: 5 / 6 !important;
  grid-column: 1 / 13 !important;
  order: 40 !important;
}

html body[data-active-panel="landing"] [data-home-module-key="achievement"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="achievement"] {
  grid-row: 5 / 6 !important;
  grid-column: 13 / -1 !important;
  order: 50 !important;
}

html body[data-active-panel="landing"] [data-home-module-key="hardware"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="hardware"] {
  grid-row: 6 / 7 !important;
  grid-column: 1 / -1 !important;
  order: 60 !important;
}

html body[data-active-panel="landing"] [data-home-module-key="questions"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="questions"] {
  grid-row: 7 / 8 !important;
  grid-column: 1 / 12 !important;
  order: 70 !important;
}

html body[data-active-panel="landing"] [data-home-module-key="coach"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="coach"] {
  grid-row: 7 / 8 !important;
  grid-column: 12 / -1 !important;
  order: 80 !important;
}

html body[data-active-panel="landing"] [data-home-module-key="special"],
html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="special"] {
  grid-row: 8 / 9 !important;
  grid-column: 1 / -1 !important;
  order: 90 !important;
}

@media (max-width: 1380px) {
  html body[data-active-panel="landing"] [data-home-module-key="route"],
  html body[data-active-panel="landing"] [data-home-module-key="achievement"],
  html body[data-active-panel="landing"] [data-home-module-key="questions"],
  html body[data-active-panel="landing"] [data-home-module-key="coach"],
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="route"],
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="achievement"],
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="questions"],
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="coach"] {
    grid-column: 1 / -1 !important;
  }

  html body[data-active-panel="landing"] [data-home-module-key="achievement"],
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="achievement"] {
    grid-row: 6 / 7 !important;
  }

  html body[data-active-panel="landing"] [data-home-module-key="hardware"],
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="hardware"] {
    grid-row: 7 / 8 !important;
  }

  html body[data-active-panel="landing"] [data-home-module-key="questions"],
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="questions"] {
    grid-row: 8 / 9 !important;
  }

  html body[data-active-panel="landing"] [data-home-module-key="coach"],
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="coach"] {
    grid-row: 9 / 10 !important;
  }

  html body[data-active-panel="landing"] [data-home-module-key="special"],
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] [data-home-module-key="special"] {
    grid-row: 10 / 11 !important;
  }
}

/* Recommendation compact lock v90: keep today's primary training card at 420px with tighter horizontal rhythm. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-rows: 112px 180px 420px 240px 240px 180px 180px 180px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-primary-recommendation {
  height: 420px !important;
  min-height: 420px !important;
  max-height: 420px !important;
  padding: 22px 28px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .eyebrow {
  left: 28px !important;
  top: 24px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation h1 {
  left: 28px !important;
  top: 64px !important;
  max-width: calc(100% - 500px) !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .landing-training-tag {
  left: min(414px, calc(100% - 488px)) !important;
  top: 67px !important;
}

html body[data-active-panel="landing"] .landing-project-ability-state {
  left: 28px !important;
  top: 108px !important;
}

html body[data-active-panel="landing"] #landingRecommendationText {
  left: 28px !important;
  top: 144px !important;
  width: clamp(500px, calc(100% - 520px), 660px) !important;
  max-width: 660px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason {
  left: 28px !important;
  top: 184px !important;
  width: clamp(520px, calc(100% - 520px), 660px) !important;
  min-height: 68px !important;
  grid-template-columns: 90px repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 8px !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason > span {
  min-height: 48px !important;
}

html body[data-active-panel="landing"] .landing-recommendation-reason div {
  min-height: 48px !important;
  padding: 6px 8px !important;
}

html body[data-active-panel="landing"] .landing-recommendation-meta {
  left: 28px !important;
  bottom: 70px !important;
  width: clamp(520px, calc(100% - 520px), 660px) !important;
  gap: 9px !important;
}

html body[data-active-panel="landing"] .landing-recommendation-meta span {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

html body[data-active-panel="landing"] .landing-primary-action.primary-btn {
  left: 28px !important;
  bottom: 22px !important;
  width: 206px !important;
  height: 42px !important;
  min-height: 42px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .landing-recommendation-preview {
  top: 24px !important;
  right: 28px !important;
  bottom: 24px !important;
  width: clamp(380px, 34vw, 450px) !important;
  height: auto !important;
  min-height: 0 !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .landing-hero-capability-card {
  inset: 12px !important;
  gap: 7px !important;
  padding: 12px 14px !important;
  grid-template-rows: auto auto auto minmax(96px, 1fr) auto auto !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .landing-hero-radar-wrap {
  height: 102px !important;
}

html body[data-active-panel="landing"] .landing-primary-recommendation .landing-hero-radar-svg {
  width: 104px !important;
  height: 104px !important;
}

@media (max-width: 1380px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-rows: auto 190px 420px 240px 240px 240px 180px 180px 180px 180px !important;
  }
}

/* Overlap cleanup lock v91: remove duplicated embedded chrome and let mid-width cards breathe. */
html body[data-active-panel="landing"] .topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  display: grid !important;
  grid-template-columns: minmax(110px, 180px) minmax(360px, 640px) minmax(180px, 1fr) !important;
  gap: 16px !important;
  min-height: 64px !important;
  padding: 10px 22px !important;
  align-items: center !important;
}

html body[data-active-panel="landing"] .topbar-user-wrap {
  display: none !important;
}

html.react-student-embedded body[data-active-panel="landing"] .topbar {
  display: block !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.react-student-embedded body[data-active-panel="landing"] .topbar-left,
html.react-student-embedded body[data-active-panel="landing"] .topbar-center {
  display: none !important;
}

html.react-student-embedded body[data-active-panel="landing"] .topbar-right {
  position: absolute !important;
  top: 12px !important;
  right: 22px !important;
  z-index: 40 !important;
  min-width: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
}

html.react-student-embedded body[data-active-panel="landing"] .topbar .landing-customize-home {
  width: 148px !important;
  min-width: 148px !important;
  height: 40px !important;
  min-height: 40px !important;
}

@media (min-width: 901px) and (max-width: 1380px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-areas: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    row-gap: 24px !important;
    padding: 24px !important;
  }

  html body[data-active-panel="landing"] .landing-home-grid > .section-card,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > .section-card {
    grid-column: 1 / -1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body[data-active-panel="landing"] .landing-welcome-panel {
    min-height: 112px !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing {
    min-height: 218px !important;
    padding: 24px !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy {
    display: grid !important;
    grid-template:
      "head stats" auto
      "text stats" auto
      "advice stats" 1fr
      / minmax(0, 1fr) 300px !important;
    gap: 14px 24px !important;
    min-height: 168px !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-head {
    grid-area: head !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy > p:not(.landing-xiaowen-briefing-advice) {
    grid-area: text !important;
    margin: 0 !important;
    max-width: none !important;
    white-space: normal !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-advice {
    grid-area: advice !important;
    margin: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-advice strong {
    display: inline !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats {
    position: static !important;
    grid-area: stats !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-self: stretch !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats div {
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;
  }

  html body[data-active-panel="landing"] .landing-primary-recommendation {
    min-height: 420px !important;
    overflow: hidden !important;
  }

  html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center {
    min-height: 310px !important;
    padding: 22px 24px !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-ai-step {
    min-height: 70px !important;
    padding: 10px !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-feedback {
    display: none !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar {
    position: static !important;
    width: 100% !important;
    min-height: 32px !important;
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar > span:not(.landing-ai-status-dot) {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-active-panel="landing"] .landing-hardware-focus {
    min-height: 236px !important;
    padding: 20px 24px !important;
  }

  html body[data-active-panel="landing"] .landing-hardware-chip-list {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html body[data-active-panel="landing"] .landing-hardware-card {
    min-height: 168px !important;
    padding: 14px 10px !important;
    display: grid !important;
    grid-template-rows: auto auto auto 1fr !important;
    align-items: start !important;
    justify-items: center !important;
    gap: 8px !important;
    text-align: center !important;
  }

  html body[data-active-panel="landing"] .landing-hardware-card strong {
    display: grid !important;
    justify-items: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  html body[data-active-panel="landing"] .landing-hardware-card strong span {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
  }

  html body[data-active-panel="landing"] .landing-hardware-card em,
  html body[data-active-panel="landing"] .landing-hardware-card small {
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  html body[data-active-panel="landing"] .landing-hardware-mastery {
    position: static !important;
    width: 100% !important;
    margin-top: auto !important;
  }
}

@media (max-width: 900px) {
  html body[data-active-panel="landing"] .topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 10px 14px !important;
  }

  html body[data-active-panel="landing"] .topbar-left {
    display: none !important;
  }

  html body[data-active-panel="landing"] .topbar-right {
    display: flex !important;
    min-width: 0 !important;
  }

  html body[data-active-panel="landing"] .topbar .landing-customize-home {
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    font-size: 0 !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy {
    grid-template:
      "head" auto
      "text" auto
      "advice" auto
      "stats" auto
      / minmax(0, 1fr) !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats {
    position: static !important;
  }

  html body[data-active-panel="landing"] .landing-hardware-chip-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Landing overlap guard v92: keep route labels, next-step badges, and the coach dock out of content. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  padding-bottom: 156px !important;
}

html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-route-card.landing-ai-task-center {
  position: relative !important;
  display: block !important;
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-route-card.landing-ai-task-center::before {
  display: block !important;
  inset: 68px 22px auto 22px !important;
  height: 78px !important;
  border-radius: 18px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-head {
  position: absolute !important;
  top: 18px !important;
  left: 24px !important;
  right: 24px !important;
  height: 34px !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 !important;
  z-index: 7 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-title {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-title span {
  color: #0f172a !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-title strong {
  height: 26px !important;
  padding: 0 11px !important;
  font-size: 12px !important;
  line-height: 26px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress {
  position: absolute !important;
  top: 68px !important;
  right: 24px !important;
  width: 98px !important;
  height: 78px !important;
  min-height: 78px !important;
  z-index: 7 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress strong {
  font-size: 28px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage {
  position: absolute !important;
  top: 68px !important;
  left: 24px !important;
  right: 136px !important;
  width: auto !important;
  height: 78px !important;
  min-height: 78px !important;
  padding: 13px 16px !important;
  z-index: 7 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage::after {
  top: 14px !important;
  right: 14px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage strong {
  font-size: 22px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-progress-track {
  position: absolute !important;
  top: 157px !important;
  left: 24px !important;
  right: 24px !important;
  height: 7px !important;
  z-index: 7 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
  position: absolute !important;
  top: 176px !important;
  left: 24px !important;
  right: 24px !important;
  height: 50px !important;
  min-height: 50px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: 1fr !important;
  gap: 10px !important;
  z-index: 7 !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step {
  height: 50px !important;
  min-height: 50px !important;
  padding: 8px 10px !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-index {
  width: 20px !important;
  height: 20px !important;
  font-size: 11px !important;
  line-height: 20px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-title {
  display: grid !important;
  gap: 5px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-title strong,
html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-state {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-status-bar {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom {
  padding: 22px 28px !important;
  display: grid !important;
  align-content: center !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-coach-card-copy {
  max-width: 560px !important;
  display: grid !important;
  gap: 14px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-head {
  justify-content: flex-start !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-head strong {
  display: none !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed,
html body[data-active-panel="landing"] #companionDock.companion-dock:not(.companion-expanded) {
  position: fixed !important;
  right: 28px !important;
  bottom: 28px !important;
  width: 76px !important;
  max-width: 76px !important;
  height: 76px !important;
  z-index: 34 !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini {
  width: 76px !important;
  min-width: 76px !important;
  height: 76px !important;
  min-height: 76px !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini::before,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini::after,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed .companion-mini-state,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed .companion-mini-bubble,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed .companion-mini-badge,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniName,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniText {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniAvatarStage {
  width: 74px !important;
  min-width: 74px !important;
  height: 74px !important;
  min-height: 74px !important;
}

@media (max-width: 900px) {
  html body[data-active-panel="landing"] .landing-route-card .landing-ai-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 1fr) !important;
    height: 72px !important;
    top: 166px !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-ai-step {
    height: 34px !important;
    min-height: 34px !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-route-progress {
    display: none !important;
  }

  html body[data-active-panel="landing"] .landing-route-card .landing-route-stage {
    right: 18px !important;
  }
}

/* Hardware direction card guard v93: split icon, title, status, detail, and mastery into fixed rows. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-rows: 112px 180px 420px 240px 240px 220px 180px 180px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-hardware-focus {
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  padding: 18px 24px !important;
  display: grid !important;
  grid-template-rows: 26px 142px !important;
  gap: 18px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-head {
  height: 26px !important;
  min-height: 26px !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-hardware-chip-list {
  height: 142px !important;
  min-height: 142px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-hardware-card {
  height: 142px !important;
  min-height: 142px !important;
  max-height: 142px !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-rows: 44px 20px 16px 34px !important;
  gap: 6px !important;
  align-items: start !important;
  justify-items: stretch !important;
  text-align: center !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-card strong {
  min-width: 0 !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  display: grid !important;
  grid-template-rows: 24px 16px !important;
  gap: 4px !important;
  align-items: center !important;
  justify-items: center !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hardware-card strong span {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-hardware-card strong b {
  display: block !important;
  max-width: 100% !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hardware-card em,
html body[data-active-panel="landing"] .landing-hardware-card small {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hardware-card em {
  height: 20px !important;
  color: #172033 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

html body[data-active-panel="landing"] .landing-hardware-card small {
  height: 16px !important;
  color: #7b89a3 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  font-weight: 850 !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery {
  position: static !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  display: grid !important;
  grid-template-rows: 15px 7px !important;
  gap: 7px !important;
  align-self: end !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery > div {
  height: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery > div span {
  color: #7b89a3 !important;
  font-size: 10px !important;
  line-height: 15px !important;
  font-weight: 850 !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery b {
  font-size: 13px !important;
  line-height: 15px !important;
  font-weight: 1000 !important;
}

html body[data-active-panel="landing"] .landing-hardware-mastery i {
  width: 100% !important;
  height: 7px !important;
  min-height: 7px !important;
  display: block !important;
  border-radius: 999px !important;
}

@media (max-width: 1380px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-rows: auto 190px 420px 240px 240px 240px 220px 180px 180px 180px !important;
  }
}

@media (max-width: 900px) {
  html body[data-active-panel="landing"] .landing-hardware-focus {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-rows: 26px auto !important;
    overflow: visible !important;
  }

  html body[data-active-panel="landing"] .landing-hardware-chip-list {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Landing companion cleanup v94: remove the extra floating Xiaowen avatar from the homepage. */
html body[data-active-panel="landing"] #companionDock.companion-dock,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-expanded,
html body[data-active-panel="landing"] #companionMini,
html body[data-active-panel="landing"] #companionMiniAvatarStage,
html body[data-active-panel="landing"] #companionMiniCharacter,
html body[data-active-panel="landing"] #companionAmbientStage {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Custom home topbar lock v95: keep the customize button parallel with the knowledge search. */
html:not(.react-student-embedded) body[data-active-panel="landing"] .topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  display: grid !important;
  grid-template-columns: minmax(120px, 220px) minmax(420px, 660px) minmax(168px, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 64px !important;
  padding: 8px 22px !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .topbar-center {
  grid-column: 2 !important;
  display: flex !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .topbar-search {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 660px !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .topbar-right {
  position: static !important;
  grid-column: 3 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  min-width: 156px !important;
  height: auto !important;
  transform: none !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .topbar .landing-customize-home {
  position: static !important;
  width: 148px !important;
  min-width: 148px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  transform: none !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-welcome-panel .landing-customize-home {
  display: none !important;
}

html.react-student-embedded body.react-student-embedded[data-active-panel="landing"] .topbar,
html.react-student-embedded body.react-student-embedded[data-active-panel="landing"] .topbar-left,
html.react-student-embedded body.react-student-embedded[data-active-panel="landing"] .topbar-center,
html.react-student-embedded body.react-student-embedded[data-active-panel="landing"] .topbar-right {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Knowledge search submit v96: reveal a real search button after input. */
html body[data-active-panel="landing"] .topbar-search {
  display: flex !important;
  align-items: center !important;
}

html body[data-active-panel="landing"] .topbar-search input {
  padding-right: 98px !important;
}

html body[data-active-panel="landing"] .topbar-search-submit {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  z-index: 3 !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #7c4dff, #5b8cff) !important;
  box-shadow: 0 10px 22px rgba(91, 140, 255, 0.24) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  transform: translateY(-50%) translateX(4px) scale(0.92) !important;
  pointer-events: none !important;
  transition:
    width 180ms ease,
    padding 180ms ease,
    opacity 160ms ease,
    transform 160ms ease !important;
}

html body[data-active-panel="landing"] .topbar-search.has-search-value .topbar-search-submit {
  width: 72px !important;
  padding: 0 12px !important;
  opacity: 1 !important;
  transform: translateY(-50%) translateX(0) scale(1) !important;
  pointer-events: auto !important;
}

html body[data-active-panel="landing"] .topbar-search-submit span {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  color: inherit !important;
  font-size: 12px !important;
}

html body[data-active-panel="landing"] .topbar-search-submit:disabled {
  cursor: default !important;
}

/* Landing spacing compact v97: tighten the rhythm between homepage modules. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  row-gap: 16px !important;
  column-gap: 20px !important;
  padding-top: 14px !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  padding-bottom: 96px !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > .section-card,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > [data-home-module-key] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (min-width: 901px) and (max-width: 1380px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    row-gap: 14px !important;
    padding: 14px 18px 92px !important;
  }
}

@media (max-width: 900px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    row-gap: 14px !important;
    padding: 12px 12px 88px !important;
  }
}

/* Hot questions more link v99: keep the full question list and bottom action visible. */
html body[data-active-panel="landing"] .landing-hardware-questions {
  display: grid !important;
  grid-template-rows: 22px 102px 18px !important;
  gap: 6px !important;
  padding: 14px 20px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions .landing-hardware-head {
  min-height: 22px !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions .landing-question-list {
  height: 102px !important;
  min-height: 102px !important;
  display: grid !important;
  grid-template-rows: repeat(5, 18px) !important;
  gap: 3px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions .landing-hot-question {
  height: 18px !important;
  min-height: 18px !important;
  grid-template-columns: 16px minmax(0, 1fr) auto 62px 58px !important;
  grid-template-rows: 18px !important;
  gap: 6px !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions .landing-hot-question strong {
  font-size: 11px !important;
  line-height: 18px !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions .landing-hot-question span,
html body[data-active-panel="landing"] .landing-hardware-questions .landing-hot-question small,
html body[data-active-panel="landing"] .landing-hardware-questions .landing-hot-question em,
html body[data-active-panel="landing"] .landing-hardware-questions .landing-hot-question .landing-hot-question-action {
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions .landing-hot-question .landing-hot-question-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(124, 77, 255, 0.16) !important;
  border-radius: 999px !important;
  color: #6d4cff !important;
  background: rgba(124, 77, 255, 0.1) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hardware-questions .landing-question-more {
  grid-row: 3 !important;
  justify-self: start !important;
  align-self: end !important;
  width: max-content !important;
  height: 18px !important;
  min-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #7c4dff !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Special training icons v98: replace blank placeholders with visible specialty badges. */
html body[data-active-panel="landing"] .landing-special-training-item {
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
}

html body[data-active-panel="landing"] .landing-special-training-item::before {
  content: none !important;
  display: none !important;
}

html body[data-active-panel="landing"] .landing-special-training-item > .landing-special-training-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  color: #7c4dff !important;
  background:
    radial-gradient(circle at 34% 20%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.24) 42%, transparent 68%),
    linear-gradient(135deg, rgba(124, 77, 255, 0.2), rgba(91, 140, 255, 0.16)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(124, 77, 255, 0.16),
    0 9px 18px rgba(91, 140, 255, 0.16) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: grid !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  align-self: center !important;
  justify-self: center !important;
  place-items: center !important;
  color: #7c4dff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-special-training-item > strong {
  grid-column: 2 / 4 !important;
  grid-row: 1 !important;
}

html body[data-active-panel="landing"] .landing-special-training-item > .landing-special-training-reason {
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  display: block !important;
  min-width: 0 !important;
  color: #8a97ad !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-reason {
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  display: block !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-special-training-item[data-special-key*="can"] > .landing-special-training-icon {
  color: #2563eb !important;
  background:
    radial-gradient(circle at 34% 20%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.24) 42%, transparent 68%),
    linear-gradient(135deg, rgba(91, 140, 255, 0.22), rgba(6, 182, 212, 0.14)) !important;
}

html body[data-active-panel="landing"] .landing-special-training-item[data-special-key*="i2c"] > .landing-special-training-icon,
html body[data-active-panel="landing"] .landing-special-training-item[data-special-key*="linux"] > .landing-special-training-icon {
  color: #06a6c9 !important;
  background:
    radial-gradient(circle at 34% 20%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.24) 42%, transparent 68%),
    linear-gradient(135deg, rgba(6, 182, 212, 0.18), rgba(91, 140, 255, 0.14)) !important;
}

html body[data-active-panel="landing"] .landing-special-training-item[data-special-key*="ripple"] > .landing-special-training-icon,
html body[data-active-panel="landing"] .landing-special-training-item[data-special-key*="loop"] > .landing-special-training-icon {
  color: #f97316 !important;
  background:
    radial-gradient(circle at 34% 20%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.24) 42%, transparent 68%),
    linear-gradient(135deg, rgba(249, 115, 22, 0.18), rgba(245, 158, 11, 0.12)) !important;
}

html body[data-active-panel="landing"] .landing-special-training-item[data-target="interview"] > .landing-special-training-icon,
html body[data-active-panel="landing"] .landing-special-training-item[data-target="audio"] > .landing-special-training-icon,
html body[data-active-panel="landing"] .landing-special-training-item[data-target="resume"] > .landing-special-training-icon,
html body[data-active-panel="landing"] .landing-special-training-item[data-special-key*="goal"] > .landing-special-training-icon {
  color: #7c4dff !important;
  background:
    radial-gradient(circle at 34% 20%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.28) 42%, transparent 68%),
    linear-gradient(135deg, rgba(124, 77, 255, 0.2), rgba(236, 72, 153, 0.12)) !important;
}

/* Hardware direction stack v100: prevent title/status/detail overlap inside direction cards. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-rows: 112px 180px 420px 240px 240px 232px 180px 180px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-hardware-focus {
  height: 232px !important;
  min-height: 232px !important;
  max-height: 232px !important;
  grid-template-rows: 26px 156px !important;
  gap: 16px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-chip-list {
  height: 156px !important;
  min-height: 156px !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-card {
  height: 156px !important;
  min-height: 156px !important;
  max-height: 156px !important;
  display: grid !important;
  grid-template-rows: 48px 18px 16px 30px !important;
  gap: 6px !important;
  align-items: start !important;
  justify-items: stretch !important;
  padding: 10px 12px !important;
  text-align: center !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-hardware-card > strong {
  grid-row: 1 !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  display: grid !important;
  grid-template-rows: 26px 18px !important;
  gap: 4px !important;
  align-items: center !important;
  justify-items: center !important;
  margin: 0 !important;
  overflow: hidden !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-hardware-card > strong span {
  grid-row: 1 !important;
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-hardware-card > strong b {
  grid-row: 2 !important;
  display: block !important;
  max-width: 100% !important;
  height: 18px !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 18px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hardware-card > em {
  grid-row: 2 !important;
  display: block !important;
  height: 18px !important;
  margin: 0 !important;
  color: #172033 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 18px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hardware-card > small {
  grid-row: 3 !important;
  display: block !important;
  height: 16px !important;
  margin: 0 !important;
  color: #7b89a3 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 16px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hardware-card > .landing-hardware-mastery {
  grid-row: 4 !important;
  align-self: end !important;
  width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  display: grid !important;
  grid-template-rows: 14px 6px !important;
  gap: 6px !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-hardware-card > .landing-hardware-mastery > div {
  height: 14px !important;
  min-height: 14px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card > .landing-hardware-mastery > div span,
html body[data-active-panel="landing"] .landing-hardware-card > .landing-hardware-mastery b {
  line-height: 14px !important;
}

html body[data-active-panel="landing"] .landing-hardware-card > .landing-hardware-mastery i {
  height: 6px !important;
  min-height: 6px !important;
}

@media (max-width: 1380px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-rows: auto 190px 420px 240px 240px 240px 232px 180px 180px 180px !important;
  }
}

@media (max-width: 900px) {
  html body[data-active-panel="landing"] .landing-hardware-focus {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-rows: 26px auto !important;
    overflow: visible !important;
  }

  html body[data-active-panel="landing"] .landing-hardware-chip-list {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }
}

/* Briefing to recommendation gap v101: keep AI decision center from colliding with today's training. */
@media (min-width: 901px) and (max-width: 1380px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-rows: auto 248px 420px 240px 240px 240px 232px 180px 180px 180px !important;
    row-gap: 24px !important;
  }

  html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-xiaowen-briefing,
  html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-xiaowen-briefing,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > .section-card.landing-xiaowen-briefing,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-xiaowen-briefing {
    height: 248px !important;
    min-height: 248px !important;
    max-height: 248px !important;
    padding: 22px 24px !important;
    overflow: hidden !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy,
  html body:has(.landing-workspace.active) .landing-xiaowen-briefing-copy {
    height: 100% !important;
    min-height: 0 !important;
    grid-template:
      "head stats" 28px
      "text stats" minmax(42px, auto)
      "advice stats" minmax(42px, 1fr)
      / minmax(0, 1fr) 300px !important;
    gap: 12px 24px !important;
    align-items: stretch !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats,
  html body:has(.landing-workspace.active) .landing-xiaowen-briefing-stats {
    height: 100% !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-self: stretch !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats div,
  html body:has(.landing-workspace.active) .landing-xiaowen-briefing-stats div {
    min-height: 0 !important;
    height: auto !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    gap: 4px !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats span,
  html body:has(.landing-workspace.active) .landing-xiaowen-briefing-stats span {
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-stats strong,
  html body:has(.landing-workspace.active) .landing-xiaowen-briefing-stats strong {
    font-size: 20px !important;
    line-height: 1 !important;
  }
}

/* Welcome status breathing v102: give the four top training metrics more room. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-rows: 128px 180px 420px 240px 240px 232px 180px 180px !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-welcome-panel,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > .section-card.landing-welcome-panel,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-welcome-panel {
  height: 128px !important;
  min-height: 128px !important;
  max-height: 128px !important;
  padding: 12px 0 14px 2px !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-welcome-copy,
html body:has(.landing-workspace.active) .landing-welcome-copy {
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-training-statusbar,
html body:has(.landing-workspace.active) .landing-training-statusbar {
  width: min(100%, 900px) !important;
  grid-template-columns: minmax(240px, 1.2fr) repeat(3, minmax(150px, 0.85fr)) !important;
  gap: 16px !important;
  align-items: end !important;
}

html body[data-active-panel="landing"] .landing-training-status,
html body:has(.landing-workspace.active) .landing-training-status {
  height: 52px !important;
  min-height: 52px !important;
  padding: 9px 14px !important;
  border-radius: 14px !important;
}

html body[data-active-panel="landing"] .landing-training-status:first-child,
html body:has(.landing-workspace.active) .landing-training-status:first-child {
  height: 64px !important;
  min-height: 64px !important;
  padding: 10px 16px !important;
}

html body[data-active-panel="landing"] .landing-training-status span,
html body:has(.landing-workspace.active) .landing-training-status span {
  font-size: 11px !important;
  line-height: 1.1 !important;
}

html body[data-active-panel="landing"] .landing-training-status strong,
html body:has(.landing-workspace.active) .landing-training-status strong {
  margin-top: 5px !important;
  font-size: 18px !important;
  line-height: 1.05 !important;
}

html body[data-active-panel="landing"] .landing-training-status:first-child strong,
html body:has(.landing-workspace.active) .landing-training-status:first-child strong {
  margin-top: 3px !important;
  font-size: 34px !important;
}

@media (min-width: 901px) and (max-width: 1380px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-rows: 128px 248px 420px 240px 240px 240px 232px 180px 180px 180px !important;
  }
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-rows: 176px 248px 420px 240px 240px 240px 232px 180px 180px 180px !important;
  }

  html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel,
  html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-welcome-panel {
    height: 176px !important;
    min-height: 176px !important;
    max-height: 176px !important;
  }

  html body[data-active-panel="landing"] .landing-training-statusbar,
  html body:has(.landing-workspace.active) .landing-training-statusbar {
    width: min(100%, 760px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

/* Custom dashboard controls v104: let drawer settings control module order and visibility. */
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-areas: none !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  grid-template-columns: repeat(20, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  row-gap: 24px !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-home-grid > [data-home-module-key] {
  grid-area: auto !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-dashboard-optional[hidden] {
  display: none !important;
}

html body[data-active-panel="landing"][data-landing-module-layout="custom"] .landing-dashboard-optional:not([hidden]) {
  display: grid !important;
}

@media (max-width: 1380px) {
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Homepage frozen layout v132: make current ability the dominant first-glance metric. */
html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-welcome-panel {
  min-height: 148px !important;
  height: 148px !important;
  max-height: 148px !important;
}

html body[data-active-panel="landing"] .landing-welcome-copy,
html body:has(.landing-workspace.active) .landing-welcome-copy {
  gap: 14px !important;
}

html body[data-active-panel="landing"] .landing-training-statusbar,
html body:has(.landing-workspace.active) .landing-training-statusbar {
  width: min(100%, 980px) !important;
  grid-template-columns: minmax(300px, 1.4fr) repeat(3, minmax(150px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

html body[data-active-panel="landing"] .landing-training-status,
html body:has(.landing-workspace.active) .landing-training-status {
  min-height: 58px !important;
  height: 58px !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  align-self: end !important;
}

html body[data-active-panel="landing"] .landing-training-status-primary,
html body[data-active-panel="landing"] .landing-training-status:first-child,
html body:has(.landing-workspace.active) .landing-training-status-primary,
html body:has(.landing-workspace.active) .landing-training-status:first-child {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(104px, auto) minmax(0, 1fr) !important;
  grid-template-areas:
    "label stage"
    "score rank" !important;
  column-gap: 14px !important;
  row-gap: 4px !important;
  align-items: center !important;
  min-height: 86px !important;
  height: 86px !important;
  padding: 12px 18px !important;
  border-color: rgba(124, 77, 255, 0.28) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 92% 18%, rgba(91, 140, 255, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 239, 255, 0.96)) !important;
  box-shadow: 0 18px 38px rgba(124, 77, 255, 0.12) !important;
}

html body[data-active-panel="landing"] .landing-training-status-primary > span,
html body[data-active-panel="landing"] .landing-training-status:first-child > span,
html body:has(.landing-workspace.active) .landing-training-status-primary > span,
html body:has(.landing-workspace.active) .landing-training-status:first-child > span {
  grid-area: label !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

html body[data-active-panel="landing"] .landing-training-status-primary > strong,
html body[data-active-panel="landing"] .landing-training-status:first-child > strong,
html body:has(.landing-workspace.active) .landing-training-status-primary > strong,
html body:has(.landing-workspace.active) .landing-training-status:first-child > strong {
  grid-area: score !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 3px !important;
  margin: 0 !important;
  color: #6d4dff !important;
  font-size: 42px !important;
  line-height: 0.95 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

html body[data-active-panel="landing"] .landing-training-status-primary > strong small,
html body[data-active-panel="landing"] .landing-training-status:first-child > strong small,
html body:has(.landing-workspace.active) .landing-training-status-primary > strong small,
html body:has(.landing-workspace.active) .landing-training-status:first-child > strong small {
  color: #6d4dff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

html body[data-active-panel="landing"] .landing-training-status-primary > em,
html body[data-active-panel="landing"] .landing-training-status:first-child > em,
html body:has(.landing-workspace.active) .landing-training-status-primary > em,
html body:has(.landing-workspace.active) .landing-training-status:first-child > em {
  grid-area: stage !important;
  justify-self: end !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #4f46e5 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-training-status-primary > b,
html body[data-active-panel="landing"] .landing-training-status:first-child > b,
html body:has(.landing-workspace.active) .landing-training-status-primary > b,
html body:has(.landing-workspace.active) .landing-training-status:first-child > b {
  grid-area: rank !important;
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  color: #059669 !important;
  background: rgba(34, 197, 94, 0.12) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel,
  html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-welcome-panel {
    min-height: 214px !important;
    height: 214px !important;
    max-height: 214px !important;
  }

  html body[data-active-panel="landing"] .landing-training-statusbar,
  html body:has(.landing-workspace.active) .landing-training-statusbar {
    grid-template-columns: 1fr 1fr !important;
  }

  html body[data-active-panel="landing"] .landing-training-status-primary,
  html body[data-active-panel="landing"] .landing-training-status:first-child,
  html body:has(.landing-workspace.active) .landing-training-status-primary,
  html body:has(.landing-workspace.active) .landing-training-status:first-child {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 680px) {
  html body[data-active-panel="landing"] .landing-training-statusbar,
  html body:has(.landing-workspace.active) .landing-training-statusbar {
    grid-template-columns: 1fr !important;
  }

  html body[data-active-panel="landing"] .landing-training-status-primary,
  html body[data-active-panel="landing"] .landing-training-status:first-child,
  html body:has(.landing-workspace.active) .landing-training-status-primary,
  html body:has(.landing-workspace.active) .landing-training-status:first-child {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "label"
      "score"
      "stage"
      "rank" !important;
    justify-items: start !important;
    height: auto !important;
    min-height: 122px !important;
  }

  html body[data-active-panel="landing"] .landing-training-status:first-child > em,
  html body[data-active-panel="landing"] .landing-training-status:first-child > b,
  html body:has(.landing-workspace.active) .landing-training-status:first-child > em,
  html body:has(.landing-workspace.active) .landing-training-status:first-child > b {
    justify-self: start !important;
  }
}

/* Homepage frozen layout v133: secondary status cards explain the number. */
html body[data-active-panel="landing"] .landing-training-status:not(:first-child),
html body:has(.landing-workspace.active) .landing-training-status:not(:first-child) {
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  align-content: center !important;
  gap: 4px !important;
  min-height: 72px !important;
  height: 72px !important;
  padding: 10px 14px !important;
}

html body[data-active-panel="landing"] .landing-training-status:not(:first-child) span,
html body:has(.landing-workspace.active) .landing-training-status:not(:first-child) span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

html body[data-active-panel="landing"] .landing-training-status:not(:first-child) strong,
html body:has(.landing-workspace.active) .landing-training-status:not(:first-child) strong {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

html body[data-active-panel="landing"] .landing-training-status:nth-child(3) strong,
html body[data-active-panel="landing"] .landing-training-status:nth-child(4) strong,
html body:has(.landing-workspace.active) .landing-training-status:nth-child(3) strong,
html body:has(.landing-workspace.active) .landing-training-status:nth-child(4) strong {
  color: #6d4dff !important;
}

html body[data-active-panel="landing"] .landing-training-status:not(:first-child) em,
html body:has(.landing-workspace.active) .landing-training-status:not(:first-child) em {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #7b89a3 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* AI training cockpit v134: this card is the platform brain. */
html body[data-active-panel="landing"] .landing-xiaowen-briefing,
html body:has(.landing-workspace.active) .landing-xiaowen-briefing {
  background:
    radial-gradient(circle at 88% 18%, rgba(124, 77, 255, 0.13), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.96)) !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-head span,
html body:has(.landing-workspace.active) .landing-xiaowen-briefing-head span {
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy,
html body:has(.landing-workspace.active) .landing-xiaowen-briefing-copy {
  grid-template:
    "head stats" 30px
    "text stats" minmax(48px, auto)
    "advice stats" minmax(48px, 1fr)
    / minmax(0, 1fr) 380px !important;
  gap: 14px 24px !important;
}

html body[data-active-panel="landing"] .landing-training-cockpit-stats,
html body:has(.landing-workspace.active) .landing-training-cockpit-stats {
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-training-cockpit-stats div,
html body:has(.landing-workspace.active) .landing-training-cockpit-stats div {
  min-height: 0 !important;
  padding: 8px 12px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.88) !important;
}

html body[data-active-panel="landing"] .landing-training-cockpit-stats span,
html body:has(.landing-workspace.active) .landing-training-cockpit-stats span {
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

html body[data-active-panel="landing"] .landing-training-cockpit-stats strong,
html body:has(.landing-workspace.active) .landing-training-cockpit-stats strong {
  overflow: hidden !important;
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-training-cockpit-stats div:nth-child(2) strong,
html body[data-active-panel="landing"] .landing-training-cockpit-stats div:nth-child(5) strong,
html body:has(.landing-workspace.active) .landing-training-cockpit-stats div:nth-child(2) strong,
html body:has(.landing-workspace.active) .landing-training-cockpit-stats div:nth-child(5) strong {
  color: #6d4dff !important;
  font-size: 22px !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .landing-xiaowen-briefing,
  html body:has(.landing-workspace.active) .landing-xiaowen-briefing {
    height: auto !important;
    min-height: 360px !important;
    max-height: none !important;
  }

  html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy,
  html body:has(.landing-workspace.active) .landing-xiaowen-briefing-copy {
    grid-template:
      "head" auto
      "text" auto
      "advice" auto
      "stats" auto
      / 1fr !important;
  }

  html body[data-active-panel="landing"] .landing-training-cockpit-stats,
  html body:has(.landing-workspace.active) .landing-training-cockpit-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
  }
}

/* Next training action card v139: make the ninth layer an executable action, not a text notice. */
html body[data-active-panel="landing"] .landing-coach-card-bottom,
html body:has(.landing-workspace.active) .landing-coach-card-bottom {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  padding: 18px 22px !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom .landing-coach-card-copy,
html body:has(.landing-workspace.active) .landing-coach-card-bottom .landing-coach-card-copy {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template:
    "head button" auto
    "title button" 1fr
    "meta button" auto
    / minmax(0, 1fr) 132px !important;
  align-items: center !important;
  gap: 10px 18px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom .landing-coach-card-head,
html body:has(.landing-workspace.active) .landing-coach-card-bottom .landing-coach-card-head {
  grid-area: head !important;
  margin: 0 !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom .landing-coach-card-head span,
html body:has(.landing-workspace.active) .landing-coach-card-bottom .landing-coach-card-head span {
  color: #111827 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

html body[data-active-panel="landing"] .landing-coach-card-bottom .landing-coach-card-head strong,
html body:has(.landing-workspace.active) .landing-coach-card-bottom .landing-coach-card-head strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

html body[data-active-panel="landing"] #landingNextTrainingTitle,
html body:has(.landing-workspace.active) #landingNextTrainingTitle {
  grid-area: title !important;
  margin: 0 !important;
  min-width: 0 !important;
  color: #111827 !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1.16 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body[data-active-panel="landing"] .landing-next-training-meta,
html body:has(.landing-workspace.active) .landing-next-training-meta {
  grid-area: meta !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-next-training-meta span,
html body:has(.landing-workspace.active) .landing-next-training-meta span {
  display: inline-flex !important;
  align-items: center !important;
  height: 28px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(124, 77, 255, 0.14) !important;
  border-radius: 999px !important;
  color: #5b6b84 !important;
  background: rgba(248, 250, 255, 0.86) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] #landingNextTrainingLift,
html body:has(.landing-workspace.active) #landingNextTrainingLift {
  color: #16a34a !important;
  background: rgba(34, 197, 94, 0.1) !important;
  border-color: rgba(34, 197, 94, 0.18) !important;
}

html body[data-active-panel="landing"] #landingNextTrainingStartBtn.primary-btn,
html body:has(.landing-workspace.active) #landingNextTrainingStartBtn.primary-btn {
  grid-area: button !important;
  justify-self: end !important;
  width: 132px !important;
  min-width: 132px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  box-shadow: 0 14px 28px rgba(124, 77, 255, 0.22) !important;
}

/* Final homepage structure v141: one Xiaowen entry, ten clear cockpit layers. */
html body #companionAmbientStage,
html body .character-stage-duo,
html body .companion-hud-orb,
html body[data-active-panel="landing"] .landing-home-grid .landing-xiaowen-briefing-avatar,
html body[data-active-panel="landing"] .landing-home-grid .landing-xiaowen-briefing-avatar img,
html body[data-active-panel="landing"] .landing-home-grid img[src*="xiaowen"],
html body[data-active-panel="landing"] .landing-home-grid img[src*="yingwen-mark"],
html body:has(.landing-workspace.active) .landing-home-grid .landing-xiaowen-briefing-avatar,
html body:has(.landing-workspace.active) .landing-home-grid .landing-xiaowen-briefing-avatar img,
html body:has(.landing-workspace.active) .landing-home-grid img[src*="xiaowen"],
html body:has(.landing-workspace.active) .landing-home-grid img[src*="yingwen-mark"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock:not([hidden]),
html body:has(.landing-workspace.active) #companionDock.companion-dock:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-areas: none !important;
  grid-template-columns: repeat(20, minmax(0, 1fr)) !important;
  grid-template-rows: 148px 248px 420px 240px 240px 180px 232px 180px 150px 150px !important;
  grid-auto-rows: auto !important;
  row-gap: 24px !important;
  column-gap: 24px !important;
  align-items: stretch !important;
}

html body[data-active-panel="landing"] .landing-home-grid > [data-home-module-key],
html body:has(.landing-workspace.active) .landing-home-grid > [data-home-module-key] {
  grid-column: 1 / -1 !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-welcome-panel,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-welcome-panel {
  height: 148px !important;
  min-height: 148px !important;
  max-height: 148px !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-xiaowen-briefing,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-xiaowen-briefing {
  height: 248px !important;
  min-height: 248px !important;
  max-height: 248px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-primary-recommendation,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-primary-recommendation {
  height: 420px !important;
  min-height: 420px !important;
  max-height: 420px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-weekly-growth,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-weekly-growth,
html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-route-card,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-route-card {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-training-heatmap,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-training-heatmap,
html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-hardware-questions,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-hardware-questions {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-hardware-focus,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-hardware-focus {
  height: 232px !important;
  min-height: 232px !important;
  max-height: 232px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-coach-card-bottom,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-coach-card-bottom,
html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-special-training,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-special-training {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid > .section-card.landing-welcome-panel:not(.is-briefing-open),
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid > .section-card.landing-welcome-panel:not(.is-briefing-open) {
  height: 148px !important;
  min-height: 148px !important;
  max-height: 148px !important;
}

html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid > #landingAchievementCenter.section-card.landing-training-heatmap,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid > #landingAchievementCenter.section-card.landing-training-heatmap {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
  html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
  html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
  html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 214px 360px 420px 300px 300px 220px auto auto 180px auto !important;
  }

  html body[data-active-panel="landing"] .landing-home-grid > .section-card,
  html body:has(.landing-workspace.active) .landing-home-grid > .section-card {
    max-height: none !important;
  }
}

/* Homepage layers 5-7 v142: route sync, recent achievements, stable hardware cards. */
html body[data-active-panel="landing"] .landing-route-card .landing-route-title strong,
html body:has(.landing-workspace.active) .landing-route-card .landing-route-title strong {
  color: #6d4dff !important;
  background: rgba(124, 77, 255, 0.11) !important;
  border-color: rgba(124, 77, 255, 0.18) !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage,
html body:has(.landing-workspace.active) .landing-route-card .landing-route-stage {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 160px !important;
  align-items: center !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-route-stage strong,
html body:has(.landing-workspace.active) .landing-route-card .landing-route-stage strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-route-card .landing-ai-step-feedback,
html body:has(.landing-workspace.active) .landing-route-card .landing-ai-step-feedback {
  display: none !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter.section-card.landing-training-heatmap,
html body:has(.landing-workspace.active) #landingAchievementCenter.section-card.landing-training-heatmap {
  grid-template-rows: 28px 58px 44px !important;
  align-content: start !important;
  gap: 12px !important;
  padding: 20px 24px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter .landing-heatmap-strip,
html body:has(.landing-workspace.active) #landingAchievementCenter .landing-heatmap-strip {
  display: none !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter .landing-achievement-list,
html body:has(.landing-workspace.active) #landingAchievementCenter .landing-achievement-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  height: 58px !important;
  min-height: 58px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter .landing-achievement-list div,
html body:has(.landing-workspace.active) #landingAchievementCenter .landing-achievement-list div {
  height: 58px !important;
  min-height: 58px !important;
  padding: 8px 12px !important;
  border-radius: 14px !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter .landing-achievement-title-list,
html body:has(.landing-workspace.active) #landingAchievementCenter .landing-achievement-title-list {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 36px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter .landing-achievement-label,
html body:has(.landing-workspace.active) #landingAchievementCenter .landing-achievement-label {
  flex: 0 0 auto !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

html body[data-active-panel="landing"] #landingAchievementCenter .achievement-title-chip,
html body:has(.landing-workspace.active) #landingAchievementCenter .achievement-title-chip {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  line-height: 32px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-chip-list,
html body:has(.landing-workspace.active) .landing-hardware-focus .landing-hardware-chip-list {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  height: 156px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card,
html body:has(.landing-workspace.active) .landing-hardware-focus .landing-hardware-card {
  min-width: 0 !important;
  grid-template-rows: 50px 20px 18px 32px !important;
  gap: 6px !important;
  padding: 12px 12px 10px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card > strong,
html body:has(.landing-workspace.active) .landing-hardware-focus .landing-hardware-card > strong {
  height: 50px !important;
  max-height: 50px !important;
  grid-template-rows: 28px 18px !important;
}

html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card > em,
html body:has(.landing-workspace.active) .landing-hardware-focus .landing-hardware-card > em,
html body[data-active-panel="landing"] .landing-hardware-focus .landing-hardware-card > small,
html body:has(.landing-workspace.active) .landing-hardware-focus .landing-hardware-card > small {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* EOF dashboard drawer visibility lock v70: must stay last. */
.training-dashboard-drawer:not(.is-open) {
  transform: translateX(104%) !important;
}

.training-dashboard-drawer.is-open {
  transform: translateX(0) !important;
}

/* XiaoWen final identity v146: this must be physically last. */
html body #companionAmbientStage,
html body #companionAmbientStage.companion-ambient-stage,
html body #companionAmbientStage.companion-ambient-stage.companion-ambient-moment {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body #companionDock.companion-dock.companion-collapsed {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 72px !important;
  max-width: 72px !important;
  min-width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
  right: calc(24px + var(--safe-right, 0px)) !important;
  bottom: calc(24px + var(--safe-bottom, 0px)) !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  place-items: center !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0 !important;
  border: 3px solid rgba(124, 77, 255, 0.72) !important;
  border-radius: 999px !important;
  background-color: #fff !important;
  background-image:
    radial-gradient(circle at 84% 84%, #22c55e 0 5px, transparent 5.8px),
    url("./assets/xiaowen-avatar.png") !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, cover !important;
  box-shadow:
    0 18px 38px rgba(124, 77, 255, 0.28),
    0 0 0 8px rgba(124, 77, 255, 0.08) !important;
  transform: none !important;
  overflow: hidden !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini > *,
html body #companionDock.companion-dock.companion-collapsed #companionMiniAvatar,
html body #companionDock.companion-dock.companion-collapsed #companionMiniAvatarStage,
html body #companionDock.companion-dock.companion-collapsed #companionMiniCharacter,
html body #companionDock.companion-dock.companion-collapsed .companion-mini-bubble,
html body #companionDock.companion-dock.companion-collapsed .companion-drag-handle {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html body #companionDock.companion-dock.companion-collapsed #companionMini::before,
html body #companionDock.companion-dock.companion-collapsed #companionMini::after {
  content: "" !important;
  display: none !important;
}

/* XiaoWen final identity v148: landing-specific override for older transparent capsule rules. */
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 72px !important;
  max-width: 72px !important;
  min-width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  border: 3px solid rgba(124, 77, 255, 0.72) !important;
  border-radius: 999px !important;
  background-color: #fff !important;
  background-image:
    radial-gradient(circle at 84% 84%, #22c55e 0 5px, transparent 5.8px),
    url("./assets/xiaowen-avatar.png") !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, cover !important;
  box-shadow:
    0 18px 38px rgba(124, 77, 255, 0.28),
    0 0 0 8px rgba(124, 77, 255, 0.08) !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini > *,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniAvatar,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniAvatarStage,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMiniCharacter,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed .companion-mini-bubble,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed .companion-drag-handle {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini::before,
html body[data-active-panel="landing"] #companionDock.companion-dock.companion-collapsed #companionMini::after {
  content: "" !important;
  display: none !important;
}

/* Text fit v150 EOF lock: keep the last generated homepage layer readable. */
html body[data-active-panel="landing"] .shell .main .landing-workspace .landing-home-grid,
html body:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid,
html body[data-active-panel="landing"][data-landing-module-layout="custom"] .shell .main .landing-workspace .landing-home-grid,
html body[data-landing-module-layout="custom"]:has(.landing-workspace.active) .shell .main .landing-workspace .landing-home-grid {
  grid-template-rows: 148px 276px 420px 240px 240px 180px 232px 180px 150px 196px !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-xiaowen-briefing,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-xiaowen-briefing {
  height: 276px !important;
  min-height: 276px !important;
  max-height: 276px !important;
  padding: 24px 28px !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-xiaowen-briefing-copy,
html body:has(.landing-workspace.active) .landing-xiaowen-briefing-copy {
  height: 100% !important;
  min-height: 0 !important;
  grid-template:
    "head stats" 32px
    "text stats" minmax(74px, auto)
    "advice stats" minmax(76px, 1fr)
    / minmax(0, 1fr) 372px !important;
  gap: 16px 28px !important;
  align-items: start !important;
}

html body[data-active-panel="landing"] #landingXiaowenBriefingText,
html body:has(.landing-workspace.active) #landingXiaowenBriefingText,
html body[data-active-panel="landing"] .landing-xiaowen-briefing-advice,
html body:has(.landing-workspace.active) .landing-xiaowen-briefing-advice {
  display: block !important;
  margin: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
}

html body[data-active-panel="landing"] .landing-home-grid > .section-card.landing-special-training,
html body:has(.landing-workspace.active) .landing-home-grid > .section-card.landing-special-training {
  height: 196px !important;
  min-height: 196px !important;
  max-height: 196px !important;
  padding: 22px 26px !important;
  display: grid !important;
  grid-template-rows: 28px minmax(0, 1fr) !important;
  gap: 18px !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-special-training-list,
html body:has(.landing-workspace.active) .landing-special-training-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  height: 126px !important;
  min-height: 126px !important;
  max-height: none !important;
  overflow: visible !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item {
  height: 126px !important;
  min-height: 126px !important;
  max-height: 126px !important;
  padding: 16px !important;
  display: grid !important;
  grid-template:
    "icon title button" 30px
    "icon reason button" 36px
    "rate rate button" 34px
    / 42px minmax(0, 1fr) 96px !important;
  gap: 8px 14px !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-icon,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-icon {
  grid-area: icon !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  align-self: start !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > strong,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > strong {
  grid-area: title !important;
  min-width: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-reason,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > .landing-special-training-reason {
  grid-area: reason !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > p,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > p {
  grid-area: rate !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: end !important;
  overflow: visible !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > p b,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > p b {
  font-size: 22px !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-special-training .landing-special-training-list .landing-special-training-item > em,
html body:has(.landing-workspace.active) .landing-special-training .landing-special-training-list .landing-special-training-item > em {
  grid-area: button !important;
  justify-self: end !important;
  align-self: end !important;
  width: 96px !important;
  min-width: 96px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  font-size: 13px !important;
  line-height: 34px !important;
  white-space: nowrap !important;
}