/* prompts.css — プロンプト集（一覧ハブ・カテゴリ別ページ） */

/* ハブページ：カテゴリカード */
.prompt-hub-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-4)}
@media (min-width:640px){.prompt-hub-grid{grid-template-columns:repeat(2,1fr)}}
.prompt-cat-card{display:block;padding:0;overflow:hidden}
/* C3 サムネ帯（デザインシステムv2）: ネイビー地紋＋編カラーローテのアクセント */
.pcat-thumb{
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:.8em;
  padding:1.15em 1.3em;color:#fff;
  background:
    radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,.10) 1.5px,transparent 0) 0 0/20px 20px,
    linear-gradient(140deg,var(--hero-navy-1) 0%,var(--hero-navy-2) 100%);
  border-bottom:3px solid var(--pcat-accent,var(--color-accent));
}
.pcat-thumb-label{font-size:.72rem;font-weight:800;letter-spacing:.16em;color:rgba(255,255,255,.85)}
.pcat-thumb-count{
  font-size:1.5rem;font-weight:800;line-height:1;color:#fff;
  font-variant-numeric:tabular-nums;opacity:.9;
}
.pcat-body{padding:1.1em 1.3em 1.25em}
.prompt-cat-card h3{margin:0 0 .3em}
.prompt-cat-card .prompt-cat-count{
  display:inline-block;margin-top:.7em;font-size:.78rem;font-weight:800;color:var(--color-primary);
  background:var(--color-secondary-light);border-radius:var(--radius-pill);padding:.2em .8em;
}

/* カテゴリページ：プロンプトカード一覧 */
.prompt-list{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-4)}
.prompt-card{padding:1.3em 1.4em}
.prompt-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}
.prompt-card-head h3{margin:0;font-size:1.05rem}
.prompt-usecase{color:var(--color-text-muted);font-size:.92rem;margin:.35em 0 1em}

.prompt-body-wrap{background:var(--color-navy);border-radius:var(--radius-md);margin-bottom:1em}
.prompt-body{
  margin:0;padding:1.1em 1.2em;color:#EAF1FB;font-size:.83rem;line-height:1.7;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:520px;overflow-y:auto;
}
.prompt-body code{background:transparent;color:inherit;padding:0;font-size:inherit}

.prompt-related{margin-top:.9em}
.prompt-related-label{font-size:.78rem;color:var(--color-text-faint);font-weight:700;margin-right:.4em}
.prompt-related a.tag-chip{color:var(--color-primary-dark);border-color:#cfe0f5;background:var(--color-secondary-light)}
.prompt-related a.tag-chip:hover{background:var(--color-primary);color:#fff;text-decoration:none}

.btn-copy{min-height:36px;padding:.45em 1.1em;font-size:.8rem;flex:none}
.btn-copy[disabled]{opacity:.85}

/* カテゴリ間の移動（カテゴリページ上部の簡易導線） */
/* C7 セグメントタブバー(デザインv2・2026-07-24 実装):
   横スクロール可・active=primary塗り・タップしやすい高さ。13カテゴリでも1行で流せる */
.prompt-cat-nav{
  display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.35em;margin:1.2em 0 2em;padding:.4em;
  background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:14px;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;
}
.prompt-cat-nav a{
  flex:none;font-size:.95rem;font-weight:700;color:var(--color-text-muted);
  background:transparent;border:0;border-radius:10px;padding:.6em 1.15em;white-space:nowrap;
}
.prompt-cat-nav a.is-active{color:#fff;background:var(--color-primary)}
.prompt-cat-nav a:hover:not(.is-active){color:var(--color-primary);background:#fff;text-decoration:none}