/* 填表須知彈窗（前綴 fe-）。只被 js/form-entry.js 使用，不改動其他版面。 */
.fe-dialog {
  width: min(560px, calc(100% - 28px));
  max-height: min(88vh, 760px);
  max-height: min(88svh, 760px);
  padding: 0;
  border: 1px solid var(--line, rgba(51, 40, 32, 0.14));
  border-radius: var(--radius-lg, 26px);
  background: var(--white, #fff);
  color: var(--ink, #332820);
  box-shadow: var(--shadow, 0 24px 70px rgba(51, 40, 32, 0.16));
  overflow: auto;
}
.fe-dialog::backdrop { background: rgba(51, 40, 32, 0.52); }
.fe-card { position: relative; padding: 28px 26px 24px; }
.fe-close {
  position: absolute;
  top: 12px;
  right: 12px;
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--line, rgba(51, 40, 32, 0.14));
  border-radius: 999px;
  background: var(--paper, #faf8f7);
  color: var(--ink, #332820);
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.fe-title { margin: 0 56px 14px 0; font-size: 22px; line-height: 1.35; }
.fe-lead, .fe-time, .fe-thanks { margin: 0 0 14px; font-size: 16px; line-height: 1.7; }
.fe-time strong { color: var(--pink-ink, #813a14); }
.fe-sub { margin: 18px 0 8px; font-size: 14px; font-weight: 700; color: var(--ink-soft, #504033); }
.fe-list {
  margin: 0 0 12px;
  padding: 12px 16px;
  border: 1px solid var(--line, rgba(51, 40, 32, 0.14));
  border-radius: var(--radius-md, 18px);
  background: var(--paper, #faf8f7);
}
.fe-list-title { margin: 0 0 4px; font-size: 15px; font-weight: 700; }
.fe-list-note { margin: 0 0 6px; font-size: 14px; color: var(--muted, #827367); }
.fe-list ul { margin: 0; padding-left: 20px; }
.fe-list li { margin: 4px 0; font-size: 15px; line-height: 1.6; }
.fe-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.fe-start, .fe-later {
  flex: 1 1 200px;
  min-height: 48px;
  padding: 10px 18px;
  border-radius: 999px;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.fe-start { border: 2px solid var(--ink, #332820); background: var(--ink, #332820); color: var(--white, #fff); }
.fe-later { border: 2px solid var(--ink, #332820); background: var(--white, #fff); color: var(--ink, #332820); }
.fe-start:focus-visible, .fe-later:focus-visible, .fe-close:focus-visible { outline: 3px solid var(--pink, #c4591f); outline-offset: 2px; }
.fe-note { min-height: 1.6em; margin: 12px 0 0; font-size: 14px; line-height: 1.6; color: var(--pink-ink, #813a14); }
.fe-offscreen { position: fixed; left: -9999px; top: 0; }
@media (max-width: 760px) {
  .fe-card { padding: 22px 18px 20px; }
  .fe-title { font-size: 20px; }
  .fe-lead, .fe-time, .fe-thanks { font-size: 15px; }
}