@charset "UTF-8";
/* FarmGo Docs – giao diện tài liệu. Màu theo theme Starlight. */
:root {
  /* Màu primary lấy từ Customizer của theme (xem FGD_Template::assets); đây chỉ là mặc định. */
  --fgd-primary: #009688;
  --fgd-primary-dark: color-mix(in srgb, var(--fgd-primary) 80%, #000);
  --fgd-primary-soft: color-mix(in srgb, var(--fgd-primary) 10%, #fff);
  --fgd-accent: #9bc102;
  --fgd-text: #133442;
  --fgd-text-2: #4a5f69;
  --fgd-muted: #6b7a81;
  --fgd-line: #e3e8ea;
  --fgd-bg: #ffffff;
  --fgd-bg-2: #f6f9fa;
  --fgd-radius: 10px;
  --fgd-header-offset: 24px; /* header của theme không dính, nên sidebar/mục lục chỉ cần cách mép trên một chút */
  --fgd-info: #1e6fd9;    --fgd-info-bg: #eef5ff;
  --fgd-tip: #0f8a5f;     --fgd-tip-bg: #ecf8f2;
  --fgd-warn: #b26a00;    --fgd-warn-bg: #fff6e6;
  --fgd-danger: #c62828;  --fgd-danger-bg: #fdeeee;
}

.fgd-page .site-content, .fgd-page #content { padding: 0; }
.fgd { color: var(--fgd-text); font-size: 16px; line-height: 1.7; background: var(--fgd-bg); }
.fgd *, .fgd *::before, .fgd *::after { box-sizing: border-box; }
.fgd a { color: var(--fgd-primary-dark); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }

/* ---------- Bố cục 3 cột ----------
   Trải hết bề ngang: sidebar bám mép trái, mục lục bám mép phải, cột chữ căn giữa vùng còn lại
   (rộng tối đa 820px để dòng không quá dài). */
.fgd-page .site-header__mainbar .container { width: 100%; max-width: none; padding-left: 24px; padding-right: 24px; }
.fgd-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr) 260px;
}
.fgd-layout--search { grid-template-columns: 300px minmax(0, 1fr); }
.fgd-sidebar { background: var(--fgd-bg-2); border-right: 1px solid var(--fgd-line); padding: 24px 12px 0 24px; }
.fgd-main { min-width: 0; width: 100%; max-width: 900px; justify-self: center; padding: 24px 40px 64px; }
.fgd-toc { padding: 24px 24px 0 0; }

/* ---------- Sidebar ---------- */
.fgd-sidebar__inner {
  position: sticky; top: var(--fgd-header-offset);
  max-height: calc(100vh - var(--fgd-header-offset) - 16px);
  overflow-y: auto; padding-right: 8px; padding-bottom: 24px;
  scrollbar-width: thin;
}
.fgd-search { position: relative; display: flex; align-items: center; margin-bottom: 12px; }
.fgd-search input[type=search] {
  width: 100%; height: 42px; padding: 0 40px 0 40px; font-size: 14.5px;
  border: 1px solid var(--fgd-line); border-radius: 10px; background: #fff; color: var(--fgd-text);
  box-shadow: 0 1px 2px rgba(19, 52, 66, .05); transition: border-color .15s, box-shadow .15s;
  -webkit-appearance: none; appearance: none;
}
.fgd-search input[type=search]::placeholder { color: var(--fgd-muted); }
.fgd-search input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }
.fgd-search input[type=search]:hover { border-color: #cdd7da; }
.fgd-search input[type=search]:focus { outline: 0; border-color: var(--fgd-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fgd-primary) 15%, transparent); }
.fgd-search button { position: absolute; left: 4px; top: 50%; transform: translateY(-50%); height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; border: 0; padding: 0; background: transparent; cursor: pointer; color: var(--fgd-muted); border-radius: 8px; }
.fgd-search button:hover { color: var(--fgd-primary-dark); }
.fgd-search__kbd { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); min-width: 22px; height: 22px; padding: 0 6px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--fgd-line); border-bottom-width: 2px; border-radius: 6px; background: var(--fgd-bg-2); color: var(--fgd-muted); font: 600 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; pointer-events: none; }
.fgd-search:focus-within .fgd-search__kbd, .fgd-search.has-value .fgd-search__kbd { display: none; }

.fgd-filter { margin: 0 0 18px; padding: 10px 12px 12px; border-radius: 10px; background: #fff; border: 1px solid var(--fgd-line); }
.fgd-filter__label { display: block; margin: 0 0 6px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6b7a80; }
.fgd-filter__control { position: relative; }
.fgd-filter__control::after { content: ''; position: absolute; right: 12px; top: 50%; width: 7px; height: 7px; margin-top: -5px; border-right: 2px solid var(--fgd-muted); border-bottom: 2px solid var(--fgd-muted); transform: rotate(45deg); pointer-events: none; }
.fgd-filter select { width: 100%; height: 38px; padding: 0 34px 0 12px; border: 1px solid var(--fgd-line); border-radius: 8px; background: #fff; color: var(--fgd-text); font-size: 14.5px; font-weight: 600; cursor: pointer; -webkit-appearance: none; appearance: none; transition: border-color .15s, box-shadow .15s; }
.fgd-filter select:hover { border-color: #9aa6ac; }
.fgd-filter select:focus { outline: 0; border-color: #6b7a80; box-shadow: 0 0 0 3px rgba(60, 72, 78, .12); }
.fgd-filter.is-active { background: #fff; border-color: var(--fgd-line); }
.fgd-filter.is-active .fgd-filter__label { color: #6b7a80; }
.fgd-filter.is-active select { border-color: #c9d2d6; color: #1b2a31; }

.fgd-sidebar .fgd-tree { padding-top: 14px; border-top: 1px solid var(--fgd-line); }

.fgd-tree ul { list-style: none; margin: 0; padding: 0; }
.fgd-tree__section { margin-bottom: 4px; }
.fgd-tree__toggle {
  display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; border: 0; border-radius: 8px;
  background: transparent; color: var(--fgd-text); font-weight: 600; font-size: 14.5px; text-align: left; cursor: pointer;
}
.fgd-tree__toggle:hover { background: rgba(19, 52, 66, .06); }
.fgd-tree__toggle::after { content: '\203A'; margin-left: auto; transition: transform .15s; color: var(--fgd-muted); font-size: 18px; line-height: 1; }
.fgd-tree__section.is-open > .fgd-tree__toggle::after { transform: rotate(90deg); }
.fgd-tree__icon { font-style: normal; width: 20px; text-align: center; }
.fgd-tree__items { display: none; padding: 2px 0 8px 18px !important; border-left: 1px solid var(--fgd-line); margin-left: 19px !important; }
.fgd-tree__section.is-open > .fgd-tree__items { display: block; }
.fgd-tree__item > a {
  display: block; padding: 5px 10px; border-radius: 6px; color: var(--fgd-text-2); font-size: 14px; line-height: 1.45; text-decoration: none;
}
.fgd-tree__item > a:hover { color: var(--fgd-primary-dark); background: rgba(19, 52, 66, .06); }
.fgd-tree__item.is-current > a { color: var(--fgd-primary-dark); background: var(--fgd-primary-soft); font-weight: 600; }
.fgd-tree__item ul { padding-left: 12px; display: none; }
.fgd-tree__item.is-open > ul, .fgd-tree__item.is-current > ul { display: block; }
.fgd-tree [data-loai].is-filtered { display: none !important; }

.fgd-sidebar-toggle { display: none; }

/* ---------- Breadcrumb + tiêu đề ---------- */
.fgd-breadcrumb { font-size: 13.5px; color: var(--fgd-muted); margin-bottom: 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.fgd-breadcrumb a { color: var(--fgd-muted); text-decoration: none; }
.fgd-breadcrumb a:hover { color: var(--fgd-primary-dark); }

/* Thanh trên bài: breadcrumb bên trái, nút Xuất tài liệu (bản .md cho LLM) bên phải */
.fgd-topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.fgd-topbar .fgd-breadcrumb { margin-bottom: 0; }
.fgd-export { position: relative; flex: none; }
.fgd-export__btn { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border: 1px solid var(--fgd-line); border-radius: 8px; background: #fff; color: var(--fgd-text-2); font: inherit; font-size: 13px; font-weight: 500; line-height: 1; cursor: pointer; transition: border-color .15s, color .15s; }
.fgd-export__btn:hover, .fgd-export__btn[aria-expanded="true"] { border-color: var(--fgd-primary); color: var(--fgd-primary-dark); }
.fgd-export__btn:focus-visible { outline: 2px solid var(--fgd-primary); outline-offset: 2px; }
.fgd-export__caret { transition: transform .15s; }
.fgd-export__btn[aria-expanded="true"] .fgd-export__caret { transform: rotate(180deg); }
.fgd-export__menu { position: absolute; z-index: 50; top: calc(100% + 6px); right: 0; min-width: 200px; width: max-content; max-width: calc(100vw - 32px); padding: 6px; background: #fff; border: 1px solid var(--fgd-line); border-radius: var(--fgd-radius); box-shadow: 0 8px 24px rgba(19, 52, 66, .12); }
.fgd-export__menu[hidden] { display: none; }
.fgd-export__menu > * { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: 6px; background: none; color: var(--fgd-text) !important; font: inherit; font-size: 14px; line-height: 1.3; text-align: left; text-decoration: none !important; white-space: nowrap; cursor: pointer; }
.fgd-export__menu > *:hover, .fgd-export__menu > *:focus-visible { background: var(--fgd-bg-2); outline: 0; }
.fgd-export__menu svg { flex: none; color: var(--fgd-muted); }
.fgd-export__menu .is-done, .fgd-export__menu .is-done svg { color: var(--fgd-tip) !important; }
.fgd-export__menu > .fgd-export__sep { display: block; width: auto; height: 1px; margin: 6px 4px; padding: 0; background: var(--fgd-line); cursor: default; }
.fgd-article__title { font-size: 34px; line-height: 1.25; font-weight: 700; margin: 0 0 10px; color: var(--fgd-text); letter-spacing: -.01em; }
.fgd-article__lead { font-size: 18px; color: var(--fgd-text-2); margin: 0 0 18px; }

.fgd-applies { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; margin: -4px 0 24px; padding: 8px 14px; border: 1px solid var(--fgd-line); border-radius: 10px; background: var(--fgd-bg-2); font-size: 13.5px; color: var(--fgd-muted); }
.fgd-applies__item { display: inline-flex; align-items: center; gap: 6px; }
.fgd-applies__icon { display: inline-flex; color: var(--fgd-muted); }
.fgd-applies__icon svg { width: 15px; height: 15px; }
.fgd-applies__item--loai .fgd-applies__icon { display: none; }
.fgd-applies__item--loai .fgd-applies__key { color: var(--fgd-text); font-weight: 600; }
.fgd-applies__item--app .fgd-applies__icon { color: #6a4fc4; }
.fgd-applies__body { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.fgd-applies__key::after { content: ":"; }
.fgd-applies__val { display: inline-flex; flex-wrap: wrap; gap: 4px; font-weight: 600; color: var(--fgd-text); }
.fgd-applies__app + .fgd-applies__app::before { content: "·"; margin-right: 4px; color: var(--fgd-muted); font-weight: 400; }
.fgd-applies .fgd-chip { padding: 0 8px; font-size: 12.5px; background: #fff; }
.fgd-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: 999px; background: #fff; border: 1px solid var(--fgd-line); font-size: 13px; font-weight: 500; }
.fgd-loai-warning { margin: -16px 0 24px; padding: 8px 12px; border-radius: 8px; background: var(--fgd-warn-bg); color: var(--fgd-warn); font-size: 14px; }
.fgd-link-btn { border: 0; background: none; padding: 0; color: var(--fgd-primary-dark); text-decoration: underline; cursor: pointer; font: inherit; }

/* ---------- Nội dung ---------- */
.fgd-content > *:first-child { margin-top: 0; }
.fgd-content h2 { font-size: 25px; font-weight: 700; margin: 44px 0 14px; padding-top: 8px; color: var(--fgd-text); scroll-margin-top: var(--fgd-header-offset); }
.fgd-content h3 { font-size: 20px; font-weight: 700; margin: 32px 0 10px; color: var(--fgd-text); scroll-margin-top: var(--fgd-header-offset); }
.fgd-content h4 { font-size: 17px; font-weight: 700; margin: 22px 0 8px; }
.fgd-content p, .fgd-content ul, .fgd-content ol { margin: 0 0 16px; }
.fgd-content ul, .fgd-content ol { padding-left: 24px; }
.fgd-content ul { list-style: disc; }
.fgd-content ol { list-style: decimal; }
.fgd-content ul ul { list-style: circle; }
.fgd-content .fgd-steps, .fgd-content .fgd-faq ul.fgd-plain { list-style: none; }
.fgd-content li { margin-bottom: 6px; list-style: inherit; }
.fgd-content li > ul, .fgd-content li > ol { margin: 6px 0 0; }
.fgd-content strong { color: var(--fgd-text); }
.fgd-content code { background: var(--fgd-bg-2); padding: 1px 6px; border-radius: 4px; font-size: .9em; }
.fgd-table { margin: 0 0 24px; border: 1px solid var(--fgd-line); border-radius: var(--fgd-radius); overflow-x: auto; background: #fff; }
.fgd-content table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 15px; }
.fgd-table table { margin: 0; }
.fgd-content table thead { background: var(--fgd-bg-2); }
.fgd-content th, .fgd-content td { border: 1px solid var(--fgd-line); padding: 10px 14px; text-align: left; vertical-align: top; line-height: 1.55; }
.fgd-table th, .fgd-table td { border-width: 0 0 1px; }
.fgd-table tbody tr:last-child td { border-bottom: 0; }
.fgd-table tbody tr:hover { background: #fafcfc; }
.fgd-content th { font-weight: 700; font-size: 12.5px; letter-spacing: .04em; text-transform: uppercase; color: var(--fgd-muted); white-space: nowrap; }

/* Lộ trình các bước */
.fgd-flow { list-style: none !important; counter-reset: fgd-flow; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; padding: 0 !important; margin: 4px 0 32px !important; }
.fgd-flow__step { position: relative; counter-increment: fgd-flow; margin: 0 !important; padding: 16px 14px 14px; border-radius: var(--fgd-radius); background: var(--fgd-bg-2); border: 1px solid var(--fgd-line); display: flex; flex-direction: column; gap: 10px; }
.fgd-flow__step:not(:last-child)::after { content: ''; position: absolute; top: 31px; right: -12px; width: 12px; height: 2px; background: var(--fgd-primary); opacity: .35; }
.fgd-flow__num { width: 32px; height: 32px; border-radius: 50%; background: var(--fgd-primary); color: #fff; font-weight: 700; font-size: 15px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 4px var(--fgd-primary-soft); }
.fgd-flow__num::before { content: counter(fgd-flow); }
.fgd-flow__body { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.fgd-flow__title { font-weight: 700; font-size: 15px; line-height: 1.4; color: var(--fgd-text); }
.fgd-flow__desc { font-size: 13.5px; line-height: 1.5; color: var(--fgd-text-2); }
.fgd-flow__desc > *:last-child { margin-bottom: 0; }
.fgd-flow__eg { margin-top: auto; padding-top: 8px; border-top: 1px dashed var(--fgd-line); font-size: 13px; line-height: 1.45; color: var(--fgd-text-2); }
.fgd-flow__eg span { display: block; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fgd-muted); }
.fgd-anchor { margin-left: 8px; color: var(--fgd-line) !important; text-decoration: none; font-weight: 400; opacity: 0; transition: opacity .15s; }
.fgd-content h2:hover .fgd-anchor, .fgd-content h3:hover .fgd-anchor { opacity: 1; color: var(--fgd-muted) !important; }

/* Các bước */
.fgd-steps { list-style: none; counter-reset: fgd-step; padding: 0 !important; margin: 8px 0 24px !important; }
.fgd-step { position: relative; counter-increment: fgd-step; padding: 0 0 18px 40px; margin: 0 !important; }
.fgd-step::before {
  content: counter(fgd-step); position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%;
  background: #9aa6ac; color: #fff; font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center;
}
.fgd-step::after { content: ''; position: absolute; left: 11px; top: 30px; bottom: 4px; width: 2px; background: var(--fgd-line); }
.fgd-step:last-child::after { display: none; }
.fgd-step__title { font-size: 17px !important; margin: 0 0 6px !important; scroll-margin-top: var(--fgd-header-offset); }
.fgd-step__body > *:last-child { margin-bottom: 0; }
/* Chữ hướng dẫn kết thúc bằng nút (.fgd-btn có viền) thì khung tab/ảnh bên dưới cần cách ra, không dính vào dòng chữ. */
.fgd-step__body > .fgd-tabs, .fgd-step__body > .fgd-only { margin-top: 16px; }

/* Ghi chú */
.fgd-note { border-left: 4px solid; border-radius: 0 var(--fgd-radius) var(--fgd-radius) 0; padding: 12px 16px; margin: 0 0 20px; font-size: 15px; }
.fgd-note__title { font-weight: 700; margin-bottom: 4px; }
.fgd-note__body > *:last-child { margin-bottom: 0; }
.fgd-note--info { border-color: var(--fgd-info); background: var(--fgd-info-bg); }
.fgd-note--info .fgd-note__title { color: var(--fgd-info); }
.fgd-note--tip { border-color: #f0a020; background: var(--fgd-warn-bg); }
.fgd-note--tip .fgd-note__title { color: var(--fgd-warn); }
.fgd-note--warning { border-color: #f0a020; background: var(--fgd-warn-bg); }
.fgd-note--warning .fgd-note__title { color: var(--fgd-warn); }
.fgd-note--danger { border-color: var(--fgd-danger); background: var(--fgd-danger-bg); }
.fgd-note--danger .fgd-note__title { color: var(--fgd-danger); }

/* Tabs theo loại hình */
.fgd-tabs { border: 1px solid var(--fgd-line); border-radius: var(--fgd-radius); margin: 0 0 24px; overflow: hidden; }
.fgd-tabs__nav { display: flex; flex-wrap: wrap; background: var(--fgd-bg-2); border-bottom: 1px solid var(--fgd-line); }
.fgd-tabs__btn { border: 0; background: transparent; padding: 10px 16px; font-size: 14.5px; font-weight: 600; color: var(--fgd-muted); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.fgd-tabs__btn:hover { color: var(--fgd-text); }
.fgd-tabs__btn.is-active { color: var(--fgd-primary-dark); border-bottom-color: var(--fgd-primary); background: #fff; }
.fgd-tabs__panel { padding: 16px 18px 4px; }
.fgd-tabs__panel[hidden] { display: none; }

.fgd-only { border: 1px dashed var(--fgd-accent); border-radius: var(--fgd-radius); padding: 12px 16px 2px; margin: 0 0 20px; }
.fgd-only__label { display: inline-block; font-size: 12.5px; font-weight: 600; color: #5f7600; background: #f3f9e1; padding: 1px 10px; border-radius: 999px; margin-bottom: 8px; }
.fgd-only.is-filtered { display: none; }

/* Ảnh chụp màn hình */
.fgd-shot { margin: 8px 0 24px; }
.fgd-shot__frame { border: 1px solid var(--fgd-line); border-radius: var(--fgd-radius); overflow: hidden; background: var(--fgd-bg-2); box-shadow: 0 6px 24px rgba(19, 52, 66, .08); }
.fgd-shot--desktop .fgd-shot__frame::before { content: ''; display: block; height: 34px; background: radial-gradient(circle at calc(100% - 54px) 17px, #ff5f57 5px, transparent 5.5px), radial-gradient(circle at calc(100% - 36px) 17px, #febc2e 5px, transparent 5.5px), radial-gradient(circle at calc(100% - 18px) 17px, #28c840 5px, transparent 5.5px), linear-gradient(#f3f6f7, #e9eef0); border-bottom: 1px solid var(--fgd-line); }
.fgd-shot--desktop .fgd-shot__frame { background-image: none; }
.fgd-shot--mobile { max-width: 320px; }
.fgd-shot--mobile .fgd-shot__frame { border-radius: 24px; border-width: 6px; border-color: #1b2a31; }
.fgd-shot img { display: block; width: 100%; height: auto; }
.fgd-shot__zoom { display: block; cursor: zoom-in; }
.fgd-shot figcaption { font-size: 13.5px; color: var(--fgd-muted); text-align: center; margin-top: 8px; }
.fgd-shot__placeholder { aspect-ratio: 16 / 7; display: flex; flex-direction: column; gap: 6px; align-items: center; justify-content: center; color: var(--fgd-muted); font-size: 14px; background: repeating-linear-gradient(45deg, #f6f9fa, #f6f9fa 12px, #eef3f4 12px, #eef3f4 24px); }
.fgd-shot--mobile .fgd-shot__placeholder { aspect-ratio: 9 / 19; }

/* Thành phần giao diện phần mềm */
.fgd-path { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: .93em; vertical-align: baseline; }
.fgd-path__item { background: #ffa8002e; color: #a7720b; padding: 0 8px; border-radius: 5px; font-weight: 600; white-space: nowrap; }
.fgd-path__sep { color: var(--fgd-muted); }
.fgd-btn { display: inline-block; padding: 0 9px; border-radius: 5px; border: 1px solid #cdd7da; background: #fff; box-shadow: 0 1px 0 #cdd7da; font-size: .9em; font-weight: 600; white-space: nowrap; color: var(--fgd-text); }
.fgd-link.is-broken { color: var(--fgd-text); border-bottom: 1px dotted var(--fgd-muted); }
/* Link trong nội dung: gạch chân nét đứt */
.fgd-content a:not([class]), .fgd-content a.fgd-link { color: var(--fgd-primary-dark); text-decoration: underline dashed; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 55%, transparent); transition: text-decoration-color .15s; }
.fgd-content a:not([class]):hover, .fgd-content a.fgd-link:hover { text-decoration-color: currentColor; }
a.fgd-term { text-decoration: none; border-bottom: 1px dashed var(--fgd-primary); color: inherit !important; }

/* Video */
.fgd-video { margin: 8px 0 24px; }
.fgd-video__play { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--fgd-radius); background: #000 center / cover no-repeat; cursor: pointer; }
.fgd-video__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 68px; height: 48px; border-radius: 12px; background: rgba(0,0,0,.75); color: #fff; font-size: 22px; display: flex; align-items: center; justify-content: center; }
.fgd-video__play:hover .fgd-video__icon { background: #e00; }
.fgd-video iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--fgd-radius); }
.fgd-video figcaption { font-size: 13.5px; color: var(--fgd-muted); text-align: center; margin-top: 8px; }

/* FAQ */
.fgd-faq { border-top: 1px solid var(--fgd-line); margin: 0 0 24px; }
.fgd-faq__item { border-bottom: 1px solid var(--fgd-line); }
.fgd-faq__item summary { cursor: pointer; padding: 14px 32px 14px 0; font-weight: 600; list-style: none; position: relative; }
.fgd-faq__item summary::-webkit-details-marker { display: none; }
.fgd-faq__item summary::after { content: '+'; position: absolute; right: 4px; top: 10px; font-size: 22px; color: var(--fgd-primary); }
.fgd-faq__item[open] summary::after { content: '\2212'; }
.fgd-faq__a { padding: 0 0 12px; }

/* Thẻ */
.fgd-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin: 8px 0 28px; }
.fgd-card { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 18px 18px 16px; border: 1px solid var(--fgd-line); border-radius: 12px; text-decoration: none !important; color: var(--fgd-text) !important; background: linear-gradient(180deg, #fff 0%, #fff 60%, #fbfdfd 100%); box-shadow: 0 1px 2px rgba(19, 52, 66, .04); overflow: hidden; transition: border-color .18s, box-shadow .18s, transform .18s; }
.fgd-card::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--fgd-primary), var(--fgd-accent)); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.fgd-card:hover { border-color: color-mix(in srgb, var(--fgd-primary) 45%, transparent); box-shadow: 0 10px 28px color-mix(in srgb, var(--fgd-primary) 13%, transparent); transform: translateY(-2px); }
.fgd-card:hover::before { transform: scaleX(1); }
.fgd-card:focus-visible { outline: 3px solid color-mix(in srgb, var(--fgd-primary) 35%, transparent); outline-offset: 2px; }
.fgd-card__head { display: flex; align-items: center; gap: 12px; }
.fgd-card__icon { font-size: 26px; line-height: 1; margin-bottom: 6px; }
.fgd-card .fgd-card__icon { flex: 0 0 40px; width: 40px; height: 40px; margin: 0; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: var(--fgd-primary-soft); font-size: 20px; transition: background .18s, color .18s; }
.fgd-card .fgd-card__icon--num { font-size: 14px; font-weight: 800; color: var(--fgd-primary-dark); letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.fgd-card:hover .fgd-card__icon--num { background: var(--fgd-primary); color: #fff; }
.fgd-card__title { font-weight: 700; font-size: 16px; line-height: 1.35; transition: color .18s; }
.fgd-card:hover .fgd-card__title { color: var(--fgd-primary-dark); }
.fgd-card__desc { font-size: 14px; color: var(--fgd-muted); line-height: 1.55; flex: 1; }
.fgd-card__more { margin-top: 4px; font-size: 13.5px; font-weight: 600; color: var(--fgd-primary-dark); opacity: .8; transition: opacity .18s; }
.fgd-card__more span { display: inline-block; margin-left: 6px; transition: transform .18s; }
.fgd-card:hover .fgd-card__more { opacity: 1; }
.fgd-card:hover .fgd-card__more span { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) { .fgd-card, .fgd-card::before, .fgd-card__more span { transition: none; } .fgd-card:hover { transform: none; } }
.fgd-card.is-filtered, .fgd-section-card.is-filtered, .fgd-section-card li.is-filtered { display: none; }

/* Phản hồi + điều hướng cuối bài */
.fgd-article__footer { margin-top: 48px; border-top: 1px solid var(--fgd-line); padding-top: 24px; }
.fgd-feedback { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.fgd-feedback__q { font-weight: 600; margin-right: 6px; }
.fgd-feedback button { border: 1px solid var(--fgd-line); background: #fff; border-radius: 999px; padding: 4px 14px; cursor: pointer; font-size: 14px; color: var(--fgd-text); }
.fgd-feedback button:hover { border-color: var(--fgd-primary); color: var(--fgd-primary-dark); }
.fgd-feedback__thanks { color: var(--fgd-tip); font-weight: 600; }
.fgd-updated { font-size: 13px; color: var(--fgd-muted); margin: 14px 0 24px; }
.fgd-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.fgd-pager a { display: flex; flex-direction: column; padding: 14px 16px; border: 1px solid var(--fgd-line); border-radius: var(--fgd-radius); text-decoration: none; color: var(--fgd-text); }
.fgd-pager a:hover { border-color: var(--fgd-primary); }
.fgd-pager small { color: var(--fgd-muted); font-size: 13px; }
.fgd-pager span { font-weight: 600; color: var(--fgd-primary-dark); }
.fgd-pager__next { text-align: right; grid-column: 2; }

/* Mục lục bên phải: đường kẻ dọc nằm trên cả cột (kéo hết chiều cao nội dung), phần chữ dính khi cuộn. */
.fgd-toc.has-toc { border-left: 1px solid var(--fgd-line); }
.fgd-toc__inner { position: sticky; top: var(--fgd-header-offset); max-height: calc(100vh - var(--fgd-header-offset) - 16px); overflow-y: auto; font-size: 13.5px; padding: 2px 0 16px; scrollbar-width: thin; }
.fgd-toc__title { font-weight: 700; text-transform: uppercase; font-size: 11.5px; letter-spacing: .07em; color: var(--fgd-muted); margin: 0 0 10px; padding-left: 18px; }
.fgd-toc ul { list-style: none; margin: 0; padding: 0; }
.fgd-toc li { margin: 0; }
.fgd-toc ul a { display: block; position: relative; margin-left: -1px; padding: 6px 8px 6px 18px; border-left: 2px solid transparent; color: var(--fgd-text-2); text-decoration: none; line-height: 1.45; transition: color .15s, border-color .15s, background .15s; }
.fgd-toc ul a:hover { color: var(--fgd-primary-dark); border-left-color: #b9cfd0; }
.fgd-toc ul a.is-active { color: var(--fgd-primary-dark); font-weight: 600; border-left-color: var(--fgd-primary); background: linear-gradient(90deg, var(--fgd-primary-soft), transparent); }
.fgd-toc__l3 a { padding-left: 30px !important; font-size: 13px; }
.fgd-toc__top { display: inline-flex; align-items: center; gap: 6px; margin: 14px 0 0 18px; padding: 4px 10px; border: 1px solid var(--fgd-line); border-radius: 999px; font-size: 12.5px; color: var(--fgd-muted) !important; text-decoration: none; transition: border-color .15s, color .15s; }
.fgd-toc__top:hover { border-color: var(--fgd-primary); color: var(--fgd-primary-dark) !important; }

/* Lightbox */
.fgd-lightbox { position: fixed; inset: 0; z-index: 99999; background: rgba(10, 20, 25, .88); display: flex; align-items: center; justify-content: center; padding: 24px; cursor: zoom-out; }
.fgd-lightbox[hidden] { display: none; }
.fgd-lightbox img { max-width: 100%; max-height: 100%; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,.4); }
.fgd-lightbox__close { position: absolute; top: 12px; right: 18px; border: 0; background: none; color: #fff; font-size: 36px; cursor: pointer; }

/* ---------- Trang chủ tài liệu ---------- */
.fgd-hero { background: linear-gradient(135deg, var(--fgd-primary-soft) 0%, #f3f9e1 100%); padding: 56px 24px 48px; }
.fgd-hero__inner { max-width: 760px; margin: 0 auto; text-align: center; }
.fgd-hero__eyebrow { color: var(--fgd-primary-dark); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 13px; margin: 0 0 8px; }
.fgd-hero h1 { font-size: 40px; line-height: 1.2; font-weight: 800; margin: 0 0 12px; color: var(--fgd-text); }
.fgd-hero__lead { font-size: 18px; color: var(--fgd-text-2); margin: 0 0 24px; }
.fgd-hero .fgd-search input[type=search] { height: 54px; font-size: 16px; border-radius: 12px; background: #fff; box-shadow: 0 6px 24px rgba(19, 52, 66, .08); padding-left: 48px; }
.fgd-hero .fgd-search button { left: 8px; }
.fgd-hero__cta { margin: 20px 0 0; }
.fgd-cta { display: inline-block; background: var(--fgd-primary); color: #fff !important; padding: 10px 22px; border-radius: 999px; font-weight: 600; text-decoration: none !important; }
.fgd-cta:hover { background: var(--fgd-primary-dark); }

.fgd-home-block { max-width: 1200px; margin: 0 auto; padding: 40px 24px 8px; }
.fgd-home-block h2 { font-size: 26px; font-weight: 700; margin: 0 0 6px; }
.fgd-home-block__lead { color: var(--fgd-text-2); margin: 0 0 18px; }
.fgd-picker { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.fgd-content .fgd-picker { margin: 0 0 24px; }
.fgd-picker__opt { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; padding: 16px 18px; border: 2px solid var(--fgd-line); border-radius: 12px; background: #fff; cursor: pointer; color: var(--fgd-text); transition: border-color .15s, background .15s; }
.fgd-picker__opt:hover { border-color: var(--fgd-primary); }
.fgd-picker__opt[aria-checked=true] { border-color: var(--fgd-primary); background: var(--fgd-primary-soft); }
.fgd-picker__icon { font-size: 28px; line-height: 1.1; }
.fgd-picker__label { font-weight: 700; font-size: 16px; }
.fgd-picker__desc { font-size: 13.5px; color: var(--fgd-muted); }
.fgd-cards--sections { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.fgd-section-card { border: 1px solid var(--fgd-line); border-radius: 12px; padding: 18px 20px; background: #fff; }
.fgd-section-card__head { display: flex; flex-direction: column; gap: 4px; text-decoration: none !important; color: var(--fgd-text) !important; margin-bottom: 8px; }
.fgd-section-card__head:hover .fgd-card__title { color: var(--fgd-primary-dark); }
.fgd-section-card ul { list-style: none; margin: 0; padding: 8px 0 0; border-top: 1px solid var(--fgd-line); }
.fgd-section-card li { margin: 0; }
.fgd-section-card li a { display: block; padding: 4px 0; font-size: 14.5px; text-decoration: none; color: var(--fgd-text-2); }
.fgd-section-card li a:hover { color: var(--fgd-primary-dark); }
.fgd-section-card .fgd-more a { color: var(--fgd-primary-dark); font-weight: 600; }
.fgd-help { padding-bottom: 56px; }

/* Video hướng dẫn (/video-huong-dan/) */
.fgd-cta--ghost { background: #fff; color: var(--fgd-primary-dark) !important; border: 1px solid var(--fgd-primary); }
.fgd-cta--ghost:hover { background: var(--fgd-primary-soft); }
.fgd-hero__ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.fgd-hero__ctas .fgd-cta { margin: 0; }
.fgd-vbar { position: sticky; top: 0; z-index: 20; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 8px; padding: 12px 0; background: var(--fgd-bg); border-bottom: 1px solid var(--fgd-line); }
.admin-bar .fgd-vbar { top: 32px; }
/* #page của theme có overflow: hidden làm thanh tab không dính; clip vẫn cắt tràn ngang mà không phá sticky. */
.fgd-page #page:has(.fgd-vbar) { overflow: clip; }
.fgd-vbar .fgd-filter { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; border: 0; }
.fgd-vbar .fgd-filter__label { margin: 0; white-space: nowrap; font-size: 14px; color: var(--fgd-muted); }
.fgd-vbar .fgd-filter__control { min-width: 220px; }
.fgd-vtabs { display: inline-flex; padding: 4px; border-radius: 999px; background: var(--fgd-bg-2); border: 1px solid var(--fgd-line); }
.fgd-vtabs__btn { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: var(--fgd-text-2); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.fgd-vtabs__btn:hover { color: var(--fgd-text); }
.fgd-vtabs__btn.is-active { background: #fff; color: var(--fgd-primary-dark); box-shadow: 0 1px 4px rgba(19, 52, 66, .12); }
.fgd-vtabs__btn:focus-visible { outline: 2px solid var(--fgd-primary); outline-offset: 2px; }
.fgd-vtabs__count { min-width: 24px; padding: 1px 7px; border-radius: 999px; background: var(--fgd-line); color: var(--fgd-text-2); font-size: 12.5px; line-height: 1.5; text-align: center; }
.fgd-vtabs__btn.is-active .fgd-vtabs__count { background: var(--fgd-primary-soft); color: var(--fgd-primary-dark); }
/* --fgd-vbar-h: đáy thanh tab dính (JS đo), để cột nhóm dính ngay dưới và nhảy tới nhóm không bị thanh che. */
.fgd-vpanel { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 36px; align-items: start; }
.fgd-vpanel[hidden], .fgd-vgroup[hidden], .fgd-vnav li[hidden], .fgd-vpanel .fgd-vside[hidden] { display: none; }
/* Cột chủ đề cao hết phần nội dung, đường kẻ dọc ở cạnh phải ngăn với lưới video. */
.fgd-vside { align-self: stretch; border-right: 1px solid var(--fgd-line); }
/* margin-right -1px: vạch nhóm đang xem đè lên đường kẻ. */
.fgd-vnav { position: sticky; top: calc(var(--fgd-vbar-h, 0px) + 20px); max-height: calc(100vh - var(--fgd-vbar-h, 0px) - 40px); overflow-y: auto; margin-right: -1px; padding: 24px 0 8px; }
.fgd-vnav__title { margin: 0 0 8px 12px; color: var(--fgd-muted); font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.fgd-vnav ul { list-style: none; margin: 0; padding: 0; }
.fgd-vnav li { margin: 0; }
.fgd-vnav a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 14px 7px 12px; border-right: 2px solid transparent; color: var(--fgd-text-2) !important; font-size: 14.5px; line-height: 1.35; text-decoration: none !important; transition: color .15s, border-color .15s, background .15s; }
.fgd-vnav a:hover { color: var(--fgd-text) !important; background: var(--fgd-bg-2); }
.fgd-vnav a.is-active { border-right-color: var(--fgd-primary); color: var(--fgd-primary-dark) !important; font-weight: 600; background: var(--fgd-primary-soft); }
.fgd-vnav a:focus-visible { outline: 2px solid var(--fgd-primary); outline-offset: -2px; }
.fgd-vnav__count { flex: none; color: var(--fgd-muted); font-size: 12.5px; font-weight: 500; }
.fgd-vgroup { padding: 28px 0 4px; scroll-margin-top: calc(var(--fgd-vbar-h, 0px) + 8px); }
.fgd-vgroup + .fgd-vgroup { margin-top: 12px; border-top: 1px solid var(--fgd-line); }
.fgd-vgroup__title { display: flex; align-items: center; gap: 10px; font-size: 22px !important; margin: 0 0 14px !important; }
.fgd-vgroup__count { padding: 1px 9px; border-radius: 999px; background: var(--fgd-bg-2); border: 1px solid var(--fgd-line); color: var(--fgd-muted); font-size: 13px; font-weight: 600; line-height: 1.6; }
.fgd-vgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 22px 18px; }
.fgd-vcard { min-width: 0; }
.fgd-vcard.is-filtered, .fgd-vcard.is-unmatched { display: none; }
.fgd-vcard__play { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; overflow: hidden; border: 1px solid var(--fgd-line); border-radius: var(--fgd-radius); background: #000; cursor: pointer; }
/* Ảnh YouTube hqdefault 4:3 có viền đen trên dưới: phủ kín khung 16:9 để cắt viền. */
.fgd-vcard__play img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .2s; }
.fgd-vcard__play:hover img { transform: scale(1.04); }
.fgd-vcard__play .fgd-video__icon { width: 56px; height: 40px; font-size: 18px; }
.fgd-vcard__play:hover .fgd-video__icon, .fgd-vcard__play:focus-visible .fgd-video__icon { background: #e00; }
.fgd-vcard__play:focus-visible { outline: 3px solid var(--fgd-primary); outline-offset: 2px; }
.fgd-vcard__title { margin: 10px 2px 0 !important; font-size: 15.5px !important; font-weight: 600; line-height: 1.4 !important; color: var(--fgd-text); }
.fgd-vempty { padding: 40px 0; text-align: center; color: var(--fgd-text-2); }
.fgd-vempty[hidden] { display: none; }
.fgd-vreset { border: 0; padding: 0; background: none; color: var(--fgd-primary-dark); font: inherit; font-weight: 600; text-decoration: underline; cursor: pointer; }
/* Rộng theo chiều cao màn hình để khung luôn đủ 16:9 kèm tiêu đề và nút đóng. */
.fgd-vmodal { width: min(1000px, calc(100vw - 32px), calc((100vh - 140px) * 16 / 9)); max-width: none; max-height: none; padding: 0; border: 0; background: transparent; overflow: visible; }
/* Theme (bootstrap reboot) đặt dialog { display: block } nên hộp đóng vẫn hiện khung đen đè chân trang. */
.fgd-vmodal:not([open]) { display: none; }
.fgd-vmodal::backdrop { background: rgba(8, 20, 26, .82); }
.fgd-vmodal__box { position: relative; }
.fgd-vmodal__frame { aspect-ratio: 16 / 9; background: #000; border-radius: var(--fgd-radius); overflow: hidden; }
.fgd-vmodal__frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.fgd-vmodal__title { margin: 12px 0 0; color: #fff; font-size: 16px; font-weight: 600; text-align: center; }
.fgd-vmodal__close { position: absolute; top: -44px; right: 0; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .15); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.fgd-vmodal__close:hover, .fgd-vmodal__close:focus-visible { background: rgba(255, 255, 255, .3); outline: 0; }
@media (prefers-reduced-motion: reduce) { .fgd-vcard__play img { transition: none; } .fgd-vcard__play:hover img { transform: none; } }

/* Tìm kiếm */
.fgd-search__count { color: var(--fgd-muted); }
.fgd-results { list-style: none; padding: 0; margin: 16px 0; }
.fgd-results li { padding: 14px 0; border-bottom: 1px solid var(--fgd-line); }
.fgd-results a { font-size: 18px; font-weight: 600; text-decoration: none; }
.fgd-results small { display: block; color: var(--fgd-muted); }
.fgd-results p { margin: 4px 0 0; color: var(--fgd-text-2); font-size: 15px; }

/* ---------- Responsive ---------- */
@media (min-width: 1200px) {
  /* Nút Xuất tài liệu sát mép phải cột giữa (cạnh mục lục 260px), ngang hàng breadcrumb. */
  .fgd-layout { position: relative; }
  .fgd-topbar .fgd-export { position: absolute; top: 20px; right: calc(260px + 16px); }
}
@media (max-width: 1199px) {
  .fgd-layout { grid-template-columns: 270px minmax(0, 1fr); }
  .fgd-main { padding: 24px 32px 64px; }
  .fgd-toc { display: none; }
}
@media (max-width: 991px) {
  .fgd-layout, .fgd-layout--search { display: block; }
  .fgd-main { padding: 16px 16px 48px; }
  .fgd-page .site-header__mainbar .container { padding-left: 16px; padding-right: 16px; }
  .fgd-sidebar { position: fixed; z-index: 9999; inset: 0 auto 0 0; width: min(320px, 86vw); background: #fff; box-shadow: 4px 0 24px rgba(0,0,0,.15); transform: translateX(-105%); transition: transform .2s; }
  .fgd-sidebar.is-open { transform: none; }
  .fgd-sidebar { padding: 0; border-right: 0; }
  .fgd-sidebar__inner { position: static; max-height: 100vh; height: 100%; padding: 16px; }
  .fgd-sidebar-toggle { display: inline-flex; gap: 6px; align-items: center; margin-bottom: 12px; padding: 6px 12px; border: 1px solid var(--fgd-line); border-radius: 8px; background: #fff; color: var(--fgd-text); font-size: 14px; cursor: pointer; }
  .fgd-article__title { font-size: 28px; }
  .fgd-search__kbd { display: none; }
  .fgd-hero h1 { font-size: 30px; }
}
@media (max-width: 991px) {
  /* Màn hẹp: thanh tab không dính (đỡ chiếm chỗ), danh sách nhóm thành hàng nút trượt ngang dính trên cùng. */
  .fgd-vbar, .admin-bar .fgd-vbar { position: static; }
  .fgd-vpanel { display: block; }
  /* contents: hàng nút dính theo cả khung nhóm, không bị giới hạn trong khung cột chủ đề. */
  .fgd-vside { display: contents; }
  .fgd-vnav { top: 0; z-index: 15; max-height: none; overflow: visible; margin: 0 -16px; padding: 10px 16px; background: var(--fgd-bg); border-bottom: 1px solid var(--fgd-line); }
  .admin-bar .fgd-vnav { top: 46px; }
  .fgd-vnav__title { display: none; }
  .fgd-vnav ul { display: flex; gap: 8px; overflow-x: auto; border: 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .fgd-vnav ul::-webkit-scrollbar { display: none; }
  .fgd-vnav li { flex: none; }
  .fgd-vnav a { margin: 0; padding: 6px 12px; border: 1px solid var(--fgd-line); border-radius: 999px; background: #fff; font-size: 14px; white-space: nowrap; }
  .fgd-vnav a.is-active { border-color: var(--fgd-primary); }
  .fgd-vgroup { scroll-margin-top: 64px; }
}
@media (max-width: 575px) {
  .fgd-pager { grid-template-columns: 1fr; }
  .fgd-pager__next { grid-column: 1; }
  .fgd-cards--sections { grid-template-columns: 1fr; }
  .fgd-vbar { gap: 8px; }
  .fgd-vtabs, .fgd-vbar .fgd-filter { width: 100%; }
  .fgd-vtabs__btn { flex: 1; justify-content: center; padding: 0 10px; }
  .fgd-vbar .fgd-filter__label { display: none; }
  .fgd-vbar .fgd-filter__control { flex: 1; min-width: 0; }
  .fgd-vgrid { grid-template-columns: 1fr; }
  .fgd-vgroup__title { font-size: 19px !important; }
  .fgd-flow { grid-template-columns: 1fr; gap: 10px; }
  .fgd-flow__step { flex-direction: row; align-items: flex-start; gap: 14px; }
  .fgd-flow__step:not(:last-child)::after { top: auto; bottom: -10px; right: auto; left: 29px; width: 2px; height: 10px; }
}

/* ---------- Trang Tình huống thường gặp ([fg_tinh_huong]) ---------- */
.fgd-th { margin: 20px 0 28px; }
.fgd-th__search input { width: 100%; height: 48px; padding: 0 16px; border: 1px solid var(--fgd-line); border-radius: var(--fgd-radius); font: inherit; font-size: 16px; color: var(--fgd-text); background: #fff; }
.fgd-th__search input:focus { outline: none; border-color: var(--fgd-primary); box-shadow: 0 0 0 3px var(--fgd-primary-soft); }
.fgd-th__group[hidden], .fgd-th__empty[hidden] { display: none; }
.fgd-content .fgd-th__list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--fgd-line); border-radius: var(--fgd-radius); overflow: hidden; }
.fgd-content .fgd-th__list li { margin: 0; padding: 0; }
.fgd-content .fgd-th__list li + li { border-top: 1px solid var(--fgd-line); }
.fgd-content .fgd-th__list li.is-filtered, .fgd-content .fgd-th__list li.is-unmatched { display: none; }
.fgd-content .fgd-th__list a { display: block; padding: 12px 16px; color: inherit; text-decoration: none; }
.fgd-content .fgd-th__list a:hover { background: var(--fgd-primary-soft); }
.fgd-content .fgd-th__list a:focus-visible { outline: 2px solid var(--fgd-primary); outline-offset: -2px; }
.fgd-th__q { display: block; font-weight: 600; color: var(--fgd-primary-dark); }
.fgd-th__a { display: block; margin-top: 2px; font-size: 14.5px; color: var(--fgd-muted); }
.fgd-th__empty { margin-top: 16px; color: var(--fgd-muted); }