/* staff.css — AI社員（顔写真・著者アイコン・チーム一覧）。色・余白・角丸は site.css のトークンだけを使う。 */
.staff-fig{position:relative;margin:0;border-radius:var(--r-panel);overflow:hidden;background:var(--paper-50);box-shadow:var(--shadow)}
.staff-fig img{display:block;width:100%;height:auto}
.staff-icon{display:block;border-radius:50%;object-fit:cover;background:var(--paper-50);box-shadow:0 0 0 3px var(--white),0 0 0 4px var(--line-200);flex:none}

/* /team/<slug>/ の見出し部：文章と顔写真を並べる */
.staff-hero{display:grid;gap:24px;align-items:center}
.staff-hero__fig{max-width:320px}
.staff-banner{margin-top:32px}
.staff-banner .staff-fig img{aspect-ratio:21/9;height:auto;object-fit:cover;object-position:72% 38%}
@media (min-width:760px){.staff-hero{grid-template-columns:1fr 300px;gap:48px}.staff-hero__fig{max-width:none}}

/* /team/ のカード上部の写真 */
.card__photo{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--paper-50);border-radius:var(--r-card) var(--r-card) 0 0}
.card__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.card__photo .ai-img-note{right:8px;bottom:8px}
@media (min-width:760px){.card__photo{aspect-ratio:4/5}}
.card--staff .card__link{padding:0}
.card--staff .card__body{display:flex;flex-direction:column;gap:8px;padding:16px 20px 20px}

/* 記事末尾の著者欄：顔アイコン＋文章 */
.author-box--staff{display:grid;grid-template-columns:56px 1fr;gap:4px 16px;align-items:start}
.author-box--staff .staff-icon{grid-row:1/4}
.author-box--staff p{margin:0}

/* 5名の並び */
.staff-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:16px;list-style:none;margin:24px 0 8px;padding:0}
.staff-row__item a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:1px solid var(--line-200);border-radius:var(--r-card);background:var(--white);text-decoration:none;color:var(--ink-950);text-align:center;min-height:44px}
.staff-row__item a:hover{border-color:var(--signal-500)}
.staff-row__badge{font-size:12px;font-weight:700;color:var(--signal-700);background:var(--signal-100);border-radius:999px;padding:2px 10px}
.staff-row__name{font-weight:700}
.staff-row__role{font-size:14px;color:var(--ink-600)}
.staff-note{font-size:14px;color:var(--ink-600);margin:0}