/*
 * 2026-10-02（issue 176，第二階段 services 頁群）：服務子頁（servicePage／servicePlanPage）、接管條件頁、產品頁、
 * 頁面清單頁。排在 inner.css 之後；全部規則收在 #main.inner-main 之下，
 * 並用頁型選擇器（比單純 #main.inner-main 更具體）覆寫 inner.css 的共用元件。只引用 design-tokens.css 的變數，不出現色碼。
 * 靜態樣式永遠有效；位移與循環動畫只在 prefers-reduced-motion: no-preference 且 html:not([data-motion="off"]) 之內。
 */
#main.inner-main {


  /* ======== 服務子頁：痛點＝編號大字列，滑過時整列右移並亮起訊號點 ======== */
  .service-pain .tile-grid { grid-template-columns: minmax(0, 1fr); gap: 0; border-bottom: 1px solid var(--line); }
  .service-pain .tile-grid > li { display: grid; grid-template-columns: minmax(0, 1fr) 1rem; align-items: center; gap: 0 clamp(1rem, 2vw, 2rem); padding: clamp(1.5rem, 3vw, 2.5rem) 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: none; transition: padding .5s var(--ease), background .4s; }
  .service-pain .tile-grid > li p { font-size: clamp(1.1875rem, 2.3vw, 1.875rem); font-weight: 800; line-height: 1.4; text-wrap: balance; }
  .service-pain .tile-grid > li::after { content: ""; width: .75rem; height: .75rem; border-radius: 50%; background: var(--line); transition: background .3s, box-shadow .3s; }
  .service-pain .tile-grid > li:hover { padding-inline: clamp(.75rem, 2vw, 1.75rem); background: var(--surface-sunken); }
  .service-pain .tile-grid > li:hover::after { background: var(--action); box-shadow: 0 0 0 .5rem color-mix(in srgb, var(--action) 18%, transparent); }

  /* 範圍：含＝深色主卡，不含＝虛線卡，選配＝淡底卡；清單符號 ✓ ✕ ○ */
  .scope-grid { grid-template-columns: 1.25fr 1fr 1fr; align-items: stretch; }
  .scope-grid > div { position: relative; padding: clamp(1.75rem, 3vw, 2.5rem); border-radius: var(--r-card); }
  .scope-grid > div::before { width: 100%; height: 0; margin: 0; background: none; }
  .scope-grid > .scope-included { background: var(--deeper); color: var(--paper); }
  .scope-grid > .scope-included h3 { color: var(--paper); }
  .scope-grid > .scope-excluded { background: var(--paper); box-shadow: inset 0 0 0 1.5px var(--line); }
  .scope-grid > .scope-optional { background: var(--surface-sunken); }
  .scope-grid h3 { display: flex; align-items: center; gap: .75rem; margin: 0 0 1.5rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--line); font-size: clamp(1.375rem, 2vw, 1.75rem); font-weight: 900; }
  .scope-grid > .scope-included h3 { border-bottom-color: var(--deep-line); }
  .scope-grid ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .875rem; }
  .scope-grid li { position: relative; padding-left: 2rem; line-height: 1.65; }
  .scope-grid li::before { content: "\2713"; position: absolute; left: 0; top: .1rem; display: grid; place-items: center; width: 1.375rem; height: 1.375rem; border-radius: 50%; background: var(--cta); color: var(--on-accent); font-size: .75rem; font-weight: 900; line-height: 1; }
  .scope-grid > .scope-included li { color: var(--on-dark-card-body); }
  .scope-grid > .scope-excluded li::before { content: "\2715"; background: none; box-shadow: inset 0 0 0 1.5px var(--muted); color: var(--muted); }
  .scope-grid > .scope-optional li::before { content: ""; background: none; box-shadow: inset 0 0 0 1.5px var(--action); border-radius: 50%; border: 0; outline: 1.5px dashed transparent; }
  @media (max-width: 62rem) { .scope-grid { grid-template-columns: minmax(0, 1fr); } }

  /* 流程：節點之間的線在進入視窗時由左向右畫出（沒有 JS 時整條直接顯示） */
  html.js:not([data-motion="off"]) & .service-process ol.tile-grid:not(.is-in) > li::after { transform: scaleX(0); }
  .service-process ol.tile-grid > li::after { transform-origin: left; transition: transform 1s var(--ease); }
  .service-process ol.tile-grid > li:nth-child(2)::after { transition-delay: .25s; }
  .service-process ol.tile-grid > li:nth-child(3)::after { transition-delay: .5s; }
  .service-process ol.tile-grid > li:nth-child(4)::after { transition-delay: .75s; }
  .service-process ol.tile-grid > li::before { transition: box-shadow .5s, background .5s, color .5s; }
  .service-process ol.tile-grid > li:hover::before { background: var(--action); color: var(--paper); box-shadow: 0 0 0 .5rem color-mix(in srgb, var(--action) 18%, transparent); }

  /* 交付：缺角文件卡 */
  .service-deliverables .tile-grid > li { border: 0; background: var(--wash); border-radius: var(--r-card) 0 var(--r-card) var(--r-card); clip-path: polygon(0 0, calc(100% - 2.5rem) 0, 100% 2.5rem, 100% 100%, 0 100%); min-height: 10rem; display: flex; flex-direction: column; justify-content: space-between; transition: background .4s, color .4s; }
  .service-deliverables .tile-grid > li p { font-size: clamp(1.1875rem, 1.8vw, 1.5rem); font-weight: 800; }
  .service-deliverables .tile-grid > li:hover { background: var(--deeper); }
  .service-deliverables .tile-grid > li:hover p { color: var(--paper); }

  /* 資料保存：三顆大數字 */
  .retention { padding-block: var(--sec) 0; }
  .retention > h2 { max-width: 22em; margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); font-size: clamp(1.875rem, 3.8vw, 3.375rem); font-weight: 900; line-height: 1.14; letter-spacing: -.02em; }
  .retention .definition-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; border-top: 0; }
  .retention .definition-list > div { position: relative; display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: .75rem; padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: var(--r-card); background: var(--surface-sunken); overflow: hidden; }
  .retention .definition-list > div::after { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; background: linear-gradient(90deg, var(--cta), var(--soft)); transform-origin: left; transform: scaleX(var(--fill, 1)); transition: transform 1.2s var(--ease); }
  html.js:not([data-motion="off"]) & .retention .definition-list:not(.is-in) > div { --fill: 0; }
  .retention dd { margin: 0; color: var(--ink); font-family: "Inter Tight", var(--font-body); font-size: clamp(2.5rem, 5vw, 4.75rem); font-weight: 900; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
  .retention dt { color: var(--action); letter-spacing: .06em; text-transform: none; font-size: .875rem; }
  .retention > p { margin-top: 1.5rem; color: var(--muted); }
  @media (max-width: 47.9375rem) { .retention .definition-list { grid-template-columns: minmax(0, 1fr); } }

  /* 整合：像插槽的連接卡 */
  .service-integrations .tile-grid > li { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); column-gap: 1rem; align-items: start; background: var(--paper); transition: transform .5s var(--ease), border-color .3s, box-shadow .3s; }
  .service-integrations .tile-grid > li::before { content: ""; grid-row: span 2; width: 1.75rem; height: 1.75rem; margin: .125rem 0 0; border-radius: 50%; background: radial-gradient(circle, var(--cta) 0 .3125rem, transparent .375rem); box-shadow: inset 0 0 0 1.5px var(--action); }
  .service-integrations .tile-grid > li h3 { margin: 0 0 .5rem; }
  .service-integrations .tile-grid > li:is(:hover, :focus-within) { border-color: var(--action); box-shadow: 0 1.25rem 2.5rem color-mix(in srgb, var(--ink) 9%, transparent); }

  /* 法遵：暖米白帶上的深色卡（issue 382；原本是深色帶上的玻璃卡） */
  .service-compliance .tile-grid > li { background: var(--deep); transition: background .4s, border-color .4s; }
  .service-compliance .tile-grid > li:hover { background: color-mix(in srgb, var(--soft) 10%, var(--deep)); border-color: var(--soft); }

  /* 月報樣張：瀏覽器視窗框 */
  .report-sample { position: relative; max-width: 62rem; margin: 0; padding: 2.75rem 0 0; border-radius: var(--r-card); background: var(--deeper); overflow: hidden; box-shadow: 0 2rem 4rem color-mix(in srgb, var(--ink) 18%, transparent); }
  .report-sample::before { content: ""; position: absolute; left: 1.25rem; top: 1rem; width: .625rem; height: .625rem; border-radius: 50%; background: var(--soft); box-shadow: 1.125rem 0 0 var(--cta), 2.25rem 0 0 var(--muted-on-dark); opacity: .8; }
  .report-sample-image { display: block; width: 100%; height: auto; border-radius: 0; }
  .report-sample figcaption { padding: 1rem 1.5rem; color: var(--muted-on-dark); font-size: .8125rem; }

  /* 服務協議、相關服務 */
  .related-services .catalog-links, .related-services ul { gap: 1rem; }

  /* ======== 方案頁：比較矩陣（欄與列同時高亮）、附加項目、備註 ======== */
  .plan-matrix { padding-block: var(--sec) 0; }
  .plan-matrix > h2 { max-width: 22em; margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); font-size: clamp(1.875rem, 3.8vw, 3.375rem); font-weight: 900; line-height: 1.14; letter-spacing: -.02em; }
  .plan-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); padding: 0; }
  /* 手機（窄於 40rem）整張表改成卡片（inner.css 的 .data-table 手機規則）；欄列高亮、固定首欄、最小寬度只屬於桌機表格。 */
  @media (min-width: 40.0625rem) {
    .plan-table { min-width: 44rem; border-collapse: separate; border-spacing: 0; }
    .plan-table :is(th, td) { transition: background .25s, color .25s; }
    .plan-table thead th { position: relative; padding-block: 1.5rem; font-size: .875rem; }
    .plan-table thead th::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--cta); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--ease); }
    .plan-table thead th.is-col::after { transform: none; }
    .plan-table tbody th { position: sticky; left: 0; z-index: 1; background: var(--paper); min-width: 12rem; font-size: 1.0625rem; }
    .plan-table tbody tr:nth-child(even) > th { background: var(--surface-sunken); }
    .plan-table tbody td { font-size: 1rem; }
    .plan-table td.is-col, .plan-table tbody th.is-col { background: var(--feature-icon-bg); }
    .plan-table tbody tr:is(:hover, :focus-within) > * { background: var(--feature-icon-bg); }
    .plan-table tbody tr:is(:hover, :focus-within, :nth-child(n)):is(:hover, :focus-within) > th { background: var(--feature-icon-bg); }
    .plan-table tbody tr:is(:hover, :focus-within) > td.is-col { background: color-mix(in srgb, var(--cta) 22%, var(--paper)); }
    .plan-table thead th.is-col { background: var(--deep); color: var(--soft); }
    .plan-table tbody tr:is(:hover, :focus-within) > th a { text-decoration: underline; }
  }

  .plan-add-ons ul { gap: clamp(1rem, 1.6vw, 1.5rem); }
  .plan-add-ons li { position: relative; padding: clamp(1.5rem, 2.6vw, 2.25rem); padding-top: clamp(4.5rem, 6vw, 5.5rem); border: 0; border-radius: var(--r-card); overflow: hidden; transition: background .4s, color .4s, transform .5s var(--ease); }
  .plan-add-ons li::before { content: "+"; position: absolute; left: clamp(1.5rem, 2.6vw, 2.25rem); top: clamp(1rem, 2vw, 1.5rem); display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--ink); color: var(--paper); font-size: 1.5rem; line-height: 1; transition: transform .6s var(--ease), background .4s; }
  .plan-add-ons li h3 { margin: 0 0 .75rem; font-size: clamp(1.25rem, 1.8vw, 1.5rem); font-weight: 800; }
  .plan-add-ons li p { margin: 0; color: var(--muted); }
  .plan-add-ons li:is(:hover, :focus-within) { background: var(--deeper); }
  .plan-add-ons li:is(:hover, :focus-within) h3 { color: var(--paper); }
  .plan-add-ons li:is(:hover, :focus-within) p { color: var(--muted-on-dark); }
  .plan-add-ons li:hover::before { transform: rotate(135deg); background: var(--cta); color: var(--on-accent); }
  .plan-note { position: relative; max-width: 60rem; margin: var(--sec) 0 0; padding: 1.25rem 1.75rem 1.25rem 4rem; border-radius: var(--r-card); background: var(--notice-bg); color: var(--notice-text); font-weight: 700; }
  .plan-note::before { content: "i"; position: absolute; left: 1.25rem; top: 50%; translate: 0 -50%; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--notice-text); color: var(--notice-bg); font-weight: 900; font-style: italic; }

  /* ======== 章節大編號 01（issue 195）：評估表上方獨立一列、靠右，不壓表格也不被子選單蓋住；進入視窗時描邊轉填色 ======== */
  .eval-table > .pp-num { display: block; margin: 0 0 .75rem; font: 800 clamp(4.5rem, 11vw, 8rem)/.8 "Inter Tight", var(--font-body); font-variant-numeric: tabular-nums; letter-spacing: -.05em; text-align: right; color: color-mix(in srgb, var(--cta) 16%, transparent); pointer-events: none; user-select: none; }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      html:not([data-motion="off"]) & .eval-table > .pp-num { --pf-nc: var(--cta); animation: pp-num-in linear both; animation-timeline: view(); animation-range: entry 15% cover 35%; }
    }
  }

  /* ======== 接管條件頁：評估表同樣欄列高亮；已確認／待驗證 ======== */
  @media (min-width: 40.0625rem) {
    .eval-table .data-table tbody th { position: sticky; left: 0; z-index: 1; background: var(--paper); min-width: 9rem; font-size: 1.0625rem; }
    .eval-table .data-table tbody tr:nth-child(even) > th { background: var(--surface-sunken); }
    .eval-table .data-table :is(th, td) { transition: background .25s, color .25s; }
    .eval-table .data-table thead th { padding-block: 1.5rem; }
    .eval-table .data-table td.is-col, .eval-table .data-table tbody th.is-col { background: var(--feature-icon-bg); }
    .eval-table .data-table thead th.is-col { background: var(--deep); color: var(--soft); }
    .eval-table .data-table tbody tr:is(:hover, :focus-within) > * { background: var(--feature-icon-bg); }
    .eval-table .data-table tbody tr:is(:hover, :focus-within):is(:hover, :focus-within) > th { background: var(--feature-icon-bg); }
  }
  [data-page-kind="takeoverPage"] .checklist-section .split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-page-kind="takeoverPage"] .checklist-section .split > div { padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: var(--r-card); background: var(--paper); box-shadow: inset 0 0 0 1px var(--line); }
  [data-page-kind="takeoverPage"] .checklist-section .split > div:last-child { background: none; box-shadow: inset 0 0 0 1.5px var(--line); border: 0; }
  [data-page-kind="takeoverPage"] .checklist-section .split h3 { display: flex; align-items: center; gap: .75rem; padding-bottom: 1.25rem; margin-bottom: .5rem; border-bottom: 1px solid var(--line); }
  [data-page-kind="takeoverPage"] .checklist-section .split h3::before { content: "\2713"; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--cta); color: var(--on-accent); font-size: .875rem; }
  [data-page-kind="takeoverPage"] .checklist-section .split > div:last-child h3::before { content: "?"; background: none; box-shadow: inset 0 0 0 1.5px var(--action); color: var(--action); }
  [data-page-kind="takeoverPage"] .checklist-section .checks li { grid-template-columns: 2.25rem minmax(0, 1fr); font-size: clamp(1.0625rem, 1.5vw, 1.25rem); border-top-color: var(--line); }
  [data-page-kind="takeoverPage"] .checklist-section .checks li:first-child { border-top: 0; }
  [data-page-kind="takeoverPage"] .checklist-section .checks li:last-child { border-bottom: 0; }
  [data-page-kind="takeoverPage"] .checklist-section .checks li::before { content: "\2713"; position: static; width: auto; height: auto; border-radius: 0; background: none; font-family: "Inter Tight", var(--font-body); font-size: 1.125rem; font-weight: 800; line-height: 1; color: var(--action); }
  [data-page-kind="takeoverPage"] .checklist-section .split > div:last-child .checks li::before { content: "\25CB"; }
  @media (max-width: 47.9375rem) { [data-page-kind="takeoverPage"] .checklist-section .split { grid-template-columns: minmax(0, 1fr); } }

  /* ======== 產品頁 ======== */
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: clamp(14rem, 20vw, 18rem); border: 0; border-radius: var(--r-card); overflow: hidden; transition: background .5s, transform .6s var(--ease); }
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card h3 { font-size: clamp(1.5rem, 2.4vw, 2.125rem); font-weight: 900; }
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card .text-link { align-self: flex-start; margin-top: auto; padding-top: .5rem; }
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card h3 a::after { content: ""; position: absolute; inset: 0; }
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card::before { content: ""; position: absolute; right: -4rem; top: -4rem; width: 12rem; height: 12rem; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line), 0 0 0 2rem color-mix(in srgb, var(--soft) 12%, transparent); transition: transform .8s var(--ease), box-shadow .5s; }
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card:is(:hover, :focus-within) { background: var(--deeper); }
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card:is(:hover, :focus-within) :is(h3, h3 a) { color: var(--paper); }
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card:is(:hover, :focus-within) p { color: var(--muted-on-dark); }
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card:is(:hover, :focus-within) .text-link { color: var(--soft); }
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card:is(:hover, :focus-within)::before { transform: scale(1.6); box-shadow: inset 0 0 0 1px var(--deep-line), 0 0 0 2rem color-mix(in srgb, var(--soft) 6%, transparent); }
  .catalog-content:not([data-page-kind^="partner"]) .product-section .product-card:focus-within { outline: 3px solid var(--action); outline-offset: 3px; }
  .catalog-content:not([data-page-kind^="partner"]) .product-capabilities .checks { gap: .75rem; }
  .catalog-content:not([data-page-kind^="partner"]) .product-capabilities .checks li { padding: 1.125rem 1.5rem 1.125rem 3.5rem; border-radius: var(--r-pill); background: var(--surface-sunken); font-weight: 700; transition: background .3s, transform .4s var(--ease); }
  .catalog-content:not([data-page-kind^="partner"]) .product-capabilities .checks li::before { left: 1.125rem; top: 1.25rem; }
  .catalog-content:not([data-page-kind^="partner"]) .product-capabilities .checks li::after { left: 1.625rem; top: 1.5625rem; }
  .catalog-content:not([data-page-kind^="partner"]) .product-capabilities .checks li:hover { background: var(--feature-icon-bg); }
  .scoping-checks .numbered-list { gap: clamp(1rem, 1.6vw, 1.5rem); }
  .scoping-checks .numbered-list > div { padding: clamp(1.5rem, 2.6vw, 2.25rem); border: 0; border-radius: var(--r-card); background: var(--paper); box-shadow: inset 0 0 0 1px var(--line); transition: background .4s, box-shadow .4s; }
  .scoping-checks .numbered-list-no { display: block; margin-bottom: 1.25rem; color: var(--action); font-family: "Inter Tight", var(--font-body); font-size: clamp(2.5rem, 4vw, 3.75rem); font-weight: 800; line-height: 1; }
  .scoping-checks .numbered-list h3 { margin: 0; font-size: clamp(1.1875rem, 1.8vw, 1.5rem); font-weight: 800; }
  .scoping-checks .numbered-list > div:hover { background: var(--deeper); box-shadow: none; }
  .scoping-checks .numbered-list > div:hover h3 { color: var(--paper); }
  .scoping-checks .numbered-list > div:hover .numbered-list-no { color: var(--soft); }
  .deep-section > .advantage-cards + *, .deep-section > .data-table-block, .deep-section > .data-table-block + * { margin-top: clamp(1.5rem, 3vw, 2.25rem); }
  .advantage-cards > article { transition: background .4s, border-color .4s, transform .5s var(--ease); }
  .advantage-cards > article:hover { border-color: var(--action); background: var(--paper); }
  .empty-state { border-radius: var(--r-card); border: 1.5px dashed var(--line); background: none; }

  /* ======== 頁面清單：網站地圖樹（依路徑層級縮排） ======== */
  [data-page-kind="pageInventoryPage"] .page-inventory { counter-reset: pi; grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 1px solid var(--ink); }
  [data-page-kind="pageInventoryPage"] .page-inventory > a { position: relative; counter-increment: pi; display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) auto 2rem; align-items: center; gap: 0 1rem; padding: 1.125rem 0; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: background .3s, padding .5s var(--ease), color .3s; }
  [data-page-kind="pageInventoryPage"] .page-inventory > a::before { content: counter(pi, decimal-leading-zero); color: var(--action); font-family: "Inter Tight", var(--font-body); font-size: .8125rem; font-weight: 800; letter-spacing: .08em; }
  [data-page-kind="pageInventoryPage"] .page-inventory > a::after { content: "\2192"; color: var(--action); opacity: 0; translate: -.5rem 0; transition: opacity .3s, translate .5s var(--ease); }
  [data-page-kind="pageInventoryPage"] .page-inventory > a > span { margin-inline-start: calc(var(--depth, 0) * clamp(1rem, 3vw, 2.5rem)); font-size: clamp(1.0625rem, 1.6vw, 1.375rem); font-weight: 800; }
  [data-page-kind="pageInventoryPage"] .page-inventory code { justify-self: end; padding: .25rem .75rem; border-radius: var(--r-pill); background: var(--surface-sunken); color: var(--muted); font-size: .8125rem; transition: background .3s, color .3s; }
  [data-page-kind="pageInventoryPage"] .page-inventory > a:is(:hover, :focus-visible) { background: var(--surface-sunken); text-decoration: none; padding-inline: .75rem; }
  [data-page-kind="pageInventoryPage"] .page-inventory > a:is(:hover, :focus-visible)::after { opacity: 1; translate: 0; }
  [data-page-kind="pageInventoryPage"] .page-inventory > a:is(:hover, :focus-visible) code { background: var(--ink); color: var(--paper); }
  [data-page-kind="pageInventoryPage"] .page-inventory > a[data-depth="0"] > span { font-size: clamp(1.1875rem, 1.9vw, 1.625rem); }
  @media (max-width: 40rem) { [data-page-kind="pageInventoryPage"] .page-inventory > a { grid-template-columns: 2.5rem minmax(0, 1fr); } [data-page-kind="pageInventoryPage"] .page-inventory > a::after { display: none; } [data-page-kind="pageInventoryPage"] .page-inventory code { grid-column: 2; justify-self: start; margin-top: .375rem; } }
  .page-inventory-mapping { max-width: 60rem; }

  @media (prefers-reduced-motion: no-preference) {
    html:not([data-motion="off"]) & .service-pain .tile-grid > li:hover::after { animation: svc-ping 1.4s ease-out infinite; }
    html:not([data-motion="off"]) & .report-sample { transition: transform .8s var(--ease); }
    html:not([data-motion="off"]) & .report-sample:hover { transform: perspective(70rem) rotateX(2deg); }
    html { scroll-behavior: smooth; }
  }
  @keyframes svc-ping { from { box-shadow: 0 0 0 0 color-mix(in srgb, var(--action) 35%, transparent); } to { box-shadow: 0 0 0 1rem transparent; } }
}