/* T131 product chapter (/page/product, product2, product3, product4): only what the client decks ask for, on the production layout. */

/* ---------- /page/product ---------- */
/* Slide 33: the report value-chain figure replaces the seven-step flow; slide 34: the cards keep their published layout.
   The application donuts are the published ECharts chart (desktop label placement: shared charts.js).
   Slide 35 ("項目文字跟延伸線排列距離差太遠"): on phones the three stacked years get room so one year's labels
   no longer sit on the next year's ring. */
@media (max-width: 767.98px) {
    body.heritage-page-slug--product .page_main [data-report-module="report-2025-page-11-application-chart"] .report-chart__plot { height: 940px; }
}
/* Desktop: the three donuts sit in one row; trim the empty band above and below them (slide 35 layout). */
@media (min-width: 768px) {
    body.heritage-page-slug--product .page_main [data-report-module="report-2025-page-11-application-chart"] .report-chart__plot { height: 300px; }
}

/* ---------- /page/product2 ---------- */
/* EN-076-1: "NT$90.39" + "million" stay whole words inside the card. */
body.heritage-page-slug--product2 .page_main [data-report-module="ppt-2025-slide-37-source-kpis"] .report-kpi__value strong {
    font-size: clamp(1.45rem, 1.1rem + .7vw, 1.9rem);
    white-space: nowrap;
    word-break: keep-all;
}
body.heritage-page-slug--product2 .page_main [data-report-module="ppt-2025-slide-37-source-kpis"] .report-kpi__value > span { white-space: nowrap; }
/* ZH-040-1: four-stage heading carries an icon like the other primary headings. */
html body.heritage-page-slug--product2 .page_main [data-report-module="ppt-2025-product-four-stages"] > .report-module__header > .report-module__title::before {
    content: "\eb9b" !important;
    display: inline-block !important;
    position: static !important;
    border-radius: 0 !important;
    flex: 0 0 auto;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
    color: var(--t131-accent) !important;
    font-family: "tabler-icons" !important;
    font-size: 1.1em !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}
/* Peer primary headings inside the "Ensuring Action Effectiveness" module keep one rhythm. */
body.heritage-page-slug--product2 .page_main [data-report-module="ppt-2025-slide-39-copy"] .ppt-editorial__block:has(> .drive-heading--primary) { margin-top: 18px; }
body.heritage-page-slug--product2 .page_main [data-report-module="ppt-2025-slide-39-copy"] .ppt-editorial__block > .drive-heading--primary { margin-bottom: 14px !important; }

/* ---------- /page/product3 ---------- */
/* ZH-043-2: the +1.23 change badge follows the 2025 score. */
body.heritage-page-slug--product3 .page_main .customer-comparison__score { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
body.heritage-page-slug--product3 .page_main .customer-comparison__score-year:not(.is-current) { grid-column: 1; grid-row: 1; }
body.heritage-page-slug--product3 .page_main .customer-comparison__score-year.is-current { grid-column: 2; grid-row: 1; }
body.heritage-page-slug--product3 .page_main .customer-comparison__score-change {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    margin-right: 22px;
}
@media (max-width: 767px) {
    body.heritage-page-slug--product3 .page_main .customer-comparison__score-year:not(.is-current) { grid-row: 1 / span 2; }
    body.heritage-page-slug--product3 .page_main .customer-comparison__score-year.is-current { grid-row: 1 / span 2; padding-bottom: 72px; }
    body.heritage-page-slug--product3 .page_main .customer-comparison__score-change { grid-row: 2; justify-self: center; align-self: end; margin: 0 0 12px; }
}
body.heritage-page-slug--product3 .page_main [data-report-module="ppt-2025-slide-43-copy"] .ppt-editorial > .drive-heading--primary { margin: 26px 0 16px !important; }

/* ---------- /page/product4 ---------- */
/* ZH-046-1..4: plain lead text, numbered checkpoints, stakeholder topic as a primary heading. */
body.heritage-page-slug--product4 .page_main .t131-p4-actions > p { margin: 0 0 16px; color: var(--p4-copy, #4d626c); font-size: 15.5px; line-height: 1.85; }
body.heritage-page-slug--product4 .page_main .t131-p4-actions > .drive-heading--secondary { margin-top: 6px !important; }
body.heritage-page-slug--product4 .page_main .t131-p4-actions > .drive-heading--primary { margin: 28px 0 16px !important; }
body.heritage-page-slug--product4 .page_main .t131-p4-actions__steps {
    margin: 0 0 18px;
    padding: 0 0 0 1.6em;
    color: var(--p4-copy, #4d626c);
    font-size: 15.5px;
    line-height: 1.85;
    list-style: decimal;
}
body.heritage-page-slug--product4 .page_main .t131-p4-actions__steps li { margin: 0 0 4px; padding-left: .2em; list-style: decimal; }
body.heritage-page-slug--product4 .page_main .t131-p4-actions__steps li::before { content: none; }
/* ZH-047-2 / ZH-048-1: risk tables are plain three-column tables with their ※ note underneath. */
body.heritage-page-slug--product4 .page_main :is(#ppt-2025-slide-48-environment-table, #ppt-2025-slide-48-social-table) .report-module { padding: 18px 18px 18px; }
body.heritage-page-slug--product4 .page_main :is(#ppt-2025-slide-48-environment-table, #ppt-2025-slide-48-social-table) .report-module > .report-module__header {
    margin: 0 0 14px !important;
    background: none !important;
}
body.heritage-page-slug--product4 .page_main :is(#ppt-2025-slide-48-environment-table, #ppt-2025-slide-48-social-table) .table-v2-table { width: 100%; min-width: 0 !important; table-layout: fixed; }
body.heritage-page-slug--product4 .page_main :is(#ppt-2025-slide-48-environment-table, #ppt-2025-slide-48-social-table) .table-v2-row--header .table-v2-cell {
    background: var(--table-v2-header-bg);
    color: #fff;
    font-weight: 700;
    text-align: center;
}
body.heritage-page-slug--product4 .page_main :is(#ppt-2025-slide-48-environment-table, #ppt-2025-slide-48-social-table) tbody th.table-v2-cell { text-align: center; }
body.heritage-page-slug--product4 .page_main :is(#ppt-2025-slide-48-environment-table, #ppt-2025-slide-48-social-table) .table-v2-note {
    margin: 12px 0 0;
    padding: 0;
    border: 0;
    background: none;
    color: #5b6f78;
    font-size: 14px;
    line-height: 1.7;
}
body.heritage-page-slug--product4 .page_main #ppt-2025-slide-48-copy .report-module__body:empty { display: none; }
body.heritage-page-slug--product4 .page_main #ppt-2025-slide-48-copy .report-module > .report-module__header { margin-bottom: 0 !important; }
