/* ============================================================
   found.css — Takumi Senpai · FOUND (Bisaya Word Archive)
   Path: /css/found.css

   このファイルは新しいデザインシステムを作らない。
   既存の --accent / --text / --bg-* (style.css) と
   --oc-cork / --oc-paper / --oc-ink / --oc-red / --oc-gold /
   --oc-tape (open-case.css) をそのまま参照する。
   :root の再定義はしていない — open-case.css が既に
   グローバルに定義済みの値をそのまま使う。

   モバイルファースト。デスクトップは末尾の @media で拡張。
   ============================================================ */

#found-page {
  padding: 56px 20px 80px;
  max-width: 900px;
  margin: 0 auto;
}

.fd-inner { position: relative; }

/* ── Header ── */
.fd-header { text-align: center; margin-bottom: 32px; }

.fd-stamp {
  font-family: 'Space Mono', monospace;
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--oc-red-bright, #e05353);
  margin-bottom: 10px;
}

.fd-eyebrow {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.4em;
  color: var(--accent);
  margin-bottom: 14px;
}

.fd-heading {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: 1.9rem;
  line-height: 1.25;
  color: var(--text);
  margin-bottom: 14px;
}

.fd-sub {
  font-family: 'Inter', sans-serif;
  font-size: 0.92rem;
  line-height: 1.7;
  color: var(--text-faint);
  max-width: 560px;
  margin: 0 auto;
}

/* ── Toolbar: search + submit ── */
.fd-toolbar {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 32px 0 28px;
}

.fd-search-box {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--bg-mid);
  border: 1px solid var(--rule);
  border-radius: 4px;
  padding: 0 14px;
}

.fd-search-icon {
  width: 16px; height: 16px;
  color: var(--text-faint);
  flex-shrink: 0;
}

#fdSearchInput {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text);
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  padding: 13px 10px;
}
#fdSearchInput::placeholder { color: var(--text-faint); opacity: 0.6; }

.fd-submit-cta {
  font-family: 'Space Mono', monospace;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  color: var(--bg-deep);
  background: var(--accent);
  border: none;
  border-radius: 4px;
  padding: 13px 18px;
  cursor: pointer;
  transition: opacity 0.2s ease;
  white-space: nowrap;
}
.fd-submit-cta:hover { opacity: 0.88; }

/* ── Section labels ── */
.fd-section-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 8px;
  margin: 34px 0 16px;
}
.fd-section-label--waiting { margin-top: 48px; }

.fd-section-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text);
}
.fd-section-count {
  font-family: 'Space Mono', monospace;
  font-size: 0.72rem;
  color: var(--text-faint);
}

.fd-empty {
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  color: var(--text-faint);
  font-style: italic;
  padding: 12px 2px;
}

.fd-retry-btn {
  font-family: 'Space Mono', monospace;
  font-style: normal;
  font-size: 0.72rem;
  color: var(--oc-red, #8b1515);
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  margin-left: 4px;
}
.fd-retry-btn:hover { opacity: 0.75; }

/* ── FOUND grid + card ── */
.fd-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.fd-card {
  position: relative;
  background: var(--oc-paper, #f0e6cc);
  color: var(--oc-ink, #1a1208);
  border-radius: 2px;
  padding: 22px 20px 20px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.35);
}

.fd-card-tape {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%) rotate(-1.5deg);
  width: 74px;
  height: 22px;
  background: var(--oc-tape, rgba(240,232,170,0.52));
  box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

.fd-card-stamp {
  display: inline-block;
  font-family: 'Space Mono', monospace;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  color: var(--oc-red, #8b1515);
  border: 1px solid var(--oc-red, #8b1515);
  border-radius: 2px;
  padding: 2px 8px;
  margin-bottom: 10px;
}

.fd-card-word {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: 1.7rem;
  margin-bottom: 8px;
}

.fd-card-meaning {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 10px;
}

.fd-card-explanation,
.fd-card-context {
  font-family: 'Inter', sans-serif;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--oc-ink-faint, #3d2e1a);
  margin-bottom: 10px;
}

.fd-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  font-family: 'Space Mono', monospace;
  font-size: 0.7rem;
  color: var(--oc-ink-faint, #3d2e1a);
  border-top: 1px dashed rgba(26,18,8,0.25);
  padding-top: 10px;
  margin-top: 4px;
}

/* ── FOUNDカード内「Layer 1: Original Submission」──
   誰が最初にこの言葉を持ち込んだのか。FOUND化後も消さずに残す。 */
.fd-card-origin {
  border-top: 1px dashed rgba(26,18,8,0.25);
  padding-top: 10px;
  margin-top: 4px;
}
.fd-card-origin-label {
  font-family: 'Space Mono', monospace;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--oc-ink-faint, #3d2e1a);
  opacity: 0.75;
  margin-bottom: 4px;
}
.fd-card-origin-line {
  font-family: 'Space Mono', monospace;
  font-size: 0.72rem;
  color: var(--oc-ink-faint, #3d2e1a);
  margin-bottom: 4px;
}
.fd-card-origin-note {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-size: 0.82rem;
  line-height: 1.6;
  color: var(--oc-ink, #1a1208);
}

/* Original Submissionの写真(FOUNDカード・paper調) */
.fd-card-origin-photo {
  display: block;
  margin-top: 10px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid rgba(26,18,8,0.2);
  max-width: 220px;
}
.fd-card-origin-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.fd-related-quest {
  display: block;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(26,18,8,0.2);
  text-decoration: none;
}
.fd-related-label {
  display: block;
  font-family: 'Space Mono', monospace;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--oc-red, #8b1515);
  margin-bottom: 3px;
}
.fd-related-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--oc-ink, #1a1208);
}

/* ── STILL UNDER INVESTIGATION — 1ケース = 複数回答をまとめて表示 ── */
.fd-waiting-list { list-style: none; padding: 0; margin: 0; }

.fd-case {
  padding: 14px 14px 16px;
  background: var(--bg-mid);
  border: 1px solid var(--rule);
  border-radius: 3px;
  margin-bottom: 10px;
}

.fd-case-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.fd-case-word {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.2rem;
  color: var(--text);
}

.fd-waiting-ribbon {
  font-family: 'Space Mono', monospace;
  font-size: 0.68rem;
  color: var(--oc-red-bright, #e05353);
  letter-spacing: 0.08em;
  border: 1px solid var(--oc-red-bright, #e05353);
  border-radius: 2px;
  padding: 1px 6px;
  white-space: nowrap;
}

.fd-case-meta {
  font-family: 'Space Mono', monospace;
  font-size: 0.68rem;
  color: var(--text-faint);
  margin-bottom: 10px;
}

/* ── Takumi active case badge (2026-08-22 追加) ──
   意図的に .fd-waiting-ribbon（赤・透明背景・細枠）とは正反対の
   トーン（ゴールド・塗りつぶし背景）にして、「単に未回答」の状態と
   「Takumiが実際に現地調査中」の状態を一目で区別できるようにする。 */
.fd-takumi-case-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 8px 12px;
  background: rgba(201,168,76,0.14);
  border: 1px solid var(--accent, #c9a84c);
  border-radius: 3px;
  font-family: 'Space Mono', monospace;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  color: var(--accent, #c9a84c);
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.fd-takumi-case-badge:hover {
  background: rgba(201,168,76,0.24);
  border-color: #ddc06a;
}
.fd-takumi-case-icon  { font-size: 0.9rem; line-height: 1; }
.fd-takumi-case-label { flex: 1; font-weight: 700; }
.fd-takumi-case-arrow { font-size: 0.85rem; }

/* Waitingカードの原文メモ(foundAt.note) — 投稿者が最初に見た/聞いた
   状況をそのまま出す。FOUND化後のfd-card-origin-noteと役割は同じだが、
   ダークな案件カードの中で読みやすいよう見た目だけ調整している。 */
.fd-case-note {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-size: 0.82rem;
  line-height: 1.6;
  color: var(--text);
  margin-bottom: 12px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Original Submissionの写真(Waitingカード・ダーク調) */
.fd-case-photo {
  display: block;
  margin-bottom: 12px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid var(--rule);
  max-width: 220px;
}
.fd-case-photo img {
  display: block;
  width: 100%;
  height: auto;
}

/* 複数人の回答 — 「公式の唯一の答え」ではなく、独立した証言の積み重ねだと
   視覚的にわかるよう、1件ずつ薄い区切り線を持つカードにする */
.fd-case-answers {
  margin: 10px 0 12px;
  padding-left: 12px;
  border-left: 2px solid var(--accent-mid, rgba(201,168,76,0.35));
}

.fd-case-answers-label {
  font-family: 'Space Mono', monospace;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-faint);
  margin-bottom: 8px;
}
.fd-case-answers-label span { opacity: 0.7; }

.fd-answer-entry {
  padding: 8px 0;
  border-bottom: 1px dashed var(--rule);
}
.fd-answer-entry:last-child { border-bottom: none; padding-bottom: 0; }

.fd-answer-entry-byline {
  font-family: 'Space Mono', monospace;
  font-size: 0.68rem;
  color: var(--accent);
  margin-bottom: 3px;
}

.fd-answer-entry-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.86rem;
  line-height: 1.6;
  color: var(--text);
  margin-bottom: 3px;
}

.fd-answer-entry-experience {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--text-faint);
}

/* 「Answer this」— 探偵の調査ログ風に、控えめな枠線ボタンで統一。
   既に回答が付いていてもボタンは消さない(このケースは閉じていないため)。 */
.fd-answer-btn {
  align-self: flex-start;
  font-family: 'Space Mono', monospace;
  font-size: 0.7rem;
  letter-spacing: 0.03em;
  color: var(--accent);
  background: transparent;
  border: 1px solid var(--accent-mid, rgba(201,168,76,0.35));
  border-radius: 3px;
  padding: 7px 13px;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.fd-answer-btn:hover {
  background: var(--accent-dim, rgba(201,168,76,0.14));
  border-color: var(--accent);
}

/* ── Answer This Case モーダル内のチェックボックス行 ── */
.fd-checkbox-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Space Mono', monospace;
  font-size: 0.78rem;
  color: var(--oc-ink, #1a1208);
  margin-bottom: 10px;
  cursor: pointer;
}
.fd-checkbox-row input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: var(--oc-red, #8b1515);
  cursor: pointer;
}

/* ── Search result zone ── */
.fd-result-zone { margin: 8px 0 40px; }

.fd-result-waiting,
.fd-result-empty {
  text-align: center;
  padding: 32px 20px;
  background: var(--bg-mid);
  border: 1px dashed var(--rule);
  border-radius: 4px;
}

.fd-result-waiting-ribbon,
.fd-result-empty-ribbon {
  font-family: 'Space Mono', monospace;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  color: var(--oc-red-bright, #e05353);
  margin-bottom: 10px;
}

.fd-result-waiting-word {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.5rem;
  color: var(--text);
  margin-bottom: 8px;
}

.fd-result-waiting-text,
.fd-result-empty-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  color: var(--text-faint);
  margin-bottom: 14px;
  line-height: 1.6;
}

.fd-result-waiting-meta {
  font-family: 'Space Mono', monospace;
  font-size: 0.72rem;
  color: var(--text-faint);
  margin-bottom: 16px;
}

.fd-result-add-btn,
.fd-result-submit-btn {
  font-family: 'Space Mono', monospace;
  font-size: 0.78rem;
  color: var(--bg-deep);
  background: var(--accent);
  border: none;
  border-radius: 4px;
  padding: 11px 18px;
  cursor: pointer;
}

/* ── Closer ── */
.fd-closer {
  text-align: center;
  margin-top: 60px;
  padding-top: 28px;
  border-top: 1px solid var(--rule);
}
.fd-closer-text {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1.1rem;
  color: var(--text-faint);
  margin-bottom: 14px;
}
.fd-closer-link {
  font-family: 'Space Mono', monospace;
  font-size: 0.78rem;
  color: var(--accent);
  text-decoration: none;
}
.fd-closer-link:hover { text-decoration: underline; }

/* ════════════════════════════════════════════════════════════
   Modal — independent from #ocModalOverlay
   ════════════════════════════════════════════════════════════ */
.fd-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(8,8,6,0.86);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 9000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease;
}
.fd-modal-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.fd-modal {
  position: relative;
  width: 100%;
  max-width: 520px;
  /* iOS Safariのvhは「アドレスバーが引っ込んだ最大時」基準で計算されるため、
     アドレスバー表示中は94vhが実際に見えている高さより大きくなり、
     モーダル上部(CLOSEボタン・タイトル)が画面外に押し出されてしまう。
     dvh(動的ビューポート高さ)対応ブラウザではこちらを優先させる
     (非対応ブラウザは無効な値として無視し、上のvh指定のまま使う)。 */
  max-height: 94vh;
  max-height: 94dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden; /* 内部スクロールは.fd-modal-body側の役割。.fd-modal自体はスクロールさせない(ヘッダーを常に固定表示するため) */
  box-sizing: border-box; /* グローバルリセットに加えて明示(念のための二重防御) */
  background: var(--oc-paper, #f0e6cc);
  color: var(--oc-ink, #1a1208);
  border-radius: 8px 8px 0 0;
  transform: translateY(24px);
  transition: transform 0.25s ease;
}
.fd-modal-overlay.is-open .fd-modal { transform: translateY(0); }

/* ヘッダー(CLOSEボタン・スタンプ・タイトル・注釈)は固定表示。
   フォーム項目が多いSubmit a Wordでスクロールしても、常に見えている・
   常に閉じられる状態を保つ。 */
.fd-modal-header {
  position: relative;
  flex-shrink: 0;
  padding: 22px 24px 14px;
  border-bottom: 1px solid rgba(26,18,8,0.12);
}

/* フォーム本体だけが独立してスクロールする領域。
   min-height:0が無いとflexアイテムがコンテンツの高さまで伸びてしまい、
   overflow-y:autoが効かなくなる点に注意。 */
.fd-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden; /* 万一どこかの子要素が幅をはみ出しても横方向には広げない */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain; /* モーダル内スクロールが端まで達しても背景ページへスクロールが伝播しないようにする。iOSで「スクロールしづらい・引っかかる」と感じる主な原因のひとつ */
  padding: 16px 24px 22px;
  box-sizing: border-box;
}

.fd-modal-close {
  position: absolute;
  top: 12px;
  right: 14px;
  background: none;
  border: none;
  font-family: 'Space Mono', monospace;
  font-size: 0.72rem;
  color: var(--oc-ink-faint, #3d2e1a);
  cursor: pointer;
  opacity: 0.7;
}
.fd-modal-close:hover { opacity: 1; }

.fd-modal-stamp {
  font-family: 'Space Mono', monospace;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--oc-red, #8b1515);
  margin-bottom: 4px;
  padding-right: 60px; /* CLOSEボタンと重ならないよう右に逃がす */
}
.fd-modal-title {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: 1.32rem;
  line-height: 1.25;
  margin-bottom: 5px;
  overflow-wrap: break-word;
  word-break: break-word;
}
.fd-modal-note {
  font-family: 'Inter', sans-serif;
  font-size: 0.8rem;
  color: var(--oc-ink-faint, #3d2e1a);
  line-height: 1.5;
  overflow-wrap: break-word;
}

.fd-form-row { margin-bottom: 10px; }

.fd-form-label {
  display: block;
  font-family: 'Space Mono', monospace;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  color: var(--oc-ink, #1a1208);
  margin-bottom: 5px;
}
.fd-form-label span { color: var(--oc-red, #8b1515); }

.fd-form-input,
.fd-form-textarea {
  width: 100%;
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(26,18,8,0.25);
  border-radius: 3px;
  padding: 10px 12px;
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  color: var(--oc-ink, #1a1208);
  box-sizing: border-box;
}
.fd-form-input:focus,
.fd-form-textarea:focus {
  outline: none;
  border-color: var(--oc-red, #8b1515);
}
.fd-form-textarea { resize: vertical; min-height: 52px; }

/* ── Photo (optional) — Submit a Wordのみ。ボタンの横に短い説明を
   インラインで添えるだけの1行構成にして、独立した説明段落は置かない
   (モバイルでの縦方向の圧迫を減らすため)。 ── */
.fd-photo-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.fd-photo-hint-inline {
  font-family: 'Inter', sans-serif;
  font-size: 0.76rem;
  color: var(--oc-ink-faint, #3d2e1a);
}

/* ネイティブのfile inputは見た目を出さず、<label for="fdPhoto">を
   ボタン代わりに使う(クリックで自動的にファイル選択が開く・JS不要)。 */
.fd-photo-input-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}

.fd-photo-choose-btn {
  display: inline-block;
  font-family: 'Space Mono', monospace;
  font-size: 0.76rem;
  color: var(--oc-ink, #1a1208);
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(26,18,8,0.25);
  border-radius: 3px;
  padding: 9px 14px;
  cursor: pointer;
}
.fd-photo-choose-btn:hover { background: rgba(255,255,255,0.75); }

.fd-photo-preview-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.fd-photo-preview {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 3px;
  border: 1px solid rgba(26,18,8,0.25);
}
.fd-photo-remove-btn {
  font-family: 'Space Mono', monospace;
  font-size: 0.72rem;
  color: var(--oc-red, #8b1515);
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}

.fd-photo-error {
  font-family: 'Inter', sans-serif;
  font-size: 0.78rem;
  color: var(--oc-red, #8b1515);
  margin-top: 8px;
}

.fd-photo-privacy-note {
  font-family: 'Inter', sans-serif;
  font-size: 0.72rem;
  color: var(--oc-ink-faint, #3d2e1a);
  opacity: 0.85;
  margin-top: 8px;
}

.fd-form-submit {
  width: 100%;
  font-family: 'Space Mono', monospace;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  color: var(--oc-paper, #f0e6cc);
  background: var(--oc-ink, #1a1208);
  border: none;
  border-radius: 4px;
  padding: 14px;
  margin-top: 8px;
  cursor: pointer;
  transition: background 0.2s ease;
  box-sizing: border-box;
}
.fd-form-submit:hover { background: var(--oc-red, #8b1515); }
.fd-form-submit:disabled { opacity: 0.6; cursor: default; }

.fd-form-disclaimer {
  font-family: 'Inter', sans-serif;
  font-size: 0.72rem;
  color: var(--oc-ink-faint, #3d2e1a);
  text-align: center;
  margin-top: 8px;
  opacity: 0.75;
}

/* 横方向のpaddingは親(.fd-modal)がすでに持っているので、ここでは
   縦方向だけ指定する(左右0)。以前は左右6pxを二重に持たせていたが、
   モバイル実機で「左右の余白が足りない」という報告があったため、
   余白の基準を親1箇所に統一して分かりやすくした。 */
.fd-success-msg { text-align: center; padding: 16px 0 4px; }
.fd-success-stamp {
  font-family: 'Space Mono', monospace;
  font-size: 0.9rem;
  letter-spacing: 0.12em;
  color: var(--oc-red, #8b1515);
  border: 2px solid var(--oc-red, #8b1515);
  display: inline-block;
  padding: 4px 14px;
  border-radius: 3px;
  margin-bottom: 12px;
  transform: rotate(-2deg);
}
.fd-success-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.88rem;
  color: var(--oc-ink, #1a1208);
  line-height: 1.6;
  overflow-wrap: break-word;
}

/* ════════════════════════════════════════════════════════════
   Desktop
   ════════════════════════════════════════════════════════════ */
@media (min-width: 720px) {
  #found-page { padding: 80px 20px 100px; }

  .fd-heading { font-size: 2.4rem; }
  .fd-sub { font-size: 1rem; }

  .fd-waiting-item { flex-direction: row; align-items: center; justify-content: space-between; }
  .fd-waiting-main { flex: 1; }
  .fd-answer-btn { align-self: center; flex-shrink: 0; }

  .fd-toolbar { flex-direction: row; }
  .fd-search-box { flex: 1; }
  .fd-submit-cta { flex-shrink: 0; }

  .fd-grid { grid-template-columns: 1fr 1fr; }

  .fd-modal-overlay { align-items: center; }
  .fd-modal { border-radius: 8px; }
  .fd-modal-header { padding: 34px 32px 16px; }
  .fd-modal-body { padding: 18px 32px 30px; }
}