/* T08 候選 CSS；僅供 Claude 終審。保留原主色、字體與結構，沒有 !important。 */

/* T08-C01：主要按鈕前景與背景同為深綠，文字不可讀。 */
body.site-information-page .information-actions > a, body.about-topic-page .topic-actions > a.topic-action {
  color: #ffffff;
}

/* T08-C02：鍵盤焦點跳至內容連結呈深綠字／深綠底。 */
body.brand-home > a.home-skip, body.editorial-page > a.editorial-skip {
  color: #ffffff;
}

/* T08-C03：詢盤步驟次要文字對比不足4.5:1。 */
body[data-page="enquiry"] #enquiry-form .form-progress li:not([aria-current]) {
  color: #6c7072;
}

@media (min-width: 1101px) {

  /* T08-W01：桌面介紹段落每行超過約80字元。 */
  body.brand-home #brand-intro > p {
    max-width: 60ch;
  }

  /* T08-W02：桌面經銷邀請說明行寬過長。 */
  body.brand-home #dealer-connect > p {
    max-width: 60ch;
    margin-left: auto;
    margin-right: auto;
  }

  /* T08-W03：資訊頁桌面導語每行超過約80字元。 */
  body.site-information-page .information-heading > p:not(.information-state) {
    max-width: 60ch;
  }

  /* T08-W04：Adventures桌面場景說明行寬過長。 */
  body.editorial-page #forest-trails > div > p, body.editorial-page #riding-together > div > p, body.editorial-page #open-landscapes > div > p {
    max-width: 60ch;
  }

  /* T08-W05：車款頁桌面區段導語每行超過約80字元。 */
  body[data-model-key] :is(#overview, #performance, #design, #technology) > .section-heading > p {
    max-width: 60ch;
  }

  /* T08-W06：桌面寬版Performance說明行寬過長。 */
  body[data-model-key] #performance .performance-lead:not(.performance-scene) > div > p, body[data-model-key] #performance-grid > article:not(.performance-scene) > div > p {
    max-width: 60ch;
  }

  /* T08-W07：桌面Technology說明行寬過長。 */
  body[data-model-key] #technology-copy {
    max-width: 60ch;
  }

  /* T08-W08：訂閱導語／使用條款部分正文行寬偏長。 */
  body[data-route-id="information-subscribe"] .newsletter-signup > p, body[data-route-id="information-terms"] .information-section > p {
    max-width: 60ch;
  }

  /* T08-C05：桌面產品主視覺說明的可定位字形背景取樣低於4.5:1。 */
  body[data-model-key="s350"] #hero-description {
    background-color: rgba(32, 58, 48, 0.30);
    padding: 4px 8px;
  }

  /* T08-C06：桌面Performance主卡說明的可定位字形背景取樣低於4.5:1。 */
  body:is([data-model-key="s350"], [data-model-key="s500"], [data-model-key="s700"]) #performance .performance-lead > div > p {
    max-width: 38ch;
  }

  /* T08-C07：桌面Performance寬卡說明的可定位字形背景取樣低於4.5:1。 */
  body[data-model-key="s700"] #performance #performance-grid > article:nth-of-type(3) > div > p {
    max-width: 38ch;
  }
}

@media (max-width: 700px) {

  /* T08-F01：手機公司摘要正文13px。 */
  body.about-page #at-a-glance .about-fact > p {
    font-size: 14px;
  }

  /* T08-F02：手機車款摘要／配置文字10–12px。 */
  body[data-model-key] .overview-facts > div > span, body[data-model-key] .trim-selector-drive :is(dt, dd), body[data-model-key] #trim-selected-finish {
    font-size: 14px;
  }

  /* T08-F03：手機功能說明正文13px。 */
  body[data-model-key] #performance .performance-lead > div > p, body[data-model-key] #performance-grid > article > div > p, body[data-model-key] #feature-description, body[data-model-key] #rider-copy {
    font-size: 14px;
  }

  /* T08-F04：手機功能頁規格摘要12px。 */
  body[data-page="features"] .feature-article aside .detail-facts > div {
    font-size: 14px;
  }

  /* T08-F05：手機規格用途限定與確認說明12px。 */
  body[data-page="specifications"] :is(.spec-complete-note, .spec-row-note), body[data-page="specifications"] .detail-aside > p {
    font-size: 14px;
  }

  /* T08-F06：手機產品圖說13px，包含預覽性質與視角資訊。 */
  body[data-page="gallery"] .detail-gallery figcaption {
    font-size: 14px;
  }

  /* T08-F07：手機車系卡片規格13px。 */
  body[data-page="models"] .model-directory article dl {
    font-size: 14px;
  }

  /* T08-F08：手機比較表正文與規格限定11–13px。 */
  body[data-page="compare"] .configuration-table-scroll table, body[data-page="compare"] .configuration-table-scroll thead th span, body[data-page="compare"] .configuration-table-scroll td small, body[data-page="compare"] #configuration-note, body[data-page="compare"] #configuration-status {
    font-size: 14px;
  }

  /* T08-F09：手機表單操作／隱私說明13px。 */
  body.brand-page #partner-form > .brand-form-note, body.site-information-page .newsletter-form .newsletter-privacy, body.site-information-page .newsletter-consent > span {
    font-size: 14px;
  }

  /* T08-F10：手機詢盤步驟文字10px。 */
  body[data-page="enquiry"] #enquiry-form .form-progress {
    font-size: 14px;
  }

  /* T08-C04：手機首頁照片標題的可定位字形背景取樣低於大字3:1。 */
  body.brand-home .story-news:has(#home-story-3)::after {
    background-color: rgba(32, 58, 48, 0.20);
  }

  /* T08-F11：手機車款主頁視角圖說10px，與獨立相簿圖說不一致。 */
  body[data-model-key] #gallery-grid > figure > span {
    font-size: 14px;
  }
}