/* Site refinement, 2026-09-23. Brand palette and existing components retained. */

/* Keep the first screen readable while its internal animation starts. */
body.page-independent-site .inner-hero .inner-hero-copy.reveal,
body.page-independent-site .inner-hero .wz-assembly.reveal,
body.page-google-seo .inner-hero .inner-hero-copy.reveal,
body.page-google-seo .inner-hero .seo-ranking-scene.reveal,
body.page-dongming-ai .inner-hero .inner-hero-copy.reveal,
body.page-dongming-ai .inner-hero #agent-task-demo.reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* The right-edge contact capsule should not cross the hero illustrations. */
@media (min-width: 761px) {
  .float-actions > button[data-contact-toggle] {
    right: calc(-4px + env(safe-area-inset-right, 0px));
  }
  body.inner-page-v2 .snk-contact-dock,
  body.inner-page-v2.page-google-seo .snk-contact-dock {
    right: calc(-4px + env(safe-area-inset-right, 0px));
  }
}
@media (max-width: 760px) {
  body.inner-page-v2 .snk-contact-dock,
  body.inner-page-v2.page-google-seo .snk-contact-dock {
    width: 104px;
  }
  body.inner-page-v2 .snk-contact-dock-toggle {
    width: 104px;
    min-width: 104px;
    gap: 6px;
    padding-inline: 9px;
  }
}

/* Both displayed numbers are from the same demo series; remove the unrelated metrics. */
#evidence .record-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#evidence .record-stats > div { max-width: 26em; }
@media (max-width: 720px) {
  #evidence .record-stats { gap: 16px; }
  #evidence .record-stats dd { font-size: clamp(28px, 9vw, 36px); }
}

/* On small screens, the case summary leads and the full project facts are optional. */
@media (max-width: 720px) {
  body.home-case-brief #cases .work-story:not(.case-expanded) .work-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  body.home-case-brief #cases .work-story:not(.case-expanded) .work-facts { display: none; }
  body.home-case-brief #cases .case-detail-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    padding: 9px 0;
    border: 0;
    background: none;
    color: #007da9;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
  }
  body.home-case-brief #cases .case-detail-toggle::after { content: '⌄'; font-size: 18px; line-height: .8; }
  body.home-case-brief #cases .case-expanded .case-detail-toggle::after { transform: rotate(180deg); }
  body.home-case-brief #cases .case-detail-toggle:focus-visible { outline: 2px solid #008fc5; outline-offset: 3px; }
}
@media (min-width: 721px) { #cases .case-detail-toggle { display: none; } }

/* Readable support copy in the dark skill demonstration. */
body.page-dongming-ai #agent-task-demo .dm-engine-core small {
  color: #b0c9d5;
  font-size: 10px;
  letter-spacing: .09em;
}
body.page-dongming-ai #agent-task-demo .dm-engine-core > span,
body.page-dongming-ai #agent-task-demo .dm-engine-core em { color: #c0d3db; font-size: 11px; }
body.page-dongming-ai #agent-task-demo .dm-hero-task li small,
body.page-dongming-ai #agent-task-demo .dm-hero-task li [data-demo-state] {
  color: #bad1db;
  font-size: 11px;
  line-height: 1.5;
}
body.page-dongming-ai #agent-task-demo .snk-sim-note { color: #aec4ce; font-size: 11px; line-height: 1.6; }
@media (min-width: 761px) and (max-width: 1100px) {
  body.page-dongming-ai #agent-task-demo .dm-hero-task li small { display: block; }
}
@media (max-width: 760px) {
  body.page-dongming-ai #agent-task-demo .dm-hero-task li small { display: none; }
}