/* ============================================================================
 * 資訊安全政策頁專屬樣式
 * ----------------------------------------------------------------------------
 * 版面、格線、表格、按鈕、導覽列一律使用 Bootstrap 5.3 的既有元件與 utilities；
 * 本檔只放「Bootstrap 沒有對應品項」的文件排版細節（封面標識、目錄、章節編號、
 * 8.x 條款編號、列印樣式），且只使用 Narsil 的 var(--narsil-*) token，
 * 不出現任何原始色碼或 magic number。
 *
 * 品牌標誌（.narsil-brand-logo / --default / --inverse）已收進共用主題層
 * /local_assets/css/shared/narsil-bootstrap-theme.css，此處不再重複定義。
 * ========================================================================== */

/* —— 封面：公司名 + 機密等級 —— */
.narsil-isms-cover__org {
  margin-block-end: var(--narsil-space-3);
  color: var(--narsil-text-secondary);
  font-family: var(--narsil-font-heading);
  font-size: var(--narsil-text-lg);
  font-weight: var(--narsil-weight-semibold);
  letter-spacing: var(--narsil-tracking-wide);
}

.narsil-isms-cover__classification {
  display: inline-block;
  padding: var(--narsil-space-2) var(--narsil-space-4);
  border: var(--narsil-border-width-hairline) solid var(--narsil-border-strong);
  border-radius: var(--narsil-radius-md);
  color: var(--narsil-text-secondary);
  font-size: var(--narsil-text-sm);
  letter-spacing: var(--narsil-tracking-wide);
}

/* —— 版本記錄表：欄位較多，給一個最小寬度讓 .table-responsive 生效 —— */
.narsil-isms-history-table { min-inline-size: 34rem; }

/* —— 目錄：左側金屬邊的面板 —— */
.narsil-isms-toc {
  margin-block-start: var(--narsil-space-6);
  padding: var(--narsil-space-6);
  border: var(--narsil-border-width-hairline) solid var(--narsil-border-default);
  border-inline-start: var(--narsil-border-width-heavy) solid var(--narsil-accent);
  border-radius: var(--narsil-radius-md);
  background-color: var(--narsil-bg-surface);
}

.narsil-isms-toc__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--narsil-space-2) var(--narsil-space-6);
  margin: 0;
  padding-inline-start: 0;
  list-style: none;
}

.narsil-isms-toc__list a {
  display: block;
  padding-block: var(--narsil-space-1);
  color: var(--narsil-text-primary);
  font-size: var(--narsil-text-sm);
  text-decoration: none;
}

.narsil-isms-toc__list a:hover { color: var(--narsil-accent); text-decoration: underline; }

.narsil-isms-toc__index {
  display: inline-block;
  min-inline-size: var(--narsil-space-8);
  color: var(--narsil-text-muted);
  font-family: var(--narsil-font-heading);
  font-weight: var(--narsil-weight-bold);
}

/* —— 章節編號 —— */
.narsil-isms-section__index {
  display: inline-block;
  min-inline-size: var(--narsil-space-10);
  color: var(--narsil-text-muted);
  font-family: var(--narsil-font-heading);
  font-weight: var(--narsil-weight-bold);
}

.narsil-isms-article + .narsil-isms-article { margin-block-start: var(--narsil-space-12); }

/* —— 8.1／8.2／8.3 條款清單（編號需帶章節號，Bootstrap 的 list 做不到） —— */
.narsil-isms-clauses {
  counter-reset: isms-clause;
  margin-block-start: var(--narsil-space-4);
  padding-inline-start: 0;
  list-style: none;
}

.narsil-isms-clauses > li {
  position: relative;
  padding-inline-start: var(--narsil-space-12);
  color: var(--narsil-text-primary);
  line-height: var(--narsil-leading-relaxed);
}

.narsil-isms-clauses > li + li { margin-block-start: var(--narsil-space-4); }

.narsil-isms-clauses > li::before {
  counter-increment: isms-clause;
  content: "8." counter(isms-clause) ".";
  position: absolute;
  inset-inline-start: 0;
  color: var(--narsil-text-muted);
  font-family: var(--narsil-font-heading);
  font-weight: var(--narsil-weight-bold);
}

/* —— 涵蓋內容 16 項：欄位由 Bootstrap 的 .row-cols-* 排，這裡只給項目符號 —— */
.narsil-isms-coverage-list > li {
  position: relative;
  padding-inline-start: var(--narsil-space-5);
}

.narsil-isms-coverage-list > li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.65em;
  inline-size: var(--narsil-space-2);
  block-size: var(--narsil-border-width-thick);
  background: var(--narsil-accent);
}

/* —— 頁尾文件識別 —— */
/* 頁尾為深色，採用該主題下已驗證 AA 的 text-secondary，
   不使用 opacity 調淡（會讓實際對比低於契約值）。 */
.narsil-isms-footer-meta {
  color: var(--narsil-text-secondary);
  font-size: var(--narsil-text-xs);
  letter-spacing: var(--narsil-tracking-wide);
}

@media (max-width: 44rem) {
  .narsil-isms-toc__list { grid-template-columns: minmax(0, 1fr); }
}

/* —— 列印：政策文件常被列印歸檔 —— */
@media print {
  .navbar,
  .visually-hidden-focusable { display: none !important; }
  .table-responsive { overflow-x: visible; }
}

/* —— 核准敘述句 —— */
/* 取代原本「簽核」欄位的公開呈現。內控欄位（修訂日期、簽核）留在內部文件
   管理系統，公開頁只陳述核准狀態；理由見 view 檔頭註解與
   docs/isms_public_policy_page/reference/iso27001_publication_compliance_review.md */
.narsil-isms-approval-note {
  margin-block-start: var(--narsil-space-4);
  padding-inline-start: var(--narsil-space-4);
  border-inline-start: var(--narsil-border-width-thick) solid var(--narsil-accent);
  color: var(--narsil-text-secondary);
  font-size: var(--narsil-text-sm);
}

/* ============================================================================
 * 行長上限（measure）
 * ----------------------------------------------------------------------------
 * 政策本文原本每行 856px（16px 字級下約 53 個全形字）。中文舒適閱讀是
 * 每行 30–45 個全形字；超過之後眼睛在換行時會找不到下一行的起點。
 *
 * 42rem ≈ 42 個全形字，落在舒適區間上緣。只套在整段句子上，
 * 不套表格（表格要靠欄寬對齊）與目錄（目錄是兩欄格線）。
 * ========================================================================== */

.narsil-isms-article p,
.narsil-isms-article .lead,
.narsil-isms-clauses > li,
.narsil-isms-cover__classification + p {
  max-width: 42rem;
}

/* ============================================================================
 * 間距補強
 * ----------------------------------------------------------------------------
 * 間距要隨字級等比放大。以下是量測後仍過擠的縫隙：
 * 標題越大，需要的下緣越大，否則標題會壓在段落上。
 * ========================================================================== */

/* 封面：64px 的標題只配 16px 下緣 */
.narsil-isms-cover__org { margin-block-end: var(--narsil-space-4); }
#narsil-policy-title { margin-block-end: var(--narsil-space-6); }

/* 引言段落與其後的清單原本只有 8px */
.narsil-isms-article .lead + ul,
.narsil-isms-article .lead + ol {
  margin-block-start: var(--narsil-space-5);
}

/* 章節之間、以及章節標題與內文之間 */
.narsil-isms-article > h3 { margin-block-end: var(--narsil-space-4); }
.narsil-isms-article p + p { margin-block-start: var(--narsil-space-4); }

/* 頁尾三行識別資訊原本行行相黏 */
footer .small + .narsil-isms-footer-meta { margin-block-start: var(--narsil-space-2); }