/*
 * v1.8 | 2026-08-25 (UTC+8)
 * - Regulations family semantic typography refactor：所有可見文字角色改用全站 --myfont-* tokens，移除零散固定字級。
 * - Heading Isolation：HTML 自有標題不再依賴 h1–h6；視覺完全由 myreg semantic classes 控制。
 * - Page Header 放寬 copy/title 可用寬度，避免英文主標過早折行；四頁共用同一結構與 RWD。
 * - 1025 Golden Base：主樣式為桌機基準；僅保留真正 layout-state 的 RWD，不以手機另造字級階層。
 */

/*
 * v1.7 | 2026-08-20 (UTC+8)
 * - 新增學生法規 06「獎助學金與工讀」之輕量子區小標樣式 .myreg-subheading-item / .myreg-subheading。
 * - 子區小標只提供資訊分群，不建立新的法規位階、卡片或 deep-link section。
 * - 教師／學生既有 Regulations family 樣式、RWD 與未解的 nested form spacing 均不變。
 */

/*
 * v1.6 | 2026-08-16 (UTC+8)
 * - 新增英文教師／學生法規頁共用的 .myreg-intro 說明區樣式。
 * - 採淡灰底、左側金色細線與較柔和文字，作為閱讀說明，不使用醒目的 alert 風格。
 * - 本版不處理尚待查明的「母法規與第一個從屬表單間距」問題；保留 v1.5 校正版既有設定。
 */

/*
 * v1.5 校正版 | 2026-08-16 (UTC+8)
 * - 前版只增加 .myreg-form-list 的 margin-top，視覺差異過小。
 * - 改為在從屬清單本體加入 0.9rem padding-top，直接拉開母法規與第一筆從屬表單內容。
 * - 後續表單彼此間距、內縮、邊線與 RWD 均維持不變。
 */

/**
 * 東華經濟 2026 新版網站
 * page-regulations.css v1.5
 *
 * Change Log
 * ---------------------------------------------------------
 * v1.5 | 2026-08-16 (UTC+8)
 * - 增加母法規與第一個從屬表單之間的上方留白，使第一個表單與後續表單的閱讀節奏更一致。
 * - 僅調整 Nested Form List 的垂直間距，不改變表單列本身、內縮、RWD 或其他既有樣式。
 *
 * v1.4 | 2026-08-16 (UTC+8)｜校正版
 * - 將檔案類型 icon 與修訂日期由右側獨立欄位改為文件名稱後方的 inline metadata。
 * - 無日期文件不再出現右側孤立 icon；metadata 隨文件名稱自然換行。
 * - 修正 PHP／網頁型 URL 未正確轉為 external-link icon 的問題。
 * - 網頁／PHP 類連結統一使用灰藍色 external-link icon，不以 PHP 作為使用者可見檔案類型。
 * - 所有檔案／網頁 icon 本身也可點擊，並與文件名稱使用相同 href／target／rel／download。
 * - 縮小 metadata 與檔案 icon 視覺尺寸，降低干擾並維持文件目錄閱讀節奏。
 *
 * v1.3 | 2026-08-16 (UTC+8)｜校正版
 * - 修正「回到分類導覽」實際仍維持右對齊的 selector 誤改問題。
 * - 修正檔案類型彩色 icon 被後置共用規則覆蓋的 cascade 問題。
 * - 「回到分類導覽」正式改為左側對齊。
 * - Font Awesome 檔案類型圖示採慣用格式色彩：PDF 紅、Word 藍、Excel 綠、文字類灰藍。
 * - 維持圖示文字替代資訊，顏色不作唯一識別。
 *
 * v1.2 | 2026-08-16 (UTC+8)
 * - 檔案類型改用既有 Font Awesome 4.7 圖示，不再依賴 Rpage PDF/DOC/TXT GIF。
 * - 移除畫面上的 PDF / DOC / DOCX / RTF / TXT 等重複格式文字，保留無障礙標示。
 * - Quick Navigation 加入穩定 anchor id，可供站內其他頁面直接 deep link。
 * - 每個大分類結尾加入「回到分類導覽」，回到 Quick Navigation 而非頁首。
 *
 * v1.1 | 2026-08-16 (UTC+8)
 * - 建立 page-level content boundary，避免 section index 與內容貼齊視窗邊緣。
 * - 降低 document row 的 box 感：移除清單四周框線與法規名稱常駐底線。
 * - 保留單一淡分隔線；hover/focus 才加強互動提示。
 * - 加深 Page Header 灰色幾何面、細線、方框與圓形，提高可見度。
 * - Header / Quick Nav / Section / Document rows 共用一致左右對齊基準。
 *
 * v1.0 | 2026-08-16 (UTC+8)
 * - 建立 Regulations family 第一版共用樣式。
 * - 採 Paper White / Cool Gray + Navy + Minimal Gold。
 * - 建立 editorial geometry Page Header、文件索引式 Quick Nav。
 * - 建立校級／院級／系級 scope badge、法規列、表單列、參考資料列。
 * - 建立 Desktop / Tablet / Mobile RWD。
 * - 教師／學生頁共用同一 CSS；以 root variant class 區分。
 *
 * Design references:
 * - 教師學生法規表單_新版IA_v1.0
 * - 教師學生法規表單_Design_Blueprint_v1.0
 * - A00_NDHU_Economics_Design_Guide_v4.0
 */


/* =========================================================
   0. Regulations Family Tokens
   ========================================================= */

.myreg-page {
  --myreg-navy: #0B1F3A;
  --myreg-navy-soft: #243A57;
  --myreg-gold: #D4AF37;

  --myreg-paper: #FFFFFF;
  --myreg-paper-soft: #F7F8FA;
  --myreg-gray-050: #FAFBFC;
  --myreg-gray-100: #F1F3F5;
  --myreg-gray-150: #E9EDF1;
  --myreg-gray-200: #DDE2E7;
  --myreg-gray-300: #C8D0D8;
  --myreg-gray-500: #6E7883;
  --myreg-text: #27313A;
  --myreg-text-soft: #5C6670;

  --myreg-border: 1px solid var(--myreg-gray-200);
  --myreg-radius-sm: 0.5rem;
  --myreg-radius-md: 0.8rem;

  --myreg-shadow-soft: 0 0.4rem 1.4rem rgba(11, 31, 58, 0.06);

  color: var(--myreg-text);
  font-family: 'Noto Sans TC', sans-serif;
  width: 100%;
  max-width: 132rem;
  margin: 0 auto;
  padding-left: 2.4rem;
  padding-right: 2.4rem;

  font-size: var(--myfont-body, 1.7rem);
  line-height: 1.75;
}


/* =========================================================
   1. Page Header
   Editorial geometry / paper-white identity
   ========================================================= */

.myreg-pagehead {
  position: relative;
  min-height: 22rem;
  margin: 0 0 2.2rem;
  overflow: hidden;
  border: 1px solid var(--myreg-gray-150);
  background:
    linear-gradient(135deg, rgba(11, 31, 58, 0.065) 0 18%, transparent 18% 100%),
    linear-gradient(180deg, #FFFFFF 0%, #F0F2F4 100%);
  box-shadow: var(--myreg-shadow-soft);
}

.myreg-pagehead-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: 22rem;
  padding: 3.6rem 5rem;
}

.myreg-pagehead-copy {
  position: relative;
  z-index: 3;
  width: min(78rem, 68%);
  max-width: calc(100% - 20rem);
}

.myreg-pagehead-eyebrow {
  margin: 0 0 0.5rem;
  color: var(--myreg-navy-soft);
  font-size: var(--myfont-eyebrow, 1.4rem);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.myreg-pagehead-title {
  margin: 0;
  color: var(--myreg-navy);
  font-family: 'Noto Sans TC', sans-serif;
  font-size: var(--myfont-page-title, 3.6rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.04em;
}

.myreg-pagehead-accent {
  width: 6.4rem;
  height: 0.35rem;
  margin: 1.2rem 0 1rem;
  border: 0;
  background: var(--myreg-gold);
}

.myreg-pagehead-subtitle {
  max-width: 64rem;
  margin: 0;
  color: var(--myreg-text-soft);
  font-size: var(--myfont-card-text, 1.6rem);
  line-height: 1.7;
}

.myreg-pagehead-geometry {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 1;
  width: 62%;
  pointer-events: none;
}

/* Main pale geometric planes */
.myreg-pagehead-geometry::before,
.myreg-pagehead-geometry::after {
  content: "";
  position: absolute;
}

.myreg-pagehead-geometry::before {
  top: -18%;
  right: 8%;
  width: 52%;
  height: 136%;
  background:
    linear-gradient(135deg,
      transparent 0 18%,
      rgba(11, 31, 58, 0.075) 18% 36%,
      transparent 36% 46%,
      rgba(11, 31, 58, 0.12) 46% 64%,
      transparent 64% 100%);
  transform: skewX(-12deg);
}

.myreg-pagehead-geometry::after {
  right: 4%;
  bottom: 2.8rem;
  width: 23rem;
  height: 8rem;
  border-top: 1px solid rgba(11, 31, 58, 0.24);
  border-right: 1px solid rgba(11, 31, 58, 0.18);
  transform: skewX(-24deg);
}

/* Fine editorial lines */
.myreg-geo-line,
.myreg-geo-box,
.myreg-geo-circle,
.myreg-geo-accent {
  position: absolute;
  display: block;
}

.myreg-geo-line {
  height: 1px;
  background: rgba(11, 31, 58, 0.20);
}

.myreg-geo-line-1 {
  top: 28%;
  right: 10%;
  width: 34%;
  transform: rotate(-7deg);
}

.myreg-geo-line-2 {
  right: 20%;
  bottom: 24%;
  width: 24%;
  transform: rotate(5deg);
}

.myreg-geo-box {
  top: 16%;
  right: 19%;
  width: 14rem;
  height: 5.6rem;
  border: 1px solid rgba(11, 31, 58, 0.20);
  background: rgba(221, 226, 231, 0.62);
  transform: skewX(-18deg);
}

.myreg-geo-circle {
  right: 12%;
  top: 44%;
  width: 6.2rem;
  height: 6.2rem;
  border: 1px solid rgba(11, 31, 58, 0.28);
  border-radius: 50%;
}

.myreg-geo-accent {
  right: 26%;
  bottom: 18%;
  width: 2.2rem;
  height: 2.2rem;
  background: var(--myreg-gold);
  opacity: 0.92;
}


/* =========================================================
   2. Document-index Quick Navigation
   ========================================================= */

.myreg-quicknav-wrap {
  margin: 0 0 2.4rem;
}

.myreg-quicknav-hint {
  display: none;
  margin: 0 0 0.6rem;
  color: var(--myreg-text-soft);
  font-size: var(--myfont-meta, 1.5rem);
}

.myreg-quicknav {
  border: var(--myreg-border);
  background: var(--myreg-paper);
}

.myreg-quicknav-scroll {
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}

.myreg-quicknav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-width: max-content;
  padding: 1rem 1.45rem;
  border-right: var(--myreg-border);
  color: var(--myreg-navy);
  font-size: var(--myfont-action, 1.55rem);
  font-weight: 650;
  line-height: 1.35;
  text-decoration: none !important;
  background: var(--myreg-paper);
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}

.myreg-quicknav-link:last-child {
  border-right: 0;
}

.myreg-quicknav-index {
  color: var(--myreg-gray-500);
  font-size: var(--myfont-meta, 1.5rem);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
}

.myreg-quicknav-link:hover,
.myreg-quicknav-link:focus {
  color: var(--myreg-navy);
  background: var(--myreg-gray-100);
  box-shadow: inset 0 -0.25rem 0 var(--myreg-gold);
  outline: none;
}

.myreg-quicknav-link:focus-visible {
  outline: 2px solid var(--myreg-navy);
  outline-offset: -2px;
}


/* =========================================================
   3. Sections
   ========================================================= */

.myreg-section {
  margin: 0 0 3rem;
  scroll-margin-top: 2rem;
}

.myreg-section-head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1rem;
}

.myreg-section-index {
  flex: 0 0 auto;
  color: var(--myreg-gray-500);
  font-size: var(--myfont-meta, 1.5rem);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.myreg-section-title {
  flex: 0 0 auto;
  margin: 0;
  color: var(--myreg-navy);
  font-size: var(--myfont-subsection-title, 2.4rem);
  font-weight: 800;
  line-height: 1.35;
}

.myreg-section-line {
  flex: 1 1 auto;
  min-width: 2rem;
  height: 1px;
  background: var(--myreg-gray-200);
}

.myreg-section-desc {
  margin: -0.2rem 0 1.2rem;
  color: var(--myreg-text-soft);
  font-size: var(--myfont-card-text, 1.6rem);
}


/* =========================================================
   4. Regulation / Document List
   ========================================================= */

.myreg-list {
  margin: 0;
  padding: 0;
  background: transparent;
  list-style: none;
}

.myreg-item {
  position: relative;
  display: block;
  min-height: 6.6rem;
  padding: 1.3rem 1.2rem;
  border-bottom: 1px solid var(--myreg-gray-150);
  background: transparent;
  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}

.myreg-item:last-child {
  border-bottom: 0;
}

.myreg-item:hover {
  background: rgba(241, 243, 245, 0.72);
  box-shadow: inset 0.25rem 0 0 var(--myreg-navy-soft);
}

.myreg-item-main {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  min-width: 0;
}

.myreg-item-body {
  min-width: 0;
}

.myreg-item-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.45rem 0.7rem;
}

.myreg-item-title {
  display: inline;
  margin: 0;
  color: var(--myreg-navy);
  font-size: var(--myfont-body, 1.7rem);
  font-weight: 650;
  line-height: 1.55;
}

.myreg-item-title a {
  color: inherit;
  text-decoration: none;
}

.myreg-item-title a:hover,
.myreg-item-title a:focus {
  color: var(--myreg-navy);
  background: transparent;
  text-decoration: underline;
  text-decoration-color: var(--myreg-navy);
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
}

.myreg-item-title a:focus-visible {
  outline: 2px solid var(--myreg-gold);
  outline-offset: 0.2rem;
}

.myreg-item-note {
  margin: 0.25rem 0 0;
  color: var(--myreg-text-soft);
  font-size: var(--myfont-meta, 1.5rem);
  line-height: 1.5;
}

.myreg-item-meta {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  min-width: 0;
  color: var(--myreg-text-soft);
  font-size: var(--myfont-meta, 1.5rem);
  line-height: 1.4;
  vertical-align: baseline;
}


.myreg-date {
  color: var(--myreg-gray-500);
  font-size: var(--myfont-meta, 1.5rem);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}


/* =========================================================
   5. Scope / Type Badges
   ========================================================= */

.myreg-scope {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.8rem;
  padding: 0.2rem 0.6rem;
  border: 1px solid var(--myreg-gray-300);
  border-radius: 999px;
  background: var(--myreg-paper-soft);
  color: var(--myreg-navy-soft);
  font-size: var(--myfont-meta, 1.5rem);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.myreg-scope-university {
  border-color: #B8C2CC;
  background: #F5F7F9;
}

.myreg-scope-college {
  border-color: #AEBAC6;
  background: #EEF2F5;
}

.myreg-scope-department {
  border-color: #9FAFBE;
  background: #E8EDF2;
}

.myreg-scope-reference,
.myreg-scope-database {
  border-color: rgba(212, 175, 55, 0.55);
  background: rgba(212, 175, 55, 0.08);
  color: #66571C;
}


/* =========================================================
   6. File Type / External Indicators
   ========================================================= */

.myreg-filetype,
.myreg-external {
  display: inline-flex;
  align-items: center;
  color: var(--myreg-text-soft);
  font-size: var(--myfont-meta, 1.5rem);
  line-height: 1;
  white-space: nowrap;
}

.myreg-filetype .fa {
  display: inline-block;
  width: 1.55rem;
  color: var(--myreg-navy-soft);
  font-size: var(--myfont-action, 1.55rem);
  line-height: 1;
  text-align: center;
}

.myreg-filetype .fa-file-pdf-o {
  color: #B23A3A;
}

.myreg-filetype .fa-file-word-o {
  color: #2F5F9F;
}

.myreg-filetype .fa-file-excel-o {
  color: #3F7A4A;
}

.myreg-filetype .fa-file-text-o,
.myreg-filetype .fa-file-o {
  color: #667A8D;
}

.myreg-external .fa {
  width: 1.55rem;
  color: #667A8D;
  font-size: var(--myfont-meta, 1.5rem);
  line-height: 1;
  text-align: center;
}



.myreg-iconlink {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none !important;
  border-radius: 0.2rem;
}

.myreg-iconlink:hover,
.myreg-iconlink:focus {
  background: transparent;
  text-decoration: none !important;
  transform: translateY(-0.05rem);
}

.myreg-iconlink:focus-visible {
  outline: 2px solid var(--myreg-gold);
  outline-offset: 0.2rem;
}

.myreg-iconlink:hover .fa-file-pdf-o,
.myreg-iconlink:focus .fa-file-pdf-o {
  color: #8F2E2E;
}

.myreg-iconlink:hover .fa-file-word-o,
.myreg-iconlink:focus .fa-file-word-o {
  color: #244D83;
}

.myreg-iconlink:hover .fa-file-excel-o,
.myreg-iconlink:focus .fa-file-excel-o {
  color: #32633B;
}

.myreg-iconlink:hover .fa-file-text-o,
.myreg-iconlink:focus .fa-file-text-o,
.myreg-iconlink:hover .fa-external-link,
.myreg-iconlink:focus .fa-external-link {
  color: #4F6275;
}


/* =========================================================
   7. Nested Form Rows
   ========================================================= */

.myreg-form-list {
  grid-column: 1 / -1;
  margin: 0.7rem 0 0 5.8rem;
  padding: 0.9rem 0 0;
  border-left: 2px solid var(--myreg-gray-150);
  list-style: none;
}

.myreg-form-item {
  display: block;
  min-height: 5rem;
  padding: 0.9rem 1.2rem;
  border-bottom: 1px solid var(--myreg-gray-150);
  background: var(--myreg-paper-soft);
}

.myreg-form-item:last-child {
  border-bottom: 0;
}

.myreg-form-main {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  min-width: 0;
}

.myreg-form-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem 0.6rem;
  min-width: 0;
}

.myreg-form-icon {
  flex: 0 0 auto;
  margin-top: 0.2rem;
  color: var(--myreg-gray-500);
}

.myreg-form-title {
  color: var(--myreg-text);
  font-size: var(--myfont-card-text, 1.6rem);
  font-weight: 550;
  line-height: 1.5;
}

.myreg-form-title a {
  color: inherit;
  text-decoration: none;
}

.myreg-form-title a:hover,
.myreg-form-title a:focus {
  background: transparent;
  color: var(--myreg-navy);
  text-decoration: underline;
  text-decoration-color: var(--myreg-navy);
  text-underline-offset: 0.16em;
}


/* =========================================================
   8. Reference / Database Rows
   ========================================================= */

.myreg-reference {
  background: linear-gradient(
    90deg,
    rgba(212, 175, 55, 0.055) 0,
    rgba(212, 175, 55, 0.018) 32%,
    var(--myreg-paper) 100%
  );
}

.myreg-reference:hover {
  box-shadow: inset 0.3rem 0 0 var(--myreg-gold);
}

.myreg-reference-note {
  margin: 0.35rem 0 0;
  color: var(--myreg-text-soft);
  font-size: var(--myfont-meta, 1.5rem);
  line-height: 1.5;
}



/* =========================================================
   9. Back to category navigation
   ========================================================= */

.myreg-section-footer {
  display: flex;
  justify-content: flex-start;
  margin-top: 0.8rem;
}

.myreg-backnav {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.15rem;
  color: var(--myreg-text-soft);
  font-size: var(--myfont-meta, 1.5rem);
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none !important;
}

.myreg-backnav .fa {
  color: var(--myreg-navy-soft);
  font-size: var(--myfont-meta, 1.5rem);
}

.myreg-backnav:hover,
.myreg-backnav:focus {
  color: var(--myreg-navy);
  background: transparent;
  text-decoration: underline !important;
  text-underline-offset: 0.18em;
}

.myreg-backnav:focus-visible {
  outline: 2px solid var(--myreg-gold);
  outline-offset: 0.2rem;
}


/* =========================================================
   10. Optional subgroup labels inside a section
   ========================================================= */

.myreg-subgroup {
  margin: 1.8rem 0 0.8rem;
  color: var(--myreg-navy-soft);
  font-size: var(--myfont-card-title, 1.8rem);
  font-weight: 750;
  line-height: 1.4;
}

.myreg-subgroup:first-child {
  margin-top: 0;
}


/* =========================================================
   11. Accessibility Helpers
   ========================================================= */

.myreg-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* =========================================================
   12. Tablet
   ========================================================= */

@media screen and (max-width: 900px) {

  .myreg-page {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .myreg-pagehead {
    min-height: 20rem;
  }

  .myreg-pagehead-inner {
    min-height: 20rem;
    padding: 3rem 3.4rem;
  }

  .myreg-pagehead-copy {
    width: 78%;
    max-width: calc(100% - 8rem);
  }

  .myreg-pagehead-geometry {
    width: 58%;
    opacity: 0.9;
  }

  .myreg-item-meta,
  .myreg-form-item .myreg-item-meta {
    min-width: 0;
  }

}


/* =========================================================
   13. Mobile
   ========================================================= */

@media screen and (max-width: 600px) {

  .myreg-page {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    font-size: var(--myfont-body, 1.7rem);
  }

  .myreg-pagehead {
    min-height: 16rem;
    margin-bottom: 1.8rem;
  }

  .myreg-pagehead-inner {
    min-height: 16rem;
    padding: 2.4rem 2rem;
  }

  .myreg-pagehead-copy {
    width: 94%;
    max-width: none;
  }


  .myreg-pagehead-subtitle {
    font-size: var(--myfont-card-text, 1.6rem);
    line-height: 1.6;
  }

  .myreg-pagehead-geometry {
    width: 48%;
    opacity: 0.72;
  }

  .myreg-geo-box {
    display: none;
  }

  .myreg-geo-circle {
    right: 0.8rem;
    width: 4.6rem;
    height: 4.6rem;
  }

  .myreg-geo-accent {
    right: 14%;
    bottom: 16%;
    width: 1.6rem;
    height: 1.6rem;
  }

  .myreg-quicknav-hint {
    display: block;
  }

  .myreg-quicknav-scroll {
    scrollbar-width: none;
  }

  .myreg-quicknav-scroll::-webkit-scrollbar {
    display: none;
  }

  .myreg-quicknav-link {
    padding: 0.9rem 1.15rem;
  }

  .myreg-section {
    margin-bottom: 2.4rem;
  }

  .myreg-section-head {
    gap: 0.7rem;
    align-items: flex-start;
  }


  .myreg-section-line {
    margin-top: 1.35rem;
  }

  .myreg-item {
    min-height: 0;
    padding: 1.2rem 1.2rem 1.1rem;
  }

  .myreg-item-main {
    gap: 0.8rem;
  }

  .myreg-item-meta {
    gap: 0.4rem 0.55rem;
    min-width: 0;
  }

  .myreg-scope {
    min-width: 4.6rem;
    font-size: var(--myfont-meta, 1.5rem);
  }

  .myreg-form-list {
    margin-left: 1.4rem;
  }

  .myreg-form-item {
    padding: 0.9rem 1rem;
  }

  .myreg-form-item .myreg-item-meta {
    min-width: 0;
  }

}


/* =========================================================
   14. Small Mobile
   ========================================================= */

@media screen and (max-width: 390px) {

  .myreg-pagehead-inner {
    padding: 2.1rem 1.6rem;
  }

  .myreg-pagehead-copy {
    width: 94%;
    max-width: none;
  }




}


/* =========================================================
   15. Reduced Motion
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .myreg-quicknav-link,
  .myreg-item {
    transition: none;
  }

}


/* =========================================================
   English Page Intro
   ========================================================= */

.myreg-intro {
  margin: 0 0 2.8rem;
  padding: 1.4rem 1.8rem;
  border-left: 0.35rem solid var(--myreg-gold);
  background: var(--myreg-gray-050);
  color: var(--myreg-text-soft);
  font-size: var(--myfont-action, 1.55rem);
  line-height: 1.75;
}

.myreg-intro p {
  margin: 0;
}


/* =========================================================
   8A. Lightweight subsection heading
   ========================================================= */

.myreg-subheading-item {
  list-style: none;
  margin: 2.4rem 0 0.8rem;
  padding: 0;
  border: 0;
}

.myreg-subheading-item:first-child {
  margin-top: 0.4rem;
}

.myreg-subheading {
  position: relative;
  margin: 0;
  padding: 0.15rem 0 0.55rem 1.15rem;
  font-size: var(--myfont-body, 1.7rem);
  line-height: 1.55;
  font-weight: 700;
  color: var(--myreg-navy);
  letter-spacing: 0.01em;
  border-bottom: 1px solid var(--myreg-gray-200);
}

.myreg-subheading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  width: 0.35rem;
  height: 1.55rem;
  background: var(--myreg-gold);
  border-radius: 999px;
}

@media (max-width: 767px) {
  .myreg-subheading-item {
    margin-top: 2rem;
  }

  .myreg-subheading {
    font-size: var(--myfont-card-text, 1.6rem);
  }
}