html,body{margin:0;background:#fff}

.arC{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;padding:clamp(24px,3vw,40px) 24px clamp(40px,5vw,64px);
}
.arC__in{max-width:720px;margin:0 auto}
.arC__card{
  display:grid;grid-template-columns:auto 1fr;gap:22px;background:#f6f9fc;border-radius:14px;
  padding:clamp(24px,3vw,32px);box-shadow:inset 0 0 0 1px var(--line);
}
.arC__av{width:72px;height:72px;border-radius:50%;background:linear-gradient(140deg,#a8c4d8,#4f7fa3);flex:0 0 auto}
.arC__role{margin:0;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--acc)}
.arC__body h2{margin:8px 0 0;font-size:19px;font-weight:800;color:var(--ink)}
.arC__sub{margin:5px 0 0;font-size:12px;color:var(--sub)}
.arC__bio{margin:14px 0 0;font-size:13.5px;line-height:1.95;color:var(--body)}
.arC__links{margin:16px 0 0;padding:0;list-style:none;display:flex;gap:18px;flex-wrap:wrap}
.arC__links a{font-size:12.5px;font-weight:700;color:var(--acc);text-decoration:none}
.arC__links a:hover{text-decoration:underline}
@media (max-width:560px){ .arC__card{grid-template-columns:1fr} }