/* =========================================================================
   站點層的少量補充——設計系統本體在 site.css（由 design/ 同步，不要改它）。
   這裡只放「樣板結構需要、設計卡片沒有」的黏著劑。
   紅線：本檔不得新增或覆寫任何視覺決策——顏色、線、間距、字級的家
   都在 design/styles.css，這裡只准把 UA 預設樣式歸零。視覺規則一旦
   從這裡走私進來，設計系統的禁令（例如「列與列之間不畫線」）就會被
   安靜地繞過，而且沒有人會來這個檔案找它。
   ========================================================================= */

/* 書櫃檔案列是 <form><button> 組合（無 JS 純表單下載）：抹掉 UA 樣式 */
.asset-list form { margin: 0; }
button.asset-row {
  width: 100%;
  background: none;
  border: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
}

/* select 沿用輸入框樣式 */
select.input { appearance: auto; }

/* 樣張縮圖是 <img>。contain 不是 cover——樣張的工作是證明排版品質，
   裁掉頁緣比留白更傷；比例不合時露出 .plate 自己的 --surface 底，
   看起來仍是一張紙。 */
img.plate { object-fit: contain; }

/* 保險絲：單一元件溢出不該讓整頁橫向捲動（手機上最傷可信度）。
   用 clip 不用 hidden——hidden 會生成捲動容器、動到 sticky 的參考框。
   只放生產端不放 design/styles.css：body 的 overflow 會傳播到 viewport，
   放進設計端會讓 _preview/_audit.html 的 scrollWidth 健檢失明。 */
body { overflow-x: clip; }