/* ============================================================
   Protagonist — /agent-service/（エージェントサービス）ページ固有 CSS
   共有トークン・コンポーネントは design-system.css を参照。
   ここには本ページ固有の構造（タレントフロー / appr-card の付帯要素）のみ。
   ============================================================ */

/* appr-card の付帯要素（.sub/.points/hover は design-system.css に集約済み） */
.appr-card .lk{margin-top:1.5rem}

/* タレントフロー（MEDIA → REGISTER → DELIVER） */
.flow{display:grid;gap:clamp(16px,2vw,22px);align-items:stretch}
@media(min-width:940px){.flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch}}
.flow .f-step{background:var(--paper);border:1px solid var(--line);padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column}
.flow .f-step.hub{background:var(--surface);border-color:var(--hair)}
.flow .f-num{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;color:var(--muted)}
.flow .f-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);margin:.55rem 0 .9rem}
.flow .f-title{font-family:var(--jp);font-weight:700;font-size:1.1rem;line-height:1.4;letter-spacing:-.005em;margin-bottom:.7rem}
.flow .f-body{color:var(--graphite);font-size:.9rem;line-height:1.7}
.flow .f-tags{list-style:none;display:grid;gap:.5rem;margin-top:.2rem}
.flow .f-tags li{font-size:.86rem;color:var(--ink-2);line-height:1.5;padding-left:1rem;position:relative}
.flow .f-tags li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;background:var(--ink);border-radius:50%}
.flow .f-arrow{display:grid;place-items:center;color:var(--hair)}
.flow .f-arrow svg{width:36px;height:24px}
@media(max-width:939px){.flow .f-arrow svg{transform:rotate(90deg)}}
.flow .f-loop{grid-column:1 / -1;text-align:center;margin-top:.2rem}
.flow .f-loop span{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;color:var(--muted);border:1px dashed var(--hair);padding:.6rem 1.1rem}

/* cases 下部の導線 */
.cases-foot{text-align:center;margin-top:clamp(28px,3.4vw,40px)}
.cases-foot .note{font-family:var(--mono);font-size:.66rem;letter-spacing:.04em;color:var(--muted);margin-top:1.1rem}